Réussi
Paramètres de l’interface de grille
Contrôlez les mises en page de grille par défaut et laissez les clients ajuster l’affichage selon leur style de navigation.
Utilisez ces paramètres pour contrôler la facilité de navigation des pages basées sur des grilles. Vous pouvez définir la mise en page par défaut pour les grands écrans et pour mobile, puis décider si les clients voient une interface intégrée leur permettant de changer eux-mêmes la taille de la grille. Pour un aperçu plus large de l’organisation des paramètres de thème, consultez documentation Shopify sur l’éditeur de thème
Ce groupe de paramètres est particulièrement utile sur les pages où les clients parcourent plusieurs éléments dans une grille. Une bonne configuration vous offre un réglage par défaut solide tout en laissant de la place à différentes préférences de navigation.
Mise en page de grille par défaut
Section intitulée « Mise en page de grille par défaut »Vos choix de taille de grille pour ordinateur et mobile définissent l’affichage de départ lorsqu’une grille apparaît pour la première fois. Une mise en page plus dense affiche plus d’éléments à la fois, tandis qu’une mise en page plus aérée laisse plus d’espace à chaque carte pour les images, les titres, les prix et d’autres détails.
Sur les grands écrans, une grille plus serrée peut bien fonctionner lorsque les cartes sont visuellement simples et que les clients sont susceptibles de comparer rapidement de nombreux éléments. Une grille de bureau plus espacée est généralement plus facile à parcourir lorsque les cartes incluent des noms plus longs, des badges, des swatches ou d’autres informations d’accompagnement.
Mobile mérite sa propre décision. Une mise en page en une seule colonne donne à chaque élément plus de visibilité et peut améliorer la lisibilité, tandis qu’une mise en page en deux colonnes aide les clients à parcourir plus rapidement avec moins de défilement.
Choisissez votre valeur par défaut en fonction de la quantité de contenu à l’intérieur de chaque carte, et pas seulement du nombre d’éléments que vous souhaitez rendre visibles. Si les cartes comportent plusieurs libellés ou un texte plus long, une grille plus dense peut sembler très vite encombrée.
Contrôles de taille de grille
Section intitulée « Contrôles de taille de grille »Lorsque l’interface de taille de grille est activée, les clients peuvent passer à une mise en page qui correspond à leur propre style de navigation. C’est utile lorsque certains visiteurs veulent parcourir autant d’éléments que possible, tandis que d’autres préfèrent des cartes plus grandes et plus faciles à lire.
Si vous souhaitez une présentation plus sélectionnée, vous pouvez laisser l’interface désactivée et vous appuyer sur les paramètres par défaut que vous avez définis. Si la flexibilité compte davantage, activer le contrôle donne aux clients un moyen simple d’ajuster l’affichage sans modifier le contenu sous-jacent.
Pour plus de détails sur le fonctionnement de cette interface dans les grilles prises en charge, consultez Paramètres de l’interface de grille. Pour des conseils connexes sur la configuration du thème, consultez documentation Shopify sur les sections et les blocs
Contrôles fixes
Section intitulée « Contrôles fixes »L’interface fixe maintient ces contrôles disponibles près du haut de la page pendant que les clients font défiler. Cela peut rendre l’expérience de navigation plus fluide sur les longues pages en grille, car les utilisateurs n’ont pas besoin de revenir en haut juste pour modifier la mise en page.
Les contrôles fixes sont particulièrement utiles lorsque les grilles sont longues et que les changements de mise en page sont probables après le début du défilement. Sur les pages plus courtes, ou sur les mises en page qui gardent déjà plusieurs contrôles visibles, une interface fixe peut sembler inutile.
Notes d’utilisation
Section intitulée « Notes d’utilisation »- Commencez par le contenu des cartes. Choisissez la densité de grille en fonction de la quantité de texte et de détails d’accompagnement que chaque carte doit afficher clairement.
- Ajustez séparément pour mobile. Définissez la valeur par défaut sur mobile pour la lisibilité sur petit écran plutôt que de reproduire la préférence de bureau.
- Vérifiez les deux affichages. Les contrôles de bureau et mobile peuvent affecter différemment la mise en page, l’alignement, la visibilité et l’affichage des médias ; vérifiez donc chaque taille d’écran avant de publier.
- Surveillez les différences d’aperçu. L’aperçu de l’éditeur peut rendre une grille disponible avant que le contenu en direct n’existe, alors confirmez le résultat final avec du contenu réel lorsque c’est possible.
- Attendez-vous à un comportement différent du slider. Si la grille est présentée sous forme de mise en page de type slider, la navigation, la pagination, l’aperçu et le comportement aux points de rupture peuvent différer d’une grille statique ou d’une mise en page empilée.
- Conservez le style de repli intact. Laissez les valeurs vides ou au style par défaut lorsque vous voulez que la zone environnante conserve son apparence intégrée ; utilisez des couleurs, dégradés ou remplacements de médias explicites uniquement lorsque vous souhaitez que la zone de grille ressorte davantage.