Afficher le panier avec un fond de couleur

-- HikaShop version -- : Business 2.2.3
-- Joomla version -- : 2.5.18
-- PHP version -- : 5.3.16

Bonjour

Je galère à trouver une solution pour afficher mon panier avec un fond comme par exemple celui de la boutique demo.
Je ne sais pas si cela viens de ma template Yootheme (quoique en essyant une beez ce n'est pas mieux) ou du fait que je n'ai pas trouvé ou se situent les bon réglages, mais si vous aviez une idée cela me ferait gagner du temps !
Ci-dessous l'affichage tel que je l'ai actuellement.. et j'aimerais avoir un fond gris derrière comme mes articles
ah je précise que l'affichage doit être en position haute à droite !

Merci d'avance.

Bonjour,
Il vous suffira simplement d'appliquer un peu de CSS code comme cela est indiqué dans ce tutoriel

Aie .. suis nul en CSS ... bon je vais essayer d'y voir un peu plus clair !

Par contre petite question liée ... Quid des modification faites dans le CSS lors des mises à jours de Hikashop ?

Merci

Bon ca c'est une bonne nouvelle,

J'en reviens à mon soucis .. que je creuse depuis précedent message.

J'ai bien trouvé la CSS, il me semble avoir la modif ad'hoc (confère l'image ci-jointe) mais rien ne change à l'affichage.
J'ai bien mis aussi le suffixe de CSS -panier dans el module cart !

Je précise que je souhaite un fond gris avec un liseret blanc.

Ais-je loupé encore une étape ?

Merci encore

Bonjour,

Un petit lien vers votre site pourra nous être utile si vous voulez que nous jetions un oeil rapide à votre css.

Bonjour,

le voici : lien avec le module panier

Il ne s'agit que de notre site de travail mirroir, mais le contenu est la template sont identiques à notre site principal.

Merci

Remplacez -panier par hikashop-panier et mettez votre css dans la classe:

.hikashop-panier{
}

cela devrait fonctionner.

Super effectivement cela fonctionne .
Un grand merci pour votre aide.

Juste un précision encore pour l'avenir.
Dois-je pour toutes les futures CSS que je souhaite créer préciser le hikashop-***** dans mes suffixes de CSS ?

Non en fait c'est simplement le nom de la classe que vous pouvez spécifier.
vous pouvez mettre n'importe quoi tant que vous utilisez le meme nom pour votre css

Merci encore.

Je pensais presque avoir compris et puis voila .. je rechute.
Toujours sur ce module panier, je trouve les mare trop importante .. du coups je vais pour rajouter un padding left et right à 10 au lieu de 30 et rien ne se passe ....
Est-ce au même endroit qu'il faut modifier cela ou ailleurs ?

Avez vous jeté un oeil à notre documentation? L'outil "inspecter l'élement" de votre navigateur devrait vous être très utile pour ce genre de chose. Cela vous permet de teter votre CSS à la volée sur la page pour voir quelle classe cibler et quelles propriétés appliquer. www.hikashop.com/support/documentation/i...ize-the-display.html

Si vous bloquez vraiment, n'hésitez pas à revenir mais je pense que vous y gagnerez à utiliser ce genre de d'outils

Bien sur que j'ai regardé votre documentation.
J'utilise Chrome et son "inspecteur" mais voila ...
....comme je l'expliquais plus haut je suis vraiment nul en CSS et j'avoue ne pas vraiment comprendre les imbrications et et/ou appel a une CSS ou une autre, pourquoi par exemple lorsque je modifie un padding il n'a pas d'effet ....

Bref désolé d'être lourd .. je vais trouver une solution plutôt que de polluer ici.

Bonjour,
Si vous ne trouvez finalement pas de réponse, n'hésitez pas à envoyer une capture d'écran du problème rencontré, en indiquant ce que vous voulez modifier et en ajoutant un lien vers votre site .

Bon je cherche toujours .. mais vu votre prosposition voici donc la capture d'écran :

Ce que je cherche à faire c'est de réduire le padding 30 en vert pour le ramener à 10...
J'ai a priori trouvé via la CSS de la template, mais cela me fait bouger d'autre choses qui n'ont pas à bouger dans le reste du site !

Donc y a t il moyen via la personnalisation de hikashop ?

Merci

Ajouter ce code à la fin de votre CSS:

.hikashop-favoris{
  padding-left: 10px;
  padding-rigth: 10px;
}

C'est bien ce que j'avais testé, mais hélas non cela ne fonctionne pas.

On est bien d'accord que c'est à rajouter dans la CSS frontend_custom ?

Oui, de préférence à la fin du fichier.
il faut aussi vérifier que frontend_custom est selectionné comme fichier CSS dans le drop down.

Essayer cela:

.hikashop-favoris{
  padding-left: 10px !important;
  padding-rigth: 10px !important;
}

Super cela fonctionne.
Merci !