Personyze Wiki Personyze Wiki docs
Français
Open Personyze
Docs/ Modèle Buy Together (constructeur de lots avec totaux en direct)

Modèle Buy Together (constructeur de lots avec totaux en direct)

Un constructeur de lots « fréquemment achetés ensemble » : trois dispositions, totaux et économies en direct, badges, preuve sociale et la liste complète des réglages.

21 min read Updated 45 minutes ago

Un constructeur de lots « Fréquemment achetés ensemble » avec des totaux en direct : le produit en cours est affiché comme point d’ancrage (« This item ») à côté des compléments recommandés, chacun avec son propre interrupteur. Chaque interrupteur met instantanément à jour le total du lot, le prix d’origine barré, la ligne verte You save et le compteur facultatif N of M items selected — puis un seul clic ajoute toute la sélection au panier.

Modèle Buy Together — constructeur de lots avec interrupteurs par produit, signes plus, total du lot en direct, prix d’origine barré et ligne You save

Comment fonctionne ce modèle

  • Trois dispositions. Le réglage Layout bascule entre vertical (une liste empilée avec des interrupteurs — par défaut), horizontal (une rangée de produits reliés par des signes plus, qui s’adapte à ses cartes) et compact (un mini-bandeau avec petites photos, noms et prix — la preuve sociale et les lignes d’info y restent masquées pour gagner de la place, tandis que le produit en cours garde son libellé « This item »). Dans le bandeau compact, Title Position place le titre soit en ligne à gauche des produits (par défaut), soit sur une ligne entière au-dessus. Sur les écrans étroits, la rangée horizontale se transforme automatiquement en liste empilée propre.
  • Accents de style et préréglages d’apparence. Une seule liste Style accent (light, gold, bold, ocean) recolore ensemble les interrupteurs, boutons, totaux, économies et cartes. En plus : Title Look (plain, caps, serif, underline, boxed), Buttons Look (solid, pill, outline, dark, square), Text Font (system, serif, rounded, condensed) et Item Info Order (standard, price-first, info-top, name-first). Chaque couleur et chaque police reste modifiable individuellement dans son propre champ de style.
  • Moteur de totaux en direct. Le pied affiche le total du lot, le total d’origine barré en cas de remise, une ligne You save calculée à partir de la différence, et un compteur facultatif des articles sélectionnés. Le total peut pulser brièvement à chaque changement (Animate Total, activé par défaut).
  • Nombre de recommandations. Jusqu’à huit recommandations sont récupérées, mais seules Max Items Shown (2 par défaut) sont visibles. Les autres se trouvent derrière un lien + N more ; les éléments dévoilés apparaissent désactivés : le total n’inclut donc jamais que des produits que le visiteur a réellement vus et choisis. Un nouveau clic sur le lien (Show Less Text) les replie.
  • Sélection par défaut. Choisissez si le lot démarre avec all (tous les articles activés), none, ou seulement le produit anchor sélectionné. La couleur et la visibilité de la commande d’inclusion sont des réglages distincts.
  • Style de confirmation. Après l’ajout au panier ou l’enregistrement dans la liste d’envies, l’acheteur voit une confirmation. Confirmation Style propose modern (une bulle sombre arrondie avec une coche — par défaut), system (la notification intégrée de Personyze) ou custom (exécuter votre propre JS depuis les champs Success et Error Action). La bulle se restyle via Confirmation Toast Style.
  • Mode démo en direct. Pendant la conception, des produits de démonstration réalistes apparaissent automatiquement, avec des interrupteurs et des totaux qui fonctionnent — les visiteurs du site ne les voient jamais.

Modifier les réglages dans l’éditeur

Chaque réglage se trouve dans la barre latérale gauche de l’éditeur d’action, regroupé par thème ; cliquez sur un groupe pour le déplier, et l’aperçu se met à jour instantanément. Deux exemples :

Éditeur Buy Together : le groupe How Many Recommendations avec Max Items Shown et les réglages du lien Show More, avec la disposition verticale dans l’aperçu

(1) Le groupe How Many Recommendations contient Max Items Shown (2 par défaut) et les textes du lien de dévoilement. (2) Show More Link choisit entre dévoiler les éléments masqués avec un lien ou simplement ne pas les afficher. (3) Le lien + N more obtenu dans la liste verticale — un clic dessus dans l’aperçu fonctionne exactement comme sur le site.

Éditeur Buy Together : la liste Layout ouverte avec les options vertical, horizontal et compact, avec le bandeau compact dans l’aperçu

(1) La liste Layout fait basculer tout le widget entre vertical, horizontal et compact en un clic. (2) Ici, le bandeau compact : titre en ligne à gauche (déplaçable au-dessus des produits via Title Position), mini-cartes uniformes reliées par des signes plus, la pastille + N more, et le total avec le bouton panier — le tout sur une seule ligne.

Badges, preuve sociale et infos produit

  • Des badges avec des valeurs par défaut judicieuses. Pourcentage de remise (masqué quand la remise est de 0), NEW (produits ajoutés au cours des 14 derniers jours), Popular et Bestseller (top 5 % par vues ou par achats), et stock faible, qui affiche le nombre restant en direct suivi d’un texte modifiable comme « restants en stock » (déclenché à 5 unités ou moins) — chaque seuil, texte et style est modifiable.
  • Lignes de preuve sociale. Des compteurs « vus aujourd’hui » et « achetés aujourd’hui » par carte, avec un réglage de portée : toutes les cartes, seulement l’ancrage, ou seulement les recommandations.
  • Lignes d’infos produit. Des champs supplémentaires du catalogue (marque, colonnes personnalisées) sous le nom du produit, avec le même réglage de portée.

Chargement, popups et stabilité

  • Squelette de chargement. Des lignes d’attente scintillantes (activées par défaut) s’affichent jusqu’à l’arrivée des recommandations : le widget n’apparaît donc jamais brusquement.
  • Smooth Reveal. Le widget reste invisible un instant, le temps que sa taille et sa position se stabilisent, puis apparaît en fondu — aucun saut visible pendant le chargement de la page. Activé par défaut, avec une sécurité qui l’affiche toujours en trois secondes environ.
  • Protection contre les données périmées. Lors de la navigation, l’événement de vue produit et la requête de recommandations font la course ; si le widget devait s’afficher avec le produit de la page précédente comme « This item », il se masque pour cette page vue. La vérification est intégrée (Require Current-Page View, activé par défaut) : la carte du produit en cours doit renvoyer vers la page consultée. Cela tient aussi automatiquement le widget à l’écart des pages qui ne sont pas des pages produit — aucune règle d’audience nécessaire.
  • Popup Hugs Widget. Quand le widget s’exécute dans une popup bien plus large que lui, il réduit le cadre de la popup à sa taille. Désactivez-le pour les popups bannières volontairement pleine largeur.

Tous les réglages

Chaque réglage se trouve dans la barre latérale de l’éditeur d’action, regroupé exactement comme ci-dessous. Cliquez sur un groupe pour déplier sa liste. Les réglages marqués (CSS) acceptent du CSS brut ; les autres sont du texte, des nombres ou de simples listes.

Style Accent — Préréglage de couleurs, plus la disposition générale.
  • Style accent — light = bleu épuré. gold = sombre haut de gamme. bold = rouge. ocean = bleu profond. Recolore ensemble les interrupteurs, boutons, totaux, liens et cartes.
  • Text Font — system = sans-serif épurée. serif = serif classique. rounded = sans-serif arrondie et conviviale. condensed = sans-serif étroite qui gagne de la place.
  • Item Info Order — standard = libellé, nom, prix, détails. price-first = prix au-dessus du nom. info-top = détails du produit au-dessus du nom. name-first = nom au-dessus du petit libellé.
  • Layout — vertical = liste empilée avec interrupteurs. horizontal = rangée de produits avec signes plus, façon Amazon. compact = mini-bandeau sur une ligne pour les pages panier.
Catalog Fields — Les colonnes du catalogue qui alimentent le produit en cours et les recommandations. À régler une fois par site.

Associe les colonnes de votre catalogue au modèle (titre du produit, prix, image, URL, marque, stock et attributs personnalisés).

Layout — Conteneur du widget, séparateurs et comportement au chargement.
  • Widget Outer Container Style (CSS) — Conteneur général du widget : largeur, marge intérieure, marge, police et arrière-plan.
  • Separator Character — Le symbole affiché entre les produits dans les dispositions horizontal et compact. Généralement un signe plus.
  • Separator Style (CSS) — CSS supplémentaire pour le séparateur + : couleur, taille, etc.
  • Loading Skeleton — Lignes d’attente grises scintillantes affichées un instant pendant le chargement des recommandations, puis remplacées par les vraies cartes. Activé par défaut.
  • Smooth Reveal — Garde le widget invisible un instant, le temps que sa taille et sa position se stabilisent, puis le fait apparaître en fondu. Évite les sauts visibles pendant le chargement de la page.
  • Popup Hugs Widget — Quand le widget s’exécute dans une popup bien plus large que lui, réduit le cadre de la popup à la taille du widget. À désactiver pour les popups bannières pleine largeur.
Title — Le titre au-dessus des produits.
  • Title Look — plain = tel que conçu. caps = majuscules avec espacement des lettres. serif = serif élégante. underline = soulignement de couleur d’accent. boxed = pastille teintée derrière le titre.
  • Title Text — Titre affiché au-dessus de la liste de cartes, par exemple « Complétez le lot ».
  • Title Position (Strip Layout) — Où se place le titre dans le bandeau compact : side = en ligne à gauche des produits, l’aspect actuel. top = ligne entière au-dessus des produits.
  • Title Icon — none = pas d’icône. library = choisir une icône intégrée. image = utiliser votre propre image importée.
  • Icon (from library) — Choisissez une icône dans la bibliothèque intégrée. Affichée quand Title Icon est réglé sur library.
  • Library Icon Style (CSS) — Taille, couleur et espacement de l’icône de bibliothèque.
  • Icon Image — Votre propre image, affichée quand Title Icon est réglé sur image.
  • Icon Image Style (CSS) — Taille et espacement de l’icône image.
  • Title Style (CSS) — Taille de police, graisse et couleur du titre.
Product Cards — Apparence de chaque carte produit et de ses parties.
  • Recommended Item Label — Petit libellé affiché au-dessus du nom de chaque produit recommandé, par exemple « Ajouter au lot ».
  • Open Product Links In — Où s’ouvrent les liens des noms de produit : même onglet (_self) ou nouvel onglet (_blank).
  • Card Style (CSS) — Marge intérieure, marge, arrière-plan et bordure de chaque ligne de carte produit.
  • Product Image Style (CSS) — Taille, bordure et arrière-plan de la vignette produit dans chaque carte.
  • Product Name Style (CSS) — Police, taille et couleur du nom du produit.
  • Item Label Style (CSS) — Style du petit libellé au-dessus de chaque nom (This item / Add to bundle).
  • Price Style (CSS) — Police, taille et couleur du prix.
  • Original Price Style (strikethrough) (CSS) — Style du prix d’origine barré.
How Many Recommendations — Limite les recommandations visibles, les autres se trouvant derrière un lien Show More.
  • Max Items Shown — Combien de produits recommandés sont visibles au départ. Jusqu’à 8 sont récupérés ; les autres se cachent derrière le lien Show More. 2 par défaut.
  • Show More Link — on = les éléments masqués peuvent être dévoilés avec un lien comme + 3 more. off = les éléments supplémentaires ne sont pas affichés du tout.
  • Show More Text — Libellé du lien de dévoilement. Écrivez %N là où doit apparaître le nombre d’éléments masqués.
  • Show Less Text — Libellé du lien après dépliage, utilisé pour replier les éléments supplémentaires, par exemple « Afficher moins ».
  • Show More Link Style (CSS) — Style du lien de dévoilement.
Current Product (This Item) — Le produit que consulte le visiteur, affiché comme première carte.
  • Current Product Label — Petit libellé affiché au-dessus du nom du produit en cours, par exemple « Cet article ».
  • Require Current-Page View — on = le widget ne s’affiche que si la carte du produit en cours renvoie vers la page consultée ; si les données appartiennent encore à une page précédente (ou si le visiteur n’est pas sur une page produit), tout le widget se masque au lieu d’afficher un lot périmé. Activé par défaut ; réglez sur off pour toujours afficher ce que renvoie la source de données.
  • Emphasize Current Product — Fait ressortir la carte en cours. off = aucune mise en valeur. tint = arrière-plan d’accent léger. ring = bordure d’accent avec halo. bar = bande d’accent à gauche. badge = petite étiquette d’accent en haut.
  • Current Product Badge Text — Texte de la petite étiquette quand Emphasize est réglé sur badge, par exemple « Votre article ».
  • Current Product Card Style (CSS) — CSS supplémentaire appliqué uniquement à la carte du produit en cours (en plus du style de carte normal).
  • Require Current-Page View — Activé par défaut : le widget ne s’affiche que si la carte du produit en cours renvoie vers la page consultée ; sur les autres pages, ou quand les données appartiennent encore à la page précédente, tout le widget se masque au lieu d’afficher un lot périmé. Désactivez-le pour toujours afficher ce que renvoie la source de données — par exemple si vous préférez gérer cela au niveau de l’audience, en ciblant les visiteurs dont la dernière interaction est une vue produit.
Selection & Toggles — Comment les acheteurs incluent ou excluent des articles, et lesquels sont sélectionnés au départ.
  • Default Selection — Les articles cochés au départ. all = tous les articles sélectionnés (valeur de lot la plus élevée). anchor = uniquement le produit en cours. none = les recommandations démarrent désactivées, seul le produit en cours est coché.
  • Show Include Toggle — Affiche la commande on/off qui permet aux acheteurs d’inclure ou d’exclure chaque article. Désactivez-la pour toujours inclure tous les articles affichés.
  • Include Control Style — switch = interrupteur coulissant. checkbox = case à cocher classique avec une coche.
  • Include Control Position — Où se place l’interrupteur ou la case sur chaque carte : right (par défaut), left, center ou outside-left (dans la marge à gauche de la carte).
  • Toggle / Checkbox Color — Couleur de la commande quand un article est sélectionné. Laissez tel quel pour suivre automatiquement le Style accent, ou choisissez une couleur précise pour le remplacer.
Prices — Affichage des prix, symboles monétaires et format des nombres.
  • Show Prices — Active ou désactive l’affichage du prix sur chaque carte.
  • Currency Symbol Before Price — Symbole affiché avant le prix, par exemple € ou EUR.
  • Currency Symbol After Price — Symbole affiché après le prix, par exemple EUR.
  • Number Format Locale — Code de langue BCP 47, par exemple en, de, fr, he-IL.
  • Decimal Places — Nombre de décimales affichées dans les prix, par exemple 2 pour 9,99 €.
  • Label for Free Items — Texte affiché à la place du prix quand le produit est gratuit, par exemple « GRATUIT ».
Total Price Display — Le total du lot, la ligne d’économies et le compteur d’articles sélectionnés.
  • Total Label Text — Libellé affiché au-dessus du prix total, par exemple « Total du lot : ».
  • Total Label Style (CSS) — Taille de police et couleur du libellé du total.
  • Total Amount Style (CSS) — Style du montant total.
  • Original Price Style (strikethrough) (CSS) — Style du total d’origine affiché barré en cas de remise.
  • Animate Total on Change — Une discrète animation sur le montant total chaque fois qu’un article est activé ou désactivé.
  • Show Savings Line — Affiche une ligne d’économies sous le total, comme : « Vous économisez 401,00 », dès que le lot sélectionné coûte moins cher que les prix d’origine.
  • Savings Label — Texte avant le montant économisé, par exemple « Vous économisez ».
  • Savings Line Style (CSS) — Police, taille et couleur de la ligne d’économies. Vert et gras par défaut.
  • Show Selected Counter — Affiche une ligne sous le total comme : « 3 articles sur 5 sélectionnés ». Désactivé par défaut.
  • Counter Text — Formulation du compteur. Écrivez %N à l’emplacement du nombre sélectionné et %M à celui du nombre total d’articles affichés.
  • Counter Style (CSS) — Police, taille et couleur de la ligne du compteur.
Add to Cart Button — Le bouton principal d’ajout au panier et son comportement.
  • Buttons Look — solid = rectangle plein. pill = entièrement arrondi. outline = transparent avec bordure d’accent. dark = fond presque noir. square = angles vifs.
  • Button Text — Libellé du bouton d’ajout au panier, par exemple « Ajouter le lot au panier ».
  • Extra add_to_cart Argument — Argument supplémentaire facultatif transmis à la fonction add_to_cart_for_personyze() de votre site.
  • Button Normal Style (CSS) — Apparence par défaut du bouton.
  • Button Hover Style (CSS) — Apparence du bouton au survol de la souris.
  • On Success (JS) – Advanced Override — Avancé : remplace entièrement le gestionnaire de succès par du JavaScript personnalisé. Laissez vide pour utiliser le message de succès par défaut.
  • On Error (JS) – Advanced Override — Avancé : remplace entièrement le gestionnaire d’erreur par du JavaScript personnalisé. Laissez vide pour utiliser le message d’erreur par défaut.
Cart Messages — La confirmation affichée après l’ajout au panier.
  • Confirmation Style — modern = bulle sombre arrondie avec une coche, assortie à la confirmation de la liste d’envies. system = la notification intégrée de Personyze. custom = exécuter votre propre JS depuis les champs Success et Error Action.
  • Success Message Text — Affiché après l’ajout des articles au panier. Par défaut : « Bundle added to cart ».
  • Success Message Style (CSS) — Style du bandeau de succès.
  • Error Message Text — Affiché quand l’ajout au panier échoue. Par défaut : « Cannot add to cart ».
  • Error Message Style (CSS) — Style du bandeau d’erreur.
Product Info — Attributs supplémentaires du catalogue (marque ou colonnes personnalisées) sur les cartes.
  • Show Product Info On — Les cartes qui affichent ces attributs. all = produit en cours et recommandations. main = uniquement le produit en cours. recommended = uniquement les recommandations.
  • Show Brand — Affiche la marque ou le fabricant du produit.
  • Brand Label — Texte facultatif avant la marque, par exemple « Marque : ». Laissez vide pour aucun.
  • Show Custom Attribute 1 — Affiche le premier attribut personnalisé (associé dans Catalog Fields).
  • Custom Attribute 1 Label — Texte facultatif avant l’attribut 1, par exemple « Couleur : ».
  • Show Custom Attribute 2 — Affiche le second attribut personnalisé.
  • Custom Attribute 2 Label — Texte facultatif avant l’attribut 2.
  • Product Info Style (CSS) — Taille de police et couleur de la ligne d’infos produit.
Social Proof Text — Lignes en direct de vues, d’achats et de stock faible sous les produits.
  • Show Social Proof On — Les cartes qui affichent les lignes de preuve sociale. all = produit en cours et recommandations. main = uniquement le produit en cours. recommended = uniquement les recommandations.
  • Timeframe — today = dernières 24 heures. week = 7 derniers jours.
  • Show Views — Affiche combien de personnes ont consulté le produit.
  • Show Purchases — Affiche combien de personnes ont acheté le produit.
  • Show Low Stock — Affiche une ligne de stock faible quand le stock est au niveau du seuil ou en dessous (recommandations uniquement ; nécessite une colonne de stock).
  • Minimum Views to Show — N’affiche la ligne des vues que si le nombre atteint au moins cette valeur. 30 par défaut.
  • Minimum Purchases to Show — N’affiche la ligne des achats que si le nombre atteint au moins cette valeur. 3 par défaut.
  • Low Stock Threshold — Affiche la ligne de stock faible quand le stock est à ce niveau ou en dessous. 10 par défaut.
  • Views Label (today) — Texte après le nombre de vues, par exemple « vus aujourd’hui ».
  • Views Label (week) — Texte après le nombre de vues, par exemple « vus cette semaine ».
  • Purchases Label (today) — Texte après le nombre d’achats, par exemple « achetés aujourd’hui ».
  • Purchases Label (week) — Texte après le nombre d’achats, par exemple « achetés cette semaine ».
  • Low Stock Text — Texte après le nombre en stock, par exemple « restants en stock ».
  • Views Icon — Icône à côté de la ligne des vues.
  • Purchases Icon — Icône à côté de la ligne des achats.
  • Low Stock Icon — Icône à côté de la ligne de stock faible.
  • Social Proof Text Style (CSS) — Taille de police et couleur des lignes de preuve sociale.
  • Views Line Style (CSS) — Style propre à la ligne des vues (remplace le style commun).
  • Purchases Line Style (CSS) — Style propre à la ligne des achats.
  • Low Stock Line Style (CSS) — Style propre à la ligne de stock faible.
  • Views Icon Style (CSS) — Taille et couleur de l’icône des vues.
  • Purchases Icon Style (CSS) — Taille et couleur de l’icône des achats.
Popular Badge — Un badge Popular sur les produits les plus consultés.
  • Show Popular Badge — Active ou désactive le badge Popular.
  • Time Frame — Mesure la popularité sur la semaine écoulée ou seulement aujourd’hui.
  • Threshold % (top N%) — Le badge apparaît sur les produits dans les N % les plus consultés. Par exemple 5 = top 5 %.
  • Badge Text — Libellé affiché sur le badge. Par défaut : Popular
  • Badge Style (CSS) — Position, couleur d’arrière-plan et forme du badge Popular.
  • Badge Text Style (CSS) — Taille de police et graisse du libellé du badge Popular.
Best Seller Badge — Un badge Best Seller sur les produits les plus achetés.
  • Show Best Seller Badge — Active ou désactive le badge Best Seller.
  • Time Frame — Mesure les ventes sur la semaine écoulée ou seulement aujourd’hui.
  • Threshold % (top N%) — Le badge apparaît sur les produits dans les N % les plus achetés. Par exemple 5 = top 5 %.
  • Badge Text — Libellé affiché sur le badge. Par défaut : Best Seller
  • Badge Style (CSS) — Position, couleur d’arrière-plan et forme du badge Best Seller.
  • Badge Text Style (CSS) — Taille de police et graisse du libellé du badge Best Seller.
Discount Badge — Un badge de pourcentage de remise sur les produits remisés.
  • Enable Discount Badge — Active ou désactive le badge de pourcentage de remise.
  • Min Discount % — Le badge n’apparaît que si la remise atteint au moins ce pourcentage.
  • Badge Extra Label — Texte facultatif ajouté après le pourcentage. Par exemple « de remise » donne : 20 % de remise
  • Badge Style (CSS) — Position, arrière-plan et forme du badge de remise.
  • Badge Text Style (CSS) — Taille de police et graisse du texte du pourcentage de remise.
New Badge — Un badge New sur les produits ajoutés récemment.
  • Enable New Badge — Active ou désactive le badge New.
  • New Badge Threshold — Les produits ajoutés pendant cette période reçoivent le badge.
  • Badge Text — Libellé affiché sur le badge. Par défaut : NEW
  • Badge Style (CSS) — Position, arrière-plan et forme du badge New.
  • Badge Text Style (CSS) — Taille de police et graisse du libellé du badge New.
Stock Badge — Un badge d’alerte de stock faible.
  • Enable Stock Badge — Active ou désactive le badge de niveau de stock.
  • Stock Threshold — Le badge apparaît quand le stock est à ce niveau ou en dessous.
  • Stock Badge Text Suffix — Texte après le nombre en stock. Par exemple « restants » donne : 3 restants
  • Badge Style (CSS) — Position, arrière-plan et forme du badge de stock.
  • Badge Text Style (CSS) — Taille de police et graisse du texte du badge de stock.
Wishlist Button — Le bouton facultatif « enregistrer pour plus tard » (désactivé par défaut).
  • Show Wishlist Button — Active ou désactive le bouton Save Bundle for Later.
  • Button Text — Libellé du bouton de liste d’envies, par exemple « Enregistrer le lot pour plus tard ».
  • Confirmation Message After Adding — Message affiché après l’ajout des produits à la liste d’envies.
  • Confirmation Toast Style (CSS) — CSS supplémentaire pour la bulle de confirmation sombre affichée après l’enregistrement dans la liste d’envies, par exemple l’arrière-plan ou la taille de police.
  • Button Normal Style (CSS) — Apparence par défaut du bouton de liste d’envies.
  • Button Hover Style (CSS) — Apparence du bouton de liste d’envies au survol de la souris.
Close Button — La commande facultative de fermeture.
  • Show Close Button — Active ou désactive le bouton de fermeture.
  • Close Button Content — Libellé ou icône du bouton de fermeture.
  • Close Button Style (CSS) — Style de l’élément bouton de fermeture.
Editor Notes — Lot de démonstration et note de conception, visibles uniquement dans l’éditeur.
  • Demo Bundle (Preview Only) — Trois produits d’exemple avec des interrupteurs et des totaux qui fonctionnent, affichés uniquement dans l’éditeur et les liens d’aperçu tant qu’aucune donnée réelle ne s’affiche. Les visiteurs ne les voient jamais.
  • Show Editor Note
  • Editor Note Text
  • Guide Link URL

Bon à savoir

  • Le widget se masque hors des pages produit et sur des données périmées. Require Current-Page View (activé par défaut) empêche le lot d’afficher le produit de la page précédente ou d’apparaître sur la page d’accueil. Vous préférez gérer cela vous-même ? Désactivez-le et ajoutez une règle d’audience ciblant les visiteurs dont la dernière interaction est une vue produit.
  • La ligne d’économies n’apparaît que s’il y a quelque chose à économiser. Si aucun article sélectionné n’est remisé, le total barré et la ligne You save se masquent d’eux-mêmes.
  • Add bundle to cart envoie tous les articles sélectionnés en un seul appel, en utilisant les colonnes d’ajout au panier de votre catalogue ; un bouton secondaire de liste d’envies Save bundle for later est désactivé par défaut, s’active en un clic, et les deux sont entièrement restylables.
  • Tarification centralisée. Une seule liste de format de prix et une seule paire de champs de symbole monétaire s’appliquent partout où des prix apparaissent, y compris les totaux et les économies.
  • Rendu résistant aux styles. Les styles du modèle sont conçus pour résister au CSS agressif des sites, tandis que les personnalisations par élément faites dans l’éditeur restent prioritaires sur les valeurs par défaut du modèle.
  • Les cartes de modèle enregistrées figent leur code. Si vous conservez votre propre copie dans Your templates, les actions créées à partir d’elle utilisent le code tel qu’il était lors de l’enregistrement — réenregistrez la carte après les mises à jour importantes.

Voir aussi

Did this page answer your question?
Thank you — that goes to whoever maintains this page.