Modifier la largeur du drawer header

-- HikaShop version -- : 6.8.0
-- Browser(s) name and version -- : Firefox 159.0

Bonjour, 

Je voudrais agrandir le panneau tiroir de panier et notamment la partie concernant l'affichage des quantités (voir capture)

J'ai essayé d'ajouter une règle css .hikashop_drawer__header mais rien n'y fait.

Une idée ? 

D'avance merci.

Bonjour,

La règle sur .hikashop_drawer__header ne peut rien changer : cette classe ne concerne que la barre du haut du tiroir (le titre « Panier » et la croix). La largeur du panneau est donnée par .hikashop_drawer__wrapper, limité à 500 px par le CSS de HikaShop. La colonne des quantités, elle, est limitée à 60 px de large dans les paniers en liste déroulante et en tiroir, ce qui fait passer les boutons – et + sur plusieurs lignes, comme sur votre capture.

Vous trouverez en pièce jointe le fichier panier-tiroir.css.txt avec le CSS qui élargit le panneau à 650 px et la colonne des quantités à 130 px, avec les boutons sur une seule ligne. Vous pouvez changer ces deux valeurs à votre convenance.

Ce CSS se place soit dans le CSS personnalisé de votre template Joomla (le fichier user.css avec Cassiopeia), soit dans HikaShop : Système > Configuration, onglet Affichage, panneau Options CSS, bouton + à côté de « Styles pour le front-end ». Donnez un nom à votre fichier (pas « default »), collez-y le CSS, enregistrez, puis sélectionnez-le dans la liste et enregistrez la configuration. Les deux façons de faire sont expliquées ici : www.hikashop.com/support/documentation/84-css-styling.html

Pensez à vider le cache de Joomla et celui de votre navigateur après la modification.

Cordialement,

Nicolas