Thème

Un thème regroupe l'apparence de votre boutique : ses couleurs, ses polices, ses boutons, ses espacements, son en-tête, ses fiches produit et son pied de page. Votre boutique sert toujours exactement un thème, le thème publié. Vous pouvez préparer d'autres thèmes — pour une saison ou une campagne — sans changer ce que voient vos clients, puis passer à l'un d'eux en un clic. Le thème que vous quittez conserve tous ses réglages et reste dans votre liste.

Chaque tâche ci-dessous part du même endroit : ouvrez le menu principal et, sous Constructeur de boutique, cliquez sur Thème. L'onglet Vue d'ensemble liste vos thèmes, chacun avec son Statut et les parties de la boutique qu'il configure déjà.

Créer un nouveau thème

1. Dans l'onglet Vue d'ensemble, cliquez sur Créer un nouveau thème.
2. Dans Nom du thème, saisissez un nom qui vous aide à le reconnaître — par exemple une saison. Vos clients ne le voient jamais.
3. Cliquez sur Créer.

Le message Le thème a été créé. s'affiche. Le nouveau thème est ajouté à votre liste en brouillon : rien ne change sur votre boutique.

Choisir les couleurs et les polices du thème

1. Dans l'onglet Vue d'ensemble, sur la carte du thème, cliquez sur Détail.
2. Cliquez sur l'onglet Couleurs et polices.
3. Dans la carte Couleurs, cliquez sur Modifier. L'écran Couleurs du thème s'ouvre.
4. Saisissez chaque couleur sous forme de code hexadécimal à 3 ou 6 caractères, sans le # initial — Couleur principale (prix, fond des boutons, bandeau d'annonce), Couleur secondaire, Couleur de fond et Couleur du texte — puis cliquez sur Enregistrer. Le message Couleurs du thème enregistrées. s'affiche.
5. De retour dans l'onglet, dans la carte Polices, cliquez sur Modifier.
6. Choisissez une Police des titres pour les titres et une Police du corps de texte pour tout le reste, ou conservez Police système, puis cliquez sur Enregistrer.

Le message Réglages de la typographie enregistrés. s'affiche.

Note — Si une couleur n'est pas un code valide, le message Veuillez saisir des couleurs hexadécimales valides, par exemple 1a2b3c. s'affiche et rien n'est enregistré.

Choisir le style des boutons

1. Sur la fiche du thème, cliquez sur l'onglet Boutons.
2. Dans la carte Bouton principal, cliquez sur Modifier.
3. Réglez la Couleur de fond, la Couleur du texte, l'Arrondi des angles (px), l'Épaisseur de la bordure (px), la Couleur de la bordure, la Casse du texte et la Graisse du texte souhaitées. Un champ laissé vide conserve ce que la boutique affiche aujourd'hui.
4. Cliquez sur Enregistrer. Le message Réglages du bouton principal enregistrés. s'affiche.
5. Faites de même dans les cartes Bouton secondaire et Espacement intérieur si vous souhaitez les ajuster.

La carte Aperçu de l'onglet présente les deux boutons tels que votre boutique les affiche. Utilisez les icônes d'ordinateur et de téléphone en haut de la carte pour passer de Ordinateur à Mobile.

Ajuster les espacements

1. Sur la fiche du thème, cliquez sur l'onglet Espacements et mise en page.
2. Cliquez sur Modifier. L'écran Espacements s'ouvre.
3. Réglez l'Espace entre les sections en pixels (ordinateur), l'Espace entre les sections en pixels (mobile), la Marge intérieure des sections en pixels, les Marges latérales de la page en pixels et l'Arrondi des coins en pixels.
4. Cliquez sur Enregistrer.

Le message Réglages des espacements enregistrés. s'affiche, et la carte Aperçu présente une page en miniature avec ces réglages.

Activer et publier un thème

Un thème passe en ligne en deux étapes : vous l'activez d'abord, ce qui le sort du brouillon sans changer votre boutique, puis vous le publiez avec Utiliser ce thème.

1. Dans l'onglet Vue d'ensemble, sur la carte du thème, cliquez sur Activer.
2. Sur l'écran Activer ce thème, cliquez sur Activer ce thème. Le message Statut du thème mis à jour. s'affiche ; votre boutique n'a pas encore changé.
3. De retour dans l'onglet Vue d'ensemble, sur la même carte, cliquez sur Utiliser ce thème.
4. Cliquez sur Utiliser ce thème pour confirmer.

La boutique passe aussitôt sur ce thème. Le thème remplacé conserve tous ses réglages et reste dans votre liste : vous pouvez y revenir de la même façon.

Note — Activer n'est proposé qu'une fois le thème complet. Sur la fiche du thème, chaque partie indique Configuré ou Non configuré : ouvrez chaque partie Non configuré, vérifiez-la et cliquez sur Enregistrer. Options produit et Pages du compte sont facultatives.

Réinitialiser l'apparence d'un thème

1. Dans l'onglet Vue d'ensemble, sur la carte du thème, cliquez sur Détail.
2. Cliquez sur Réinitialiser.
3. Cliquez sur Réinitialiser l'apparence pour confirmer.

Le message Apparence du thème réinitialisée. s'affiche. Les couleurs, la typographie, les boutons et les espacements reviennent à leurs valeurs par défaut ; vos pages et leur contenu ne sont pas affectés.