Modifier la page d'accueil Shopify avec l'éditeur de thème

01Comprendre sections et blocs

Une page Shopify est un empilement de sections : une bannière, une collection mise en avant, un texte avec image, une newsletter. Chaque section se déplace, se masque ou se supprime indépendamment.

À l'intérieur d'une section, les blocs sont les éléments qui la composent : un titre, un paragraphe, un bouton. Vous pouvez en ajouter, en retirer, en changer l'ordre.

02Ouvrir l'éditeur de thème

1. Dans le menu de gauche, cliquez sur Boutique en ligne, puis sur Thèmes.
2. Repérez votre thème actuel, en haut de la page.
3. Cliquez sur Modifier le thème (ou Personnaliser selon la version de votre administration).
4. L'éditeur s'ouvre sur la page d'accueil. La liste des sections est à gauche, l'aperçu au centre, les réglages de l'élément choisi à droite.

03Modifier une section existante

1. Dans la colonne de gauche, cliquez sur la section à modifier, par exemple la bannière.
2. Les réglages s'affichent à droite : image, hauteur, couleurs, alignement.
3. Pour changer la photo, cliquez sur l'image actuelle et importez la nouvelle.
4. Cliquez sur un bloc, comme le titre, pour modifier son texte.
5. Regardez l'aperçu au centre : il se met à jour en direct.

04Ajouter, déplacer ou masquer une section

1. Pour ajouter : cliquez sur Ajouter une section en bas de la liste et choisissez un modèle.
2. Pour ajouter un élément dans une section : cliquez sur Ajouter un bloc sous cette section.
3. Pour déplacer : faites glisser la section par sa poignée, à gauche de son nom.
4. Pour masquer temporairement : cliquez sur l'icône en forme d'œil. La section reste en mémoire.
5. Pour supprimer : ouvrez la section, puis utilisez le bouton de suppression en bas de ses réglages.

05Vérifier sur mobile

Souvent, plus de la moitié de vos visiteurs arrivent depuis un téléphone. Une bannière superbe sur ordinateur peut couper le flacon en deux sur mobile.

En haut de l'éditeur, une icône permet de passer l'aperçu en version mobile. Vérifiez chaque section : lisibilité des textes, cadrage des images, taille des boutons.

06Changer couleurs, polices et logo

Les réglages qui concernent tout le site ne se trouvent pas dans les sections. Ils sont regroupés dans les paramètres du thème, accessibles par l'icône en forme d'engrenage ou de pinceau dans la barre latérale de l'éditeur.

Vous y réglez les couleurs, la typographie, le logo, l'icône de l'onglet du navigateur, le style des boutons et des fiches produits. Une modification à cet endroit s'applique à toutes les pages en même temps.

Restez fidèle à votre charte graphique : deux polices au maximum, une couleur d'accent, et des couleurs de texte bien contrastées pour rester lisible.

07Enregistrer et publier

Sur votre thème actuel, cliquez sur Enregistrer en haut à droite : les changements sont immédiatement visibles par vos clients.

Si vous travaillez sur une copie, l'enregistrement ne touche pas le site en ligne. Quand la copie est prête, revenez dans Thèmes et publiez-la : elle remplace le thème actuel, qui reste disponible dans la bibliothèque.

?Questions fréquentes