couleur boutons différente pour chaque produit

  • Posts: 27
  • Thank you received: 4
  • Hikashop Essential
2 days 16 hours ago #369098

Bonjour,

Comment puis-je faire pour avoir une couleur différente pour le bouton "Ajouter au panier" pour chaque produit?

Page produit 1
Ajouter au panier en vert

Page produit 2
Ajouter au panier en jaune

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

  • Posts: 84579
  • Thank you received: 13749
  • MODERATOR
2 days 4 hours ago #369102

Bonjour,

D'abord, vous voudrez créer un champ personnalisé de la table "produit" via le menu Affichage>Champs personnalisés. Ensuite, dans chaque produit, vous pourrez configurer des classes additionnelles pour le bouton "ajouter au panier" des produits.

Il vous faudra ensuite éditer les vues product / quantity et product / add_to_cart_ajax via le menu Affichage>Vues d'HikaShop.
Là, vous trouverez la ligne:

$css_button_cart = $this->config->get('css_button_cart', 'hikacart');
Cette ligne défini la classe principal des boutons d'ajout au panier.
Vous pourrez remplacer la ligne par:
$css_button_cart = $this->config->get('css_button_cart', 'hikacart'). ' ' . @$this->row->xxx;
où xxx sera à remplacer par le nom de colonne de votre champ personnalisé.

Ensuite, vous pourrez rajouter du code CSS à votre template pour changer la couleur de fond du bouton en fonction de la classe du bouton.

Par exemple, supposons que vous avez fourni la class yellow_add_to_cart dans le champ personnalisé d'un produit, vous pourriez rajouter le CSS:
.yellow_add_to_cart { background-color: yellow !important; }
developer.mozilla.org/en-US/docs/Web/CSS/background-color

Comment rajouter du CSS à Cassiopeia:
docs.joomla.org/J4.x:Cassiopeia_Template...Customise_Cassiopeia
Pour les autres templates, voir avec le fournisseur du template ce qu'il recommande.

The following user(s) said Thank You: Rejouisens

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

  • Posts: 27
  • Thank you received: 4
  • Hikashop Essential
1 day 19 hours ago #369109

Parfait, merci beaucoup, la solution fonctionne bien.

Juste un détail pour ceux qui essaieraient cette solution, ajouter le css dans le template n'a pas fonctionné mais en l'ajoutant au custom css d'hikashop, ça fonctionne très bien.

The following user(s) said Thank You: nicolas

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

Time to create page: 0.054 seconds
Powered by Kunena Forum