Modification du code de thème
Vous pouvez modifier le code de votre thème pour apporter des modifications détaillées à votre boutique en ligne. La plupart des fichiers qui composent un thème contiennent des éléments Liquid, le langage de modélisation de Shopify. Les fichiers de thème contiennent également du langage HTML, CSS et JavaScript. Ne modifiez le code d'un thème que si vous possédez de l'expérience avec HTML et CSS, ainsi que des connaissances élémentaires de Liquid.
Avant de personnaliser votre thème
Avant de personnaliser votre thème, il est conseillé d'effectuer les tâches suivantes :
- Dupliquez votre thème pour créer une copie de sauvegarde. Cela facilite l'annulation de vos modifications et vous permet de recommencer, si nécessaire.
- Assurez-vous de bien comprendre le niveau d'assistance disponible.
- En savoir plus sur les exigences et les meilleures pratiques pour mettre en ligne des images.
Modifier le code de votre thème
Vous pouvez modifier le code de votre thème.
Étapes :
- Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
- Dans l'application Shopify, appuyez sur Boutique.
- Dans la section Canaux de vente, appuyez sur Boutique en ligne.
- Appuyez sur Gérer les thèmes.
- Dans l'application Shopify, appuyez sur Boutique.
- Dans la section Canaux de vente, appuyez sur Boutique en ligne.
- Appuyez sur Gérer les thèmes.
- Cliquez sur Actions > Modifier le code.
L'éditeur de code affiche un répertoire des fichiers de thème sur la gauche, et un espace pour afficher et modifier les fichiers sur la droite.
Vous pouvez agrandir l'éditeur de code pour remplir l'écran en cliquant sur l'icône de développement :
Vous pouvez retourner la page à la normale en cliquant sur l'icône de réduction :
Lorsque vous cliquez sur un fichier dans le répertoire de gauche, il s'ouvre dans l'éditeur de code. Vous pouvez ouvrir et modifier plusieurs fichiers à la fois. Tous les fichiers que vous modifiez afficheront un point à côté de leur nom :
Cela peut vous aider à savoir où vous avez apporté des modifications.
Si vous souhaitez annuler les modifications apportées à un fichier après avoir cliqué sur Enregistrer, ouvrez le fichier et cliquez sur Anciennes versions. Un menu déroulant affiche la date et l'heure de chaque enregistrement que vous avez effectué. Sélectionnez la version à laquelle vous souhaitez revenir, puis cliquez sur Enregistrer.
Lorsque l'éditeur de code est en mode plein écran, vous pouvez faire passer le modèle de couleur de l'éditeur de clair à sombre en cliquant sur les boutons en bas de la page.
Pour en savoir plus sur les avantages de l'utilisation de l'éditeur de couleurs sombres, consultez The Power of the Dark Side: Dark User Interfaces (La puissance du côté obscur : les interfaces utilisateurs sombres) sur le blog de Shopify Partners.
Tutoriels de personnalisation de code de thème
Vous pouvez suivre les tutoriels de personnalisation du code des thèmes pour vous guider dans les modifications que vous apportez à votre boutique en ligne. Les tutoriels sont organisés en fonction du type de page ou de la fonctionnalité qu'ils modifient.
Obtenir de l'assistance pour les personnalisations
Si vous avez besoin d'aide pour apporter des modifications à votre thème, vous pouvez contacter le développeur de votre thème pour obtenir de l'assistance.
Pour voir les autres ressources disponibles pour vous aider à personnaliser les thèmes, voir Ressources supplémentaires pour le support des thèmes.