Aller au contenu

Le site utilise-t-il un seul fichier CSS compilé ou les sections disposent-elles de fichiers individuels ?

Les thèmes Company XYZ combinent un CSS global et des styles propres à certaines sections.

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

  1. Commencez par les styles globaux. Utilisez base.css pour les styles qui doivent s’appliquer à l’ensemble du site.
  2. Vérifiez les styles des sections. Recherchez une feuille de style section- correspondante lorsque vous modifiez une section spécifique.
  3. 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.