Avec de plus en plus de personnes se tournant vers le commerce électronique, il est de plus en plus important de personnaliser son site web pour le rendre unique. Les magasins Shopify offrent une variété de thèmes pour personnaliser votre boutique, mais il peut être difficile de trouver comment changer la couleur d’un bouton ou d’un élément. Dans ce guide, nous allons vous montrer comment changer la couleur de prix sur le thème du millionnaire pour votre boutique Shopify.
Partie 1: Comprendre le thème Millionaire
Le thème Millionaire est l’un des thèmes les plus populaires sur Shopify en raison de ses fonctionnalités personnalisables et de son look haut de gamme. Il est important de comprendre comment fonctionne le thème avant de tenter de le personnaliser. Le thème est conçu pour être utilisé avec un thème parent, qui est un ensemble de fichiers qui permettent au thème de fonctionner correctement. Toutefois, vous pouvez personnaliser le CSS du thème sans toucher à son parent, qui est un fichier intitulé « theme.liquid ».
Partie 2: Changer la couleur de la prix Shopify
La première étape consiste à ouvrir le menu de personnalisation du thème. Cela peut être fait en cliquant sur « Personnaliser » dans votre menu Shopify. Puis suivez les étapes suivantes :
1. Cliquez sur « Thème » dans le menu de gauche
2. Sélectionnez « Colors »
3. Scrollez vers le bas jusqu’à « Product Prices »
4. Cliquez sur la case de couleur à droite de « Product Prices »
5. Choisissez votre couleur préférée
Assurez-vous de cliquer sur « Enregistrer » avant de quitter le menu de personnalisation pour que les modifications soient enregistrées.
Partie 3: Personnalisation avancée
Si vous voulez une personnalisation plus avancée, vous pouvez modifier le CSS du thème. Cela exigera une certaine connaissance du codage HTML et CSS, mais c’est une façon de personnaliser le thème à votre goût.
Pour accéder au CSS du thème, cliquez sur « Thème » dans le menu de gauche, puis sur « Modifier le code du thème ». Vous pouvez trouver le fichier CSS à modifier en allant dans « Assets » > « theme.scss.liquid ». Cherchez ensuite la section que vous souhaitez modifier, qui dans notre cas est la section qui correspond à la couleur du prix.
Ensuite, modifiez la valeur de la couleur du prix à la couleur de votre choix en modifiant la ligne de code :
« `
.product__price {
color: #COLORHERE;
}
« `
Assurez-vous de remplacez « #COLORHERE » par la couleur de votre choix en utilisant le code CSS approprié.
En conclusion
Changer la couleur du prix sur le thème Millionaire de Shopify est facile à faire et peut être accompli en seulement quelques étapes simples. Si vous voulez une personnalisation plus avancée, vous pouvez modifier le CSS du thème. Avec ces instructions, vous pouvez personnaliser votre site web Shopify pour le rendre unique !