Skip to main content

Afficher le panier avec un fond de couleur

More
12 years 7 months ago - 12 years 7 months ago #143198 by lephot
-- 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.
Last edit: 12 years 7 months ago by lephot.

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

More
12 years 7 months ago #143237 by Mohamed Thelji
Bonjour,
Il vous suffira simplement d'appliquer un peu de CSS code comme cela est indiqué dans ce tutoriel

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

More
12 years 7 months ago #143241 by lephot
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

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

More
12 years 7 months ago #143247 by Jerome
Bonjour,

Lorsque vous modifiez le CSS via HikaShop, vous créer une nouvelle feuille de style dite "custom".
Tout se passe alors correctement lors des mises à jour puisque votre fichier custom est conservé.

Cordialement,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

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

More
12 years 7 months ago #143258 by lephot
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

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

More
12 years 7 months ago #143394 by Eliot
Bonjour,

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

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

More
12 years 7 months ago - 12 years 7 months ago #143451 by lephot
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
Last edit: 12 years 7 months ago by lephot.

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

More
12 years 7 months ago #143467 by Eliot
Remplacez -panier par hikashop-panier et mettez votre css dans la classe:

.hikashop-panier{
}

cela devrait fonctionner.

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

More
12 years 7 months ago #143504 by lephot
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 ?

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

More
12 years 7 months ago #143510 by Eliot
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 :)

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

More
12 years 7 months ago #143558 by lephot
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 ?

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

More
12 years 7 months ago #143593 by Eliot
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 ;)

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

More
12 years 7 months ago #143602 by lephot
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.

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

More
12 years 7 months ago #143661 by Mohamed Thelji
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 :).

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

More
12 years 7 months ago #143697 by lephot
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

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

More
12 years 7 months ago #143799 by Eliot
Ajouter ce code à la fin de votre CSS:
Code:
.hikashop-favoris{ padding-left: 10px; padding-rigth: 10px; }

Cela devrait marcher :)

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

More
12 years 7 months ago #143817 by lephot
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 ?

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

More
12 years 7 months ago #143862 by Eliot
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:
Code:
.hikashop-favoris{ padding-left: 10px !important; padding-rigth: 10px !important; }

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

More
12 years 7 months ago #143908 by lephot
Super cela fonctionne.
Merci !

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

Time to create page: 0.307 seconds
Powered by Kunena Forum