Aller au contenu

Bibliothèque des éléments à utiliser dans Elémentor

Dernière MAJ : par @Myriam, 04/06/2024

Boutons "Ajout panier"

1 seul produit à la fois

Sans coupon de réduction

✅ Bouton seul - ajout panier Woocommerce
>>>> PRODUIT SANS VARIATION
Comportement du bouton

✅ Pas de refresh de la page après clic
✅ Ouverture du mini panier une fois le produit ajouté
✅ Changement d’état automatique du bouton après clic (“Voir le panier”)
✅ Style, text & icone facilement personnalisable (couleurs theme par défaut)
✅ Tracking de l’ajout panier (via plugin custom Myriam)

❌ Ne fonctione pas fonctionne sur les produits à variations (enceinte) si mise de l’ID de la variation
❌ Pas d’ajout groupé de produit
❌ Pas de code de réduction.

Choisir le produit & personnaliser l’affichage facilement via l’interface elementor

✅ Bouton seul - shortcode Woocommerce
>>> PRODUIT AVEC VARIATIONS

sans le prix

avec prix par défaut (en ligne + mention TTC auto)

29,90  TTCAjouter au panier

avec prix modifié (en ligne sans mention ttc)

29,90  TTCAjouter au panier

avec affichage du prix  sous / dessus le bouton

29,90  TTCAjouter au panier

29,90  TTCAjouter au panier

Comportement du bouton

✅ Pas de refresh de la page après clic
✅ Ouverture du mini panier une fois le produit ajouté
✅ Changement d’état automatique du bouton après clic (“Voir le panier”)
✅ Style des boutons d’ajout panier par défaut
✅ Tracking de l’ajout panier (via plugin custom Myriam)
✅ Fonctionne sur les produits à variations (enceinte) si mise de l’ID de la variation

❌ Pas d’ajout groupé de produit
❌ Pas de code de réduction.
❌ Texte bouton pas personalisable
❌ Pas d’icone

Le code a plusieurs paramètres :
* ID du produit (obligatoire). Si produit à variation (ex: enceinte) mettre l’ID de la variation directement.
* affichage du prix (sur la même ligne) : show_price=”true”
* style personnalisé (par défaut, il y a une bordure bizarre. Pour corriger, copier/coller de préférence les éléments ci-dessus).

Ajouter au panier

Voir la documentation Woocommerce officielle

Avec coupon de réduction

Plusieurs produit à la fois

✅ Carrousels etc

Boîte d’images (général) – choix de chaque image, titre, texte (et ajout de bouton). Mise en page harmonisée.

Carrousel d’images (général) – images uniquement. URL globale pour toute la galerie.

Il est encore temps de rajouter des sélections  sur l’enceinte Merlin : découvrez nos offres de Noël et nos meilleurs ventes !