L'onglet Disposition définit jusqu'à quelle largeur le contenu de votre boutique peut s'étendre sur les grands écrans. Il évite que les textes et les produits s'étirent trop sur un écran large.
Où le trouver
Ouvrez le constructeur, cliquez sur l'icône en forme d'engrenage et ouvrez l'onglet Disposition. La section s'appelle Disposition de la page et contient un seul réglage : Largeur de la page.
Largeur de la page
Faites glisser le curseur pour choisir la largeur maximale de votre contenu, en pixels. Elle va de 900 à 1400, par pas de 100. La valeur par défaut est 1200.
- 900 ou 1000 : une page étroite. Les lignes de texte restent courtes et faciles à lire. Idéal pour une boutique avec peu de produits ou beaucoup de texte.
- 1100 ou 1200 : une largeur équilibrée qui convient à la plupart des boutiques.
- 1300 ou 1400 : une page large. Plus de produits tiennent sur chaque ligne sur les grands écrans.
Le constructeur l'explique ainsi : Définit la largeur maximale pour les grands écrans d'ordinateur. Sur mobile, la largeur est toujours de 100 %. Sur un téléphone ou un petit écran, votre contenu utilise toujours toute la largeur de l'écran, quel que soit votre choix ici.
Largeur de la page et sections en pleine largeur
La plupart des sections ont leur propre réglage Largeur avec deux options :
- Page : le contenu de la section reste dans la largeur de page définie dans l'onglet Disposition.
- Complet : la section va d'un bord de l'écran à l'autre et ignore la largeur de page.
Une configuration courante consiste à mettre un hero ou un diaporama en Complet en haut, et la largeur Page pour les sections en dessous : les images paraissent grandes et le texte reste facile à lire.
Tâches courantes
- Ma boutique paraît trop étirée sur un grand écran : réduisez la largeur de page à 1100 ou 1000.
- Je veux plus de produits par ligne sur ordinateur : augmentez la largeur de page, puis vérifiez le nombre de colonnes dans vos sections de produits.
- Une bannière doit toucher les bords de l'écran : réglez la Largeur de cette section sur Complet. Inutile de changer la largeur de page.
- L'affichage sur mon téléphone n'a pas changé : c'est normal. Les téléphones utilisent toujours toute la largeur de l'écran.
Vérifiez dans l'aperçu
La largeur de page n'est visible que sur les écrans plus larges que la valeur choisie. Utilisez l'aperçu ordinateur du constructeur pour voir la différence. Voir Modes d'aperçu.
Ce que la largeur de page ne change pas
- Colonnes : le nombre de produits ou de cartes par ligne se règle dans chaque section, pas ici.
- Espacement : l'espace au-dessus et en dessous d'une section est sa marge intérieure (padding), elle aussi réglée dans la section.
- Taille du texte : elle se règle dans chaque texte, pas ici.
Bon à savoir
- La largeur de page appartient au marché que vous modifiez et s'applique à toutes ses pages.
- Vous pouvez aussi le demander à l'IA dans le constructeur, par exemple « Mets la largeur de ma page à 1100 ». Voir Créer avec l'IA.
- Vous avez changé d'avis ? Annulez la modification dans le constructeur. Voir Raccourcis, annuler et rétablir.
- Les modifications sont mises en ligne quand vous cliquez sur Publier.