Paramètres de disposition

Liens en vedette

1. documentation Shopify sur les sections et les blocs
2. documentation Shopify sur la personnalisation des sections

Vidéos utiles

Vidéo Shopify Academy : personnaliser votre boutique

Vidéo Shopify Academy : personnaliser votre boutique

Utilisez ces paramètres pour contrôler l’affichage du contenu répété sur ordinateur, tablette et mobile. Vous pouvez choisir une grille ou un diaporama pour chaque taille d’appareil, puis ajuster le nombre d’éléments affichés à la fois en fonction de votre contenu et de l’espace disponible à l’écran. Pour un aperçu plus large de la façon dont les composants du thème sont organisés, consultez documentation Shopify sur les sections et les blocs

Style de disposition

Le style de disposition détermine si les éléments apparaissent dans une grille fixe ou dans un diaporama à faire défiler. Cela vous offre la flexibilité d’afficher davantage d’éléments à la fois sur les grands écrans tout en facilitant la navigation sur les petits écrans.

1. Choisissez Grid lorsque les clients doivent comparer plusieurs éléments côte à côte.
2. Choisissez Slideshow lorsque chaque élément doit être davantage mis en avant ou lorsque l’espace est limité.
3. Mélangez les styles selon l’appareil si nécessaire. Une grille sur ordinateur et un diaporama sur mobile constituent souvent une combinaison pratique.

Choisissez ensemble le style de disposition et le nombre de colonnes. Les grilles denses fonctionnent mieux avec un contenu simple, tandis que les diaporamas nécessitent généralement moins d’éléments visibles et plus d’espace par carte.

Nombre de colonnes

Le nombre de colonnes détermine combien d’éléments apparaissent dans chaque ligne pour chaque taille d’appareil. Des nombres plus élevés augmentent la densité de navigation, mais réduisent aussi l’espace disponible pour les images, les titres, les prix et les détails d’accompagnement.

1. Sur desktop, des nombres de colonnes plus élevés peuvent convenir aux cartes compactes et à une navigation large parmi les éléments.
2. Sur tablet, un nombre distinct vous aide à éviter des dispositions qui paraissent trop serrées sur les écrans de taille moyenne.
3. Sur mobile, des nombres plus faibles sont généralement plus faciles à lire et à toucher.

Si le nombre de colonnes sur tablette est défini sur 0, les écrans de tablette utilisent à la place le paramètre de colonnes de bureau. Cela est utile lorsque vous souhaitez une disposition cohérente pour les grands écrans, mais il est judicieux de vérifier que les cartes sur tablette disposent encore de suffisamment d’espace.

Astuce

Si les cartes d’élément semblent trop chargées, réduisez le nombre de colonnes avant de modifier la taille du texte ou de masquer des détails. Un espace horizontal supplémentaire améliore généralement la clarté le plus rapidement.

Choisir la bonne densité

La meilleure disposition dépend de la quantité d’informations que chaque élément doit afficher. Les cartes simples axées sur l’image peuvent supporter des dispositions plus denses, tandis que les cartes riches en texte ou en détails ont généralement besoin de plus d’espace.

1. Utilisez moins de colonnes pour les titres plus longs, plusieurs libellés, les prix ou des métadonnées supplémentaires.
2. Utilisez plus de colonnes pour les dispositions destinées à être parcourues rapidement avec peu de texte.
3. Utilisez des dispositions en diaporama lorsque vous souhaitez que les clients se concentrent sur un élément à la fois plutôt que de parcourir une ligne complète.

Notes d’utilisation

1. Commencez par la taille du contenu. Choisissez le nombre de colonnes en fonction de la quantité de texte et d’éléments visuels que chaque élément doit afficher confortablement.
2. Vérifiez séparément la tablette. Hériter du nombre de colonnes de bureau peut faire gagner du temps, mais les dispositions sur tablette nécessitent souvent leur propre ajustement.
3. Gardez le mobile tactile. Évitez les dispositions mobiles qui rendent les cartes trop étroites ou les zones tactiles trop petites.
4. Utilisez le diaporama de manière intentionnelle. Choisissez le diaporama lorsque la mise en avant est plus importante que l’affichage du nombre maximal d’éléments à la fois.
5. Conservez l’apparence par défaut lorsque vous souhaitez un style de secours. Les valeurs vides, transparentes ou de style par défaut conservent généralement l’apparence héritée, tandis que les couleurs, dégradés ou remplacements de média explicites rendent cette zone plus indépendante. Pour des détails de configuration dans l’éditeur de thème, consultez documentation Shopify sur la personnalisation des sections