Section carousel de collections avec 4 modes d'affichage distincts.
Collection Carousel
La section Collection Carousel met en avant vos collections de manière visuelle et interactive avec 4 modes d'affichage. Du carousel de cartes classique au mode showcase plein écran, elle s'adapte à tous les besoins de mise en valeur.
4 modes d'affichage
| Mode | Description | Idéal pour |
|---|---|---|
| Carousel | Cartes de collections défilantes | Navigation rapide, multiples collections |
| Showcase | Image plein écran avec navigation | Impact visuel maximal, mise en avant |
| Products | Produits d'une collection en carousel | Découverte produit, upsell |
| Rows | Lignes empilées : image + liste produits | Présentation détaillée, catalogue |
Settings principaux
Général
| Setting | Description | Options |
|---|---|---|
| Mode | Mode d'affichage | Carousel / Showcase / Products / Rows |
| Navigation | Afficher les flèches | On / Off |
| Pagination | Afficher les dots | On / Off |
| Autoplay | Défilement automatique | Off / 3s / 5s / 7s / 10s |
Mode Carousel
| Setting | Description | Options |
|---|---|---|
| Cartes visibles | Nombre de cartes desktop | 2 / 3 / 4 / 5 |
| Style carte | Apparence | Standard / Overlay text / Minimal |
| Ratio image | Proportions | Square / Portrait / Landscape |
| Afficher description | Montrer la description collection | On / Off |
| Afficher compteur | Nombre de produits | On / Off |
Mode Showcase
| Setting | Description | Options |
|---|---|---|
| Hauteur | Hauteur de la section | Medium / Large / Full screen |
| Overlay | Opacité overlay sombre | 0-100% |
| Position contenu | Alignement texte + CTA | 9 positions |
| Transition | Animation entre slides | Fade / Slide / Zoom |
Mode Products
| Setting | Description | Options |
|---|---|---|
| Produits par vue | Nombre de produits visibles | 2 / 3 / 4 / 5 |
| Limite produits | Nombre max de produits | 4-20 |
| Style carte | Style de la carte produit | Thème default |
Mode Rows
| Setting | Description | Options |
|---|---|---|
| Ratio image | Proportions de l'image collection | Square / Portrait / Landscape |
| Produits par ligne | Nombre de produits par row | 2 / 3 / 4 |
| Limite produits | Produits affichés par collection | 3-8 |
| Bouton "Voir tout" | Lien vers la collection complète | On / Off |
Bloc Collection Item
Chaque collection est ajoutée via un bloc :
| Champ | Description |
|---|---|
| Collection | Collection Shopify sélectionnée |
| Image custom | Image personnalisée (remplace celle de la collection) |
| Titre custom | Titre alternatif |
| Description custom | Description alternative |
| Bouton texte | Texte du CTA (ex: "Découvrir") |
Cas d'utilisation
Navigation collections (homepage)
- Mode Carousel avec 4 cartes visibles
- Style Overlay text pour un look premium
- Ratio Portrait
- Autoplay 5s
- 5-8 collections principales
Mise en avant saisonnière
- Mode Showcase en Full screen
- Overlay 30%
- Transition Fade
- 2-3 collections phares de la saison
- Autoplay 7s
Découverte produits
- Mode Products avec 4 produits visibles
- Une collection "Nouveautés" ou "Best-sellers"
- Navigation activée
- Pas d'autoplay
Catalogue complet
- Mode Rows empilé
- Image Landscape + 4 produits par ligne
- Bouton "Voir tout" activé
- 3-5 collections
💡Le mode Showcase est le plus impactant visuellement. Utilisez des images haute qualité (min 1920x1080) et un overlay léger (20-30%) pour garantir la lisibilité du texte superposé.
ℹ️En mode Products, les cartes produit utilisent le même composant que partout dans le thème. Les settings de carte produit globaux (badge promo, quick view, etc.) s'appliquent automatiquement.
Prochaines étapes
- Carrousel — Slider générique pour tout type de contenu
- Page collection — Configuration complète des collections
- Collection en vedette — Alternative grille pour une collection
- Vitrine catégories — Autre façon de présenter vos collections