Comment augmenter la taille de la police du prix sur Shopify ?
Étapes pour augmenter la taille de la police du prix sur Shopify
Pour personnaliser la taille de la police du prix sur Shopify, vous devez modifier le code de votre thème. Voici les étapes à suivre:
-
Connexion à l'interface d'administration Shopify: Aller sur le site de Shopify, connectez-vous à votre compte en utilisant vos identifiants.
-
Accès à l'éditeur de thème: Cliquez sur
Boutique en ligne
puisThèmes
. Une fois dans le tableau de bord des thèmes, localisez le thème que vous souhaitez modifier et cliquez surPersonnaliser
. -
Modifier le code du thème: Une fois que vous êtes dans l'éditeur de thème, sur la barre de menu à gauche, sélectionnez
Thème Actions
et cliquez ensuite surModifier le code
. -
Recherche du code relatif à la taille de la police du prix: Dans l'éditeur de code du thème, cherchez le fichier CSS (il se termine généralement par
.scss.liquid
) qui contrôle la taille de la police du prix. Cela peut varier en fonction du thème, mais vous devriez probablement commencer par chercher dans des fichiers commetheme.scss.liquid
oustyle.scss.liquid
. UtilisezCtrl+F
pour chercher rapidement "prix" ou "price" dans ces fichiers. -
Augmenter la taille de la police du prix: Lorsque vous trouvez le code relatif à la taille de la police du prix (peut ressembler à
.price
ou.product-price
), modifiez la valeur de la propriétéfont-size
. Assurez-vous d'indiquer une nouvelle valeur en pixels (px
), em (em
) ou rem (rem
). Par exemple, si l'ancienne valeur étaitfont-size: 14px;
, vous pourriez changer cela enfont-size: 18px;
pour une taille de police plus grande. -
Enregistrez les modifications: Appuyez sur
Ctrl+S
ou cliquez surEnregistrer
en haut à droite de l'écran pour enregistrer vos modifications.
Astuce supplémentaire
- Faire une sauvegarde de votre thème: Avant de modifier le code de votre thème, il est recommandé de faire une sauvegarde de votre thème actuel. Pour ce faire, allez à
Boutique en ligne
, puisThèmes
, cliquez surActions
et choisissezDupliquer
. Cela vous permettra de récupérer votre thème initial en cas de problèmes lors de la modification du code.