Section d'affichage de la collection

Ce que vous apprendrez

  • Comment mettre en avant des produits d’une collection

  • Personnaliser la mise en page, la typographie, les espacements et les styles au survol des produits

  • Utilisez la Cycle automatique fonction pour faire tourner automatiquement les images des produits

Aperçu

Le Section affichage de collection dans les thèmes Plain Jane et Interactive vous permet de mettre en valeur des produits de n’importe quelle collection Shopify. C’est une mise en page minimaliste, axée sur l’image, idéale pour présenter des lookbooks ou des lancements en avant-première.

Cette section prend en charge :

  • Affichage du titre

  • Mises en page en grille flexibles (1–6 produits par ligne sur bureau, 1–3 sur mobile)

  • Espacements personnalisés et effets au survol

  • Images de produits tournantes automatiquement en utilisant la Cycle automatique fonctionnalité

💡 Astuce : Cette section est visuellement distincte du Section Liste de Collections, qui affiche plusieurs collections. Ici, vous mettez en avant des produits d’une seule collection.

Comment l’utiliser

  1. Dans le Éditeur de thème, cliquez Ajouter une section → Affichage de la collection.

  2. Sous Contenu et données:

    • Choisissez une Modèle de collection depuis votre boutique Shopify.

    • Ajouter un Titre de la section (optionnel).

  3. Dans le Mise en page et affichage panneau :

    • Ajuster Alignement du texte (Gauche, Centré, Droite).

    • Activez ou non l’affichage de Titres, Prix, Prix barré, et des étiquettes d’état du produit comme Rupture de stock, Précommande, ou Promotion.

    • Définir Produits par ligne pour le bureau et le mobile.

Fonction Cycle automatique

🎯 Objectif : Améliorer l’engagement visuel en faisant défiler automatiquement les images des produits.

Lorsque vous activez Cycle automatique sous Effet de survol d’image, les images de vos produits passeront en transition entre plusieurs angles ou styles (si téléchargés pour le produit dans Shopify).

Comment l’activer

  1. Faites défiler jusqu'à Effet de survol d’image.

  2. Sélectionnez :

    • Faire défiler automatiquement toutes les images

    • Ou limiter le nombre en utilisant le Divers menu déroulant : Parcourir toutes les images en boucle, Limiter aux 2 premières, etc.

  3. Ajuster Durée de transition de l’image (par défaut : 550 ms).

💡 Astuce : Pour de meilleurs résultats, assurez-vous que vos produits ont plusieurs images dans Shopify. Cette fonctionnalité ne s’activera pas pour les produits n’ayant qu’une seule image.

Typographie

Vous pouvez ajuster les tailles de police pour :

  • Titre de la section

  • Titre du produit

  • Prix du produit

Des contrôles sont disponibles séparément pour le bureau et le mobile.

Couleurs

Personnaliser :

  • Couleur d’arrière-plan

  • Couleur du titre de la section

  • Couleur du titre du produit

Espacement

Comprend des contrôles détaillés pour :

  • Rembourrage haut et bas (bureau et mobile)

  • Espace entre le titre de la section et les produits

  • Espace entre l’image du produit, le titre et le prix

  • Espacements entre produits et lignes

Bouton Voir tout

Vous pouvez ajouter un CTA reliant à la collection complète :

  • Personnaliser les Couleur de fond du bouton

  • Personnaliser les Couleur du texte du bouton

Une fois les comptes hérités activés, utilisez les pages de documentation de cette section pour styliser chaque partie de l'expérience client.

PrécédentSection flux du blogSuivantSection liste de collections

Mis à jour