Le site utilise-t-il un seul fichier CSS compilé ou les sections disposent-elles de fichiers individuels ?
Les thèmes Company XYZ utilisent une combinaison de CSS global et de styles spécifiques aux sections.
La feuille de style globale principale se trouve dans Theme root > assets > base.css. Certaines sections disposent également de leur propre feuille de style dans le même dossier assets. Ces fichiers utilisent le préfixe section-, suivi du nom de la section, par exemple section-features-bar.css.
Pour connaître les éléments à prendre en compte lors des mises à jour, consultez la documentation Shopify sur la mise à jour des thèmes
Pour le style personnalisé, utilisez si possible l’option de CSS personnalisé de l’éditeur de thème. Consultez la documentation Shopify sur l’ajout de CSS personnalisé à votre thème. Si vous avez besoin d’une feuille de style distincte, ajoutez un nouveau fichier CSS autonome pour vos personnalisations plutôt que de modifier les fichiers CSS existants du thème. Pour connaître les étapes de modification du code, consultez la documentation Shopify sur la modification du code du thème
Notes d’utilisation
Section intitulée « Notes d’utilisation »- Commencez par les styles globaux. Utilisez
base.csspour les styles qui doivent s’appliquer à l’ensemble du site. - Vérifiez les styles des sections. Recherchez une feuille de style
section-correspondante lorsque vous modifiez une section spécifique. - Conservez les personnalisations séparément. Privilégiez le CSS personnalisé dans l’éditeur de thème ou une feuille de style autonome afin de faciliter les futures mises à jour du thème.