Utiliser l’éditeur de thème

Toute la configuration de Maison se fait dans l’éditeur de thème de Shopify. Ouvrez-le depuis Boutique en ligneThèmes, bouton Personnaliser.

Les notions à connaître

Modèles

Un modèle (template) décrit une famille de pages : toutes les fiches produit partagent le modèle Produit, toutes les collections le modèle Collection. Choisissez le modèle à modifier dans le sélecteur en haut de l’éditeur. Vous pouvez créer des modèles alternatifs (par exemple un modèle produit pour les cartes-cadeaux) et les attribuer à certains produits.

Sections

Une section est une bande horizontale de la page : un bandeau principal, une grille de produits, une newsletter. Dans la colonne de gauche, cliquez sur Ajouter une section pour en insérer une, faites-les glisser pour changer leur ordre, cliquez sur l’icône d’œil pour les masquer sans les supprimer.

Certaines sections sont propres à un modèle et ne peuvent pas être ajoutées ailleurs : Produit, Collection, Panier, Recherche, Journal (blog), Article, Page, Contact, Page introuvable et Page de mot de passe.

Blocs

Un bloc est un élément à l’intérieur d’une section : une diapositive du bandeau principal, un message de la barre d’annonce, le prix sur la page produit. Cliquez sur Ajouter un bloc sous une section pour en ajouter. Maison utilise deux sortes de blocs :

• des blocs propres à une section (une diapositive, un service, un message) ;
• des blocs de thème réutilisables, que plusieurs sections acceptent et que l’on peut imbriquer dans des groupes. Voir Blocs de contenu et Blocs produit.

Préréglages

Quand une section propose plusieurs points de départ, Ajouter une section les liste séparément. Par exemple, Collection en vedette existe aussi en Champ produit éditorial et en Mise en avant produit compacte : c’est la même section, avec une autre disposition de départ. Tous les réglages restent modifiables ensuite.

Groupes de sections : en-tête et pied de page

L’en-tête et le pied de page sont des groupes de sections partagés par toutes les pages (sauf la page de mot de passe). Le groupe d’en-tête contient la barre d’annonce, l’en-tête, le tiroir du panier et le panneau de recherche ; le groupe de pied de page contient le pied de page. Une modification faite ici s’applique partout.

Paramètres du thème

L’icône d’engrenage ouvre les Paramètres du thème, qui s’appliquent à toute la boutique : typographie, mise en page, couleurs, boutons et champs, recherche, panier, réseaux sociaux, favicon. Voir la rubrique Paramètres du thème.

Palettes de couleurs

La plupart des sections ont un réglage Palette de couleurs. Il ne s’agit pas de choisir des couleurs une à une, mais l’une des palettes définies dans Paramètres du thèmeCouleurs. Modifier une palette met à jour toutes les sections qui l’utilisent. Voir Couleurs.

Applications

Les applications compatibles Online Store 2.0 s’intègrent de deux façons :

• Blocs d’application, ajoutés comme un bloc dans les sections qui les acceptent (page produit, produit en vedette, page, section personnalisée, pied de page) ;
• Intégrations d’applications (app embeds), activées dans le menu Intégrations d’applications de l’éditeur.

Voir Applications.

Bonnes pratiques

• Enregistrez régulièrement : les modifications ne sont pas appliquées au thème tant que vous n’avez pas cliqué sur Enregistrer.
• Prévisualisez sur mobile avec le sélecteur d’appareil en haut de l’éditeur : de nombreux réglages (colonnes sur mobile, largeur du logo sur mobile) ne se voient qu’à cette taille.
• Masquez plutôt que supprimer une section dont vous pourriez avoir besoin plus tard.
• Dupliquez le thème avant une refonte importante.