Aperçu des fonctionnalités de l’éditeur de thème

Vous pouvez utiliser l’éditeur de thème pour personnaliser les zones de votre thème, telles que les couleurs, et gérer le contenu de votre thème avec des sections et des blocs.

Accéder à l’éditeur de thème

Vous pouvez accéder à l’éditeur de thème depuis votre interface administrateur Shopify.

1. Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

2. À côté du thème que vous souhaitez modifier, cliquez sur Personnaliser.

Sections de la mise en page de l’éditeur de thème

L’éditeur de thème comporte les sections suivantes :

• La barre de menus contient des boutons de navigation sur la gauche pour basculer entre les sections, les paramètres du thème et les applications intégrées ; le nom du thème, le marché et les menus des modèles au centre ; ainsi que les commandes de personnalisation sur la droite.
• La barre latérale affiche une arborescence de tout le contenu du modèle que vous consultez actuellement. Vous pouvez gérer les sections et les blocs, les applications intégrées et les paramètres depuis la barre latérale. La barre latérale est réductible.
• La fenêtre d’aperçu affiche votre thème et se met à jour automatiquement lorsque vous y apportez des modifications. Vous pouvez activer un aperçu sur mobile ou utiliser l’inspecteur d’aperçu pour gérer le contenu d’un modèle de thème dans la fenêtre d’aperçu.

Barre de menus

La barre de menus affiche la navigation, les informations sur le thème et les commandes permettant de personnaliser votre thème.

Navigation dans la barre latérale

Sur le côté gauche de la barre de menus, vous pouvez basculer entre les vues suivantes dans la barre latérale :

• pour gérer les sections et les blocs de votre modèle actuel.
• pour gérer les paramètres globaux de votre thème, tels que les couleurs, la typographie et la mise en page.
• pour gérer les applications intégrées à votre thème.

Pour masquer la barre latérale et obtenir un aperçu pleine largeur de votre thème, cliquez à nouveau sur le bouton actif pour le désélectionner. Si les deux panneaux sont visibles, le fait de cliquer sur le bouton actif les réduit tous les deux simultanément.

Détails du thème, menus du marché et des modèles

Au centre de la barre de menus, vous trouverez les éléments suivants :

• Le nom du thème et son statut. Votre thème publié affiche l’étiquette de statut En ligne . Les thèmes non publiés affichent l’étiquette de statut Brouillon . Cliquez sur le nom du thème pour accéder aux options suivantes :
  • Utilisez Modifier le code pour ouvrir l’éditeur de code.
  • Utilisez Modifier le contenu du thème par défaut pour modifier le texte par défaut de votre thème.
  • Utilisez pour ouvrir un aperçu de votre thème.
  • Utilisez Afficher la documentation pour ouvrir la documentation de votre thème.
  • Utilisez pour consulter tous les raccourcis clavier disponibles pour l’éditeur de thème.
  • Utilisez Obtenir de l’aide pour obtenir de l’aide.
• Le menu du marché, pour prévisualiser et personnaliser votre thème pour différents marchés.
• Le menu du modèle, pour naviguer entre les différents modèles de page de votre thème.

Raccourcis de personnalisation

Vous pouvez utiliser les commandes suivantes dans la barre de menus pour personnaliser votre thème et gérer vos modifications :

• Activez ou désactivez Sidekick pour vous aider à personnaliser votre thème.
• Activez ou désactivez l’inspecteur d’aperçu.
• Activez le bouton d’aperçu pour prévisualiser votre thème sur un écran d’appareil mobile.
• Gérez votre session de personnalisation actuelle avec les commandes Annuler et Rétablir.
• Utilisez le bouton Enregistrer pour enregistrer vos modifications.

Si aucune personnalisation non enregistrée ne peut être annulée ou rétablie, le bouton correspondant est inactif.

Barre latérale

La barre latérale affiche une arborescence de tout le contenu du modèle que vous consultez actuellement. Vous pouvez gérer les sections et les blocs, ainsi que les paramètres du thème depuis la barre latérale. Vous pouvez réduire la barre latérale en cliquant à nouveau sur le bouton de navigation actif dans la barre de menu pour le désactiver.

Votre thème peut comporter des paramètres conditionnels qui s’affichent dans la barre latérale selon les autres paramètres activés. Par exemple, si votre thème comporte un bloc avec un paramètre pour ajouter soit une vidéo, soit une image, le sélecteur d’image ou le lien de la vidéo peut être un paramètre conditionnel qui ne s’affiche qu’après avoir sélectionné Image comme type de support multimédia.

Modes de la barre latérale

L’éditeur de thème dispose de deux modes pour utiliser tout l’espace de votre écran.

Le mode à double barre latérale est conçu pour les fenêtres de navigateur plus larges et les grands écrans, tandis que le mode à barre latérale unique est conçu pour les fenêtres de navigateur plus étroites et les petits écrans. Le mode de barre latérale détermine l’emplacement où le panneau de paramètres s’affiche dans l’éditeur.

Mode double barre latérale

Si la fenêtre de votre navigateur fait au moins 1 600 pixels de large, deux panneaux s’afficheront. Le panneau de gauche contient la structure de la page avec vos sections et blocs, et le panneau de droite contient les paramètres de la section ou du bloc sélectionné. Vous pouvez réduire le panneau de droite en désélectionnant les sections.

Pour afficher l’éditeur de thème en mode à barre latérale unique sur un grand écran, réduisez la largeur de la fenêtre de votre navigateur jusqu’à ce que l’éditeur passe à la mise en page empilée.

Mode barre latérale simple

Sur les écrans plus étroits, l’éditeur utilise une mise en page empilée. Lorsque vous cliquez sur une section ou un bloc, le panneau des paramètres glisse vers le haut depuis le bas de l’écran au lieu de recouvrir la structure de votre page. Vous pouvez faire glisser le séparateur pour ajuster la répartition entre la structure de la page et les paramètres, afin de garder les deux visibles en permanence.

Aperçu de votre thème

Vous pouvez prévisualiser la mise en page mobile de votre thème en cliquant sur le bouton dans la barre de menu. Pour revenir à l’aperçu sur le bureau, cliquez à nouveau sur le bouton mobile.

Pour prévisualiser votre thème en pleine largeur, cliquez sur le bouton de navigation de la barre latérale actif afin de réduire celle-ci. Si les deux panneaux sont visibles, cette action les réduit tous les deux simultanément, ce qui vous donne un aperçu pleine largeur de votre boutique en ligne.

Annulation et rétablissement des modifications non enregistrées

Vous pouvez utiliser les boutons et pour annuler ou rétablir les personnalisations non enregistrées. Une fois que vous avez enregistré vos modifications, vous ne pouvez plus les rétablir ni les annuler.

Utilisation des raccourcis clavier dans l’éditeur de thème

Vous pouvez utiliser des raccourcis clavier pour naviguer et effectuer des actions dans l’éditeur de thème.