Sections
Collection en vedette
Une grille de produits tirés d’une collection, en trois dispositions de départ.
Sur cette page
La collection en vedette affiche les premiers produits d’une collection dans une grille, avec un lien vers la collection complète. C’est la section la plus utilisée pour présenter des nouveautés ou une sélection.
- Nom dans l’éditeur
- Collection en vedette (EN : Featured collection)
- Où l’ajouter
- N’importe quel modèle, ainsi que l’en-tête et le pied de page
- Préréglages
- Collection en vedette · Champ produit éditorial · Mise en avant produit compacte
Trois préréglages
Ajouter une section propose trois points de départ. C’est la même section : seule la disposition des fiches produit change, et vous pouvez passer de l’une à l’autre avec le réglage Mise en page de la fiche.
| Préréglage | Fiche produit | Pour |
|---|---|---|
| Collection en vedette | Standard : nom et prix empilés sous l’image | L’usage courant |
| Champ produit éditorial | Pleine largeur : nom, prix et pastilles posés en bas de la photo | Une présentation plus éditoriale, avec de belles photos portées |
| Mise en avant produit compacte | Compacte : nom et prix sur une même ligne, le prix aligné à droite | Des grilles denses de quatre ou cinq colonnes |
Réglages
| Réglage | Valeurs | À quoi il sert |
|---|---|---|
| TitreEN : Heading | TextePar défaut : « Featured » | — |
| Collection | Collection | — |
| Nombre de produits à afficherEN : Number of products to show | De 2 à 12Par défaut : 4 | Choisissez un nombre divisible par vos colonnes. Sept produits sur trois colonnes laissent un vide à la place du huitième, et la ligne se lit comme une erreur plutôt que comme un choix. |
| Colonnes sur ordinateurEN : Columns on desktop |
| — |
| Colonnes sur mobileEN : Columns on mobile |
| — |
| Libellé du lienEN : Link label | TextePar défaut : « View all » | — |
| Palette de couleursEN : Color scheme | Palette de couleursPar défaut : Palette 1 | — |
| Fiche produit | ||
| Mise en page de la ficheEN : Card layout |
| Standard place le nom sous l’image. Compact le resserre pour des grilles denses. Pleine largeur place le nom par-dessus l’image. |
| Forme de l’imageEN : Image shape |
| — |
| Palette de couleurs de la ficheEN : Card color scheme | Palette de couleursPar défaut : Palette 1 | Faites correspondre la palette de la section pour laisser les fiches sur l’arrière-plan de la page. |
| Voile sur l’imageEN : Image overlay | De 0 à 60 %, par pas de 5Par défaut : 0 % | Fond l’image vers la couleur d’arrière-plan de la fiche. Utile lorsque le nom du produit se trouve sur l’image. |
| Afficher les nuanciers de couleursEN : Show color swatches | Case à cocherPar défaut : Activé | — |
| Afficher les badgesEN : Show badges | Case à cocherPar défaut : Activé | — |
| Afficher le fournisseurEN : Show vendor | Case à cocherPar défaut : Désactivé | — |
| Afficher la deuxième image au survolEN : Show second image on hover | Case à cocherPar défaut : Activé | — |
| Afficher l’ajout rapideEN : Show quick add | Case à cocherPar défaut : Désactivé | Un produit à une seule variante est ajouté au panier depuis la carte ; un produit à options ouvre ses choix dans un tiroir. |
Bien choisir le nombre de produits
Choisissez un nombre de produits que vos colonnes divisent : 4 ou 8 produits sur 4 colonnes, 3 ou 6 sur 3 colonnes. Sept produits sur trois colonnes laissent un vide qui ressemble à une erreur plutôt qu’à un choix. Le nombre de colonnes est automatiquement réduit si la collection contient moins de produits.
Fiches produit
Les réglages du groupe Fiche produit sont les mêmes dans toutes les grilles du thème. Ils sont détaillés dans Fiches produit.
Sans collection
- Aucune collection choisie : la grille affiche des fiches de remplacement (« Exemple de produit »), y compris sur la boutique en ligne, pour vous signaler le réglage manquant.
- Collection vide : un message d’aide s’affiche à la place de la grille. Ajoutez des produits à la collection ou choisissez-en une autre.
Maison 1.0.0