Où se trouve le css dans Shopify ?

Vous avez créer votre boutique Shopify et vous souhaitez modifier les fichiers CSS ? Vous ne savez pas ou trouver vos fichiers CSS ? On vous explique tout pour trouver et modifier votre CSS sur shopify ci dessous.

Tous les fichiers de Shopify, et évidement de Shopify Plus, que vous pouvez éditer sont rangés au même endroit. Pour y accéder c’est très simple , il faut avoir les droits d’éditions du thème sur votre boutique.

Si vous êtes Store Owner (le propriétaire de la boutique Shopify) vous avez tous les accès par défaut.

Ensuite, il faut se rendre dans “Boutique en ligne” / “Thème” / “Actions” / “Modifier le code” . Attention, vous allez éditer le code de votre boutique Shopify en live ! il faut maitriser le html, le css et même idéalement le langage liquid (le langage des thèmes de shopify) .

Pensez à sauvegarder votre theme avant toute modification CSS ! 

Pour éviter de faire des bêtises, pensez à sauvegarder votre thème en faisant tout simplement une duplication de votre thème existant, vous pouvez regarder “comment dupliquer un thème Shopify” pour en savoir plus.

Modifier le CSS de Shopify 

Une fois le code de votre Shopify devant vos yeux, vous avez plusieurs fichiers dans la colonne de gauche. Vous pouvez descendre jusqu'à la partie “Assets” . 

Vous devriez y trouver un fichier appelé “theme.css” ou “global.css” . Le nom du fichier, ou des fichiers, css dépend de votre thème Shopify. Dans notre cas, il s'appelle "theme.scss.liquid" .

A vous de voir quel est le bon fichier CSS à modifier en fonction de vos besoins graphiques. Si vous ne trouvez pas votre fichier CSS ou que vous ne savez pas le modifier, vous pouvez faire appel à un de nos experts web qui modifiera votre CSS pour vous.

Attention ! Modifier les fichiers CSS sur Shopify sans avoir de compétences en développement web, html, sans avoir fait un design sur un logiciel comme Figma, sans savoir ce que vous faites peut totalement bloquer votre boutique ! 

Auteur

Benoit Gaillat

Linkedin Twitter