Mise en page

Ouvrez Paramètres du thèmeMise en page. Ces réglages définissent le bord de la page et le rythme des espaces dans toute la boutique.

Largeur et marge de page

Largeur de page limite la largeur du contenu sur les grands écrans : Étroite (90 rem, environ 1 440 px) ou Large (110 rem, environ 1 760 px). Les images en pleine largeur (bandeau principal, image derrière le texte) vont toujours jusqu’au bord de l’écran.

Marge de page est l’espace entre le bord de l’écran et le contenu. La valeur choisie s’applique telle quelle à partir de 750 px de large ; sur téléphone, elle est plafonnée à une part de la largeur de l’écran pour qu’aucun réglage n’écrase la mise en page.

Densité

La densité multiplie tous les espacements du thème à la fois, ce qui garde un rythme régulier :

Densité	Effet	Espace entre deux sections
Compacte	× 0,8	environ 77 px sur ordinateur
Standard	× 1	96 px sur ordinateur, 64 px sur téléphone
Généreuse	× 1,25	120 px sur ordinateur

Deux sections consécutives qui utilisent la même palette de couleurs partagent un seul espace, au lieu d’additionner leurs marges.

Gouttière des grilles de produits

Gouttière des grilles de produits règle l’espace entre les colonnes des grilles de produits (collection, recherche, collection en vedette, recommandations) :

Gouttière	Téléphone	Ordinateur
Fil	2 px	2 px
Serrée	8 px	12 px
Aérée	16 px	40 px

L’espace entre les rangées reste plus grand que celui entre les colonnes, pour que chaque rangée se lise comme une étagère.

Points de rupture

Toute la mise en page change d’organisation à trois largeurs d’écran, les mêmes pour chaque section : 750 px (téléphone → tablette), 990 px (tablette → ordinateur) et 1 400 px (grand écran). Quand cette documentation parle de « téléphone », il s’agit des écrans de moins de 750 px ; « ordinateur » désigne 990 px et plus.