- Posts: 55
- Thank you received: 7
Mise en page spécifique – options
11 years 6 months ago #196656
by fredjouan
Mise en page spécifique – options was created by fredjouan
-- url of the page with the problem -- :
www.lachampagne.com/parcduboisjoli/
-- HikaShop version -- : 2.4.0
-- Joomla version -- : 3.4.1
-- PHP version -- : 5.4
-- Browser(s) name and version -- : firefox 36.0.4
Bonjour,
Pour résoudre le problème de l'affichage des options sur 3 colonnes, vous m'avez conseillé de modifier la feuille frontend_default.css. Cette modif fonctionne bien mais corrompt un peu l'affichage en 2 colonnes :
Vous m'avez donc conseillé le code suivant :
Comment déclarer ces articles pour les relier à la bonne instruction CSS ?
-- HikaShop version -- : 2.4.0
-- Joomla version -- : 3.4.1
-- PHP version -- : 5.4
-- Browser(s) name and version -- : firefox 36.0.4
Bonjour,
Pour résoudre le problème de l'affichage des options sur 3 colonnes, vous m'avez conseillé de modifier la feuille frontend_default.css. Cette modif fonctionne bien mais corrompt un peu l'affichage en 2 colonnes :
Vous m'avez donc conseillé le code suivant :
Code:
#hikashop_product_Product1_product_page #hikashop_product_options select[multiple], select[size] { height: auto; width: 110px; }
Please Log in or Create an account to join the conversation.
11 years 6 months ago - 11 years 6 months ago #196661
by fredjouan
Replied by fredjouan on topic Mise en page spécifique – options
Dans la logique de vos explications, le fichier vient d'être modifié, pour obtenir :
Ne reste plus qu'à déclarer les produits concernés en product1 pour obtenir l'affichage sur 2 colonnes…
Or, lorsque l'on édite le produit concerné, les choix pour la "Mise en page de la page produit", les possibilités sont : défaut, inverser ou onglet. Bref, je pige pas bien
Merci de votre aide
Fred
Code:
/* Affichage sur 3 colonnes */
#hikashop_product_options tr,#hikashop_product_options td {
display: block;
float: left;
width: 33%;
}
#hikashop_product_options select[multiple], select[size] {
height: auto;
width: 110px;
}
#hikashop_product_left_part{ display:none; }
#hikashop_product_right_part{ width : 100% !important; }
/* affichage sur 2 colonnes */
#hikashop_product1_options tr,#hikashop_product1_options td {
display: block;
float: left;
width: 50%;
}
#hikashop_product1_left_part{ display:none; }
#hikashop_product1_right_part{ width : 100% !important; }
Or, lorsque l'on édite le produit concerné, les choix pour la "Mise en page de la page produit", les possibilités sont : défaut, inverser ou onglet. Bref, je pige pas bien
Merci de votre aide
Fred
Last edit: 11 years 6 months ago by fredjouan.
Please Log in or Create an account to join the conversation.
11 years 6 months ago #196659
by nicolas
Replied by nicolas on topic Mise en page spécifique – options
Bonjour,
Pourquoi pas rajouter ce genre de CSS ?
.hikashop_product_options_table tr{ min-width: 200px !important; }
Pourquoi pas rajouter ce genre de CSS ?
.hikashop_product_options_table tr{ min-width: 200px !important; }
The following user(s) said Thank You: fredjouan
Please Log in or Create an account to join the conversation.
11 years 6 months ago - 11 years 6 months ago #196782
by fredjouan
Replied by fredjouan on topic Mise en page spécifique – options
En effet, tout fonctionne à merveille !
Merci beaucoup de ton aide.
Fred
Merci beaucoup de ton aide.
Fred
Last edit: 11 years 6 months ago by fredjouan.
Please Log in or Create an account to join the conversation.
Time to create page: 0.161 seconds