Comment personnaliser la police ou la couleur des badges des cartes produit ?

Liens en vedette

1. Documentation Company XYZ sur Custom CSS
2. Documentation Shopify sur la personnalisation des paramètres de thème
3. Documentation Shopify sur l’ajout de CSS personnalisé à votre thème

Vidéos utiles

Vidéo Shopify Academy : personnaliser votre boutique

Vidéo Shopify Academy : personnaliser votre boutique

Utilisez le paramètre Body font d’Align pour modifier la police utilisée par les badges des cartes produit. Si vous souhaitez uniquement modifier la couleur du badge, ajoutez une courte règle dans Custom CSS.

Modifier la police du badge

1. Dans l’éditeur de thème, ouvrez Theme settings.
2. Ouvrez Fonts et choisissez votre Body font.
3. Enregistrez vos modifications et prévisualisez une carte produit avec un badge de promotion ou de rupture de stock.

La police Body s’applique également à d’autres textes secondaires dans le thème, et pas uniquement aux badges. Pour une vue d’ensemble plus complète, consultez la documentation Shopify sur la personnalisation des paramètres de thème

Modifier la couleur du badge

1. Accédez à Theme settings → Custom CSS.

2. Ajoutez la règle suivante en remplaçant la couleur d’exemple par la valeur de votre choix :

   .card__badge {
     color: #1a1a1a;
   }

3. Enregistrez vos modifications et vérifiez chaque type de badge utilisé dans votre boutique.

Pour obtenir des informations de configuration spécifiques à Align, consultez la documentation Company XYZ sur Custom CSS. Pour plus d’informations, consultez la documentation Shopify sur l’ajout de CSS personnalisé à votre thème