Le look classique « achetés ensemble » : une bande de photos reliées par des signes plus en haut, un encadré du prix total avec un seul bouton d’appel à l’action à côté, et une liste à cases à cocher des éléments en dessous. Décocher un élément retire sa photo de la bande, réorganise les signes plus et met à jour instantanément le total, la ligne d’économie et le nombre affiché sur le bouton.
Fonctionnement de ce modèle
- La bande reflète la sélection. Seuls les éléments cochés apparaissent dans la bande de photos ; la première photo visible ne porte jamais de signe plus. Max Photos in Strip plafonne le nombre de photos affichées (0 = toutes ; réglez 3 pour le look classique strict), et Strip Photo Style contrôle leur taille et leur bordure. La bande entière peut être désactivée avec Show Image Strip.
- Le bouton compte le lot. Le libellé par défaut est Add all %N to Cart — %N est remplacé en direct par le nombre d’éléments sélectionnés. Un libellé distinct, Button Text (single item) (par défaut Add to Cart), est utilisé quand un seul élément reste sélectionné.
- La liste à cases à cocher. Chaque ligne affiche une case à cocher, une vignette facultative, le nom du produit sous forme de lien et le prix à droite ; le produit en cours porte le libellé This item:. Show Thumbnails in List (on/off) bascule entre la liste illustrée et le look classique en texte seul.
- Compact Mobile View. Sur les petits écrans (activé par défaut) : photos de la bande plus petites, encadré du total déplacé sous la bande en pleine largeur, vignettes réduites et lignes d’information supplémentaires masquées.
- Moteur partagé. Tout ce que propose le modèle Buy Together est repris : quatre accents de style plus les préréglages de look Title/Buttons/Font/Info-Order, ligne d’économie et compteur de sélection, total animé, nombre maximal d’éléments avec un lien repliable + N more (les éléments dévoilés arrivent décochés), sélection par défaut, badges aux seuils raisonnables, squelette de chargement, Smooth Reveal, Popup Hugs Widget, format de prix centralisé, notifications de confirmation modern/system/custom, et la protection intégrée contre les données périmées (Require Current-Page View, activée par défaut) : le widget ne s’affiche que lorsque la carte du produit en cours renvoie vers la page consultée, et se masque sur les autres pages ou quand les données appartiennent encore à la page précédente.
- Mode démo en direct. Pendant la conception, des produits de démonstration apparaissent automatiquement avec une bande, des totaux et des cases fonctionnels — les visiteurs du site ne les voient jamais.
Bon à savoir
- « This item » est toujours le produit consulté. La carte du produit en cours est liée à la dernière consultation de produit du visiteur, indépendamment de l’algorithme de recommandation choisi — l’algorithme ne décide que des compléments recommandés. Dans l’aperçu de l’éditeur, des données d’exemple peuvent donner une autre impression ; sur le site en ligne, cette liaison est respectée.
- Les éléments dévoilés arrivent décochés. Les produits derrière le lien + N more ne gonflent jamais le total en silence ; la bande se reconstruit chaque fois que des éléments sont dévoilés ou repliés.
- Les photos dont l’image est cassée ou manquante se retirent d’elles-mêmes de la bande, au lieu d’afficher une icône d’image cassée.
- Les prix et les économies proviennent de votre catalogue ; la remise, de votre boutique. Le widget ne fait qu’afficher le lot — une vraie remise sur le lot nécessite une règle de panier dans votre boutique. Voir Prix du lot et remise.
- Add all %N to Cart envoie les éléments cochés en un seul appel au code Ajout rapide au panier de votre compte.
- Les lignes de preuve sociale et d’informations produit sont disponibles, mais désactivées par défaut — le look classique est volontairement épuré ; activez-les par portée si vous le souhaitez.
- Les cartes de modèles enregistrées figent leur code. Réenregistrez votre copie dans Mes modèles après les mises à jour majeures.
Voir aussi
- Buy Together — constructeur de lots avec total en direct — la variante à cartes, avec les dispositions verticale, horizontale et compacte.
- Bouton d’ajout rapide au panier — le code qu’exécute le bouton.
- Modèles — la vue d’ensemble de toute la bibliothèque de modèles.