Grille de produits d'une collection sélectionnée avec settings complets de personnalisation.
Featured Collection
La section Featured Collection affiche une grille de produits issue d'une collection Shopify sélectionnée. C'est la section la plus utilisée pour mettre en avant des produits sur la homepage ou toute autre page.
Settings principaux
Collection
| Setting | Description | Options |
|---|---|---|
| Collection | Collection source des produits | Collection picker |
| Limite produits | Nombre de produits affichés | 2-24 |
| Bouton "Voir tout" | Lien vers la collection complète | On / Off |
| Texte du bouton | Texte personnalisé du lien | Texte |
Grille
| Setting | Description | Options |
|---|---|---|
| Colonnes desktop | Nombre de colonnes | 2 / 3 / 4 / 5 |
| Colonnes tablet | Colonnes sur tablet | 2 / 3 |
| Colonnes mobile | Colonnes sur mobile | 1 / 2 |
| Gap | Espacement entre les cartes | Small / Medium / Large |
| Style grille | Mode d'affichage | Grid / Slider |
Carte produit
| Setting | Description | Options |
|---|---|---|
| Ratio image | Proportions de l'image | Adapt / Square / Portrait / Landscape |
| Image secondaire | Afficher la 2e image au hover | On / Off |
| Badge promo | Afficher le badge de réduction | On / Off |
| Vendeur | Afficher le nom du vendeur | On / Off |
| Type de produit | Afficher le type | On / Off |
| Quick Add | Bouton d'ajout rapide | On / Off |
| Swatches couleur | Afficher les pastilles couleur | On / Off |
Blocs disponibles
| Bloc | Description |
|---|---|
| Heading | Titre de la section |
| Subheading | Sous-titre |
| Text | Description |
| Button | Bouton CTA supplémentaire |
Cas d'utilisation
Best-sellers homepage
- Collection "Best-sellers"
- 8 produits, 4 colonnes desktop
- Badge promo activé
- Image secondaire au hover
- Quick Add activé
- Bouton "Voir toute la collection"
Nouveautés
- Collection "Nouveautés"
- 4 produits, 4 colonnes
- Slider sur mobile
- Swatches couleur activés
- Gap Medium
Cross-sell sur page produit
- Collection liée au produit affiché
- 4 produits, 4 colonnes desktop
- Pas de bouton "Voir tout"
- Quick Add activé
- Titre "Vous aimerez aussi"
Mini-catalogue
- 12 produits, 3 colonnes
- Ratio Portrait
- Vendeur affiché
- Gap Large pour un look premium
- Bouton "Découvrir la collection"
💡Activez l'image secondaire au hover pour les collections de vêtements/accessoires. Le visiteur voit le produit sous un autre angle sans cliquer, ce qui augmente l'engagement.
ℹ️Le mode Slider sur la grille transforme la grille en carousel horizontal. Utile quand vous voulez afficher beaucoup de produits sans prendre trop de hauteur verticale.
⚠️Évitez de dépasser 12-16 produits par section. Au-delà, le temps de chargement augmente et l'expérience utilisateur se dégrade. Utilisez le bouton "Voir tout" pour rediriger vers la collection complète.
Prochaines étapes
- Page collection — Page collection complète
- Carrousel de collections — Affichez la collection en slider
- Meilleures ventes — Section dédiée aux produits populaires
- Cartes produit — Personnalisez l'apparence des produits