Paramètres de mise en page de la collection

Pour Plain Jane et Plain Jane Interactive

Ce que vous apprendrez

  • Comment personnaliser la disposition de vos pages de collection

  • Comment ajuster le nombre de colonnes, l'espacement, la taille des images et les effets au survol

🧭 Aperçu

Le Disposition des collections les paramètres vous permettent de contrôler la manière dont les produits sont affichés sur vos pages de collection sur ordinateur et mobile. Ces options aident à créer l'expérience d'achat idéale qui correspond à l'apparence de votre marque et à votre gamme de produits.

🖥️ Options de mise en page

Colonnes sur ordinateur

  • Choisissez combien de produits afficher par ligne sur ordinateur :

    • Options : 2, 3, 4, 5, ou 6 colonnes

Colonnes sur mobile

  • Choisissez combien de produits afficher par ligne sur mobile :

    • Options : Un ou Deux colonnes

💡 Utilisez moins de colonnes pour de grandes images produit ou des articles haut de gamme

Espacements de colonnes et de lignes

Ajustez l'espacement entre les produits pour contrôler la densité visuelle :

  • Espacement entre les colonnes (ordinateur)

  • Espacement entre les lignes (ordinateur)

  • Espacement entre les colonnes (mobile)

  • Espacement entre les lignes (mobile)

Toutes les valeurs sont mesurées en pixels (px) et réglables via un curseur.

🖼️ Paramètres d'image

Taille de l'image produit

  • Ajustez le pourcentage de taille de l'image produit par rapport à son conteneur (par ex. 100%)

Ratio d'aspect de l'image produit

Choisissez la forme des images produit dans votre grille :

  • Naturel (taille originale de l'image)

  • Carré

  • Portrait

  • Paysage

💡 Choisissez Carré pour une mise en page plus uniforme

Afficher la 2ᵉ image du produit au survol

  • Activez ceci pour révéler la deuxième image dans une fiche produit lors du survol sur ordinateur

  • Utilisé couramment pour montrer des vues alternatives ou des angles du produit

🧪 Cas d'utilisation fréquents

  • Boutiques minimalistes — Utilisez 2–3 colonnes et un espacement plus important

  • Boutiques à fort volume — Utilisez 4–6 colonnes pour afficher plus de produits

  • Présentations interactives — Activez la 2ᵉ image au survol pour favoriser l'engagement produit

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édentParamètres de l'horlogeSuivantParamètres du curseur

Mis à jour