Besoin d'un devis ou d'un conseil sur Shopify ? Appelez nous au 01 84 25 92 21

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 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" .

Comment modifier le css dans Shopify

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 

📚 A lire aussi 👇

  • Quelles apps utiliser sur un site Shopify en 2020 ?

    Vous avez un beau site Shopify ? Il réalise pas mal de ventes mais vous aimeriez quand même augmenter votre chiffre d’affaires e-commerce ? Vous avez envie de vous faciliter la vie de e-commerçant ...

  • Shopify lance Cdiscount Feed ! 

    Shopify à beau être une solution Nord Américaine, depuis plusieurs mois, elle a à coeur de s’attaquer au marché français et de proposer les meilleurs apps pour les e-commerçants. Dans cette lancée...

  • Un site Shopify peut-il être performant sur Gtmetrix ? 

    Vous avez déjà peut être entendu une rumeur sur la performances des sites Shopify. Il ne serait pas forcément aussi que d’autres solutions e-commerce et cela pourrait se ressentir sur le business. ...

  • Quel thème gratuit de Shopify choisir ? 

    Vous avez choisi Shopify pour la création ou la refonte de votre site e-commerce et vous voulez utiliser un des thèmes gratuit de Shopify ?  Cela tombe bien, il en existe 8 sur le site officiel The...

  • Propulsé par Shopify : Comment l’enlever de votre site (définitivement) 

    Vous avez créé un beau site Shopify, vous êtes fier de votre beau projet mais au final, vous ne voyez qu’une seule chose sur votre site, c’est ce fameux “Propulsé par shopify”  ou “Powered By shopi...

Laisser un commentaire

Veuillez noter que les commentaires doivent être approuvés avant d'être publiés