Mise en page spécifique – options

  • Posts: 55
  • Thank you received: 7
9 years 3 weeks ago #196656

-- 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 :
#hikashop_product_Product1_product_page #hikashop_product_options select[multiple], select[size] { height: auto; width: 110px; }
Comment déclarer ces articles pour les relier à la bonne instruction CSS ?

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 55
  • Thank you received: 7
9 years 3 weeks ago #196661

Dans la logique de vos explications, le fichier vient d'être modifié, pour obtenir :

/* 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; }
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

Last edit: 9 years 3 weeks ago by fredjouan.

Please Log in or Create an account to join the conversation.

  • Posts: 81509
  • Thank you received: 13064
  • MODERATOR
9 years 2 weeks ago #196659

Bonjour,

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.

  • Posts: 55
  • Thank you received: 7
9 years 2 weeks ago #196782

En effet, tout fonctionne à merveille !
Merci beaucoup de ton aide.
Fred

Last edit: 9 years 2 weeks ago by fredjouan.

Please Log in or Create an account to join the conversation.

Time to create page: 0.071 seconds
Powered by Kunena Forum