Élément d'étiquette de remise

À propos de l'élément Discount Tag

Le Étiquette de remise est un élément enfant du Module produit dans GemPages. Sa fonction principale est d'afficher la remise appliquée à un produit, en pourcentage (%) ou en montant (par exemple, 10 $ de réduction). Ceci est particulièrement utile pour les boutiques proposant des soldes, des offres à durée limitée ou pour afficher visuellement les baisses de prix.

Cas d'utilisation typiques :

• Afficher le % de réduction à côté du prix de vente
• Mettez en évidence les économies dans les listes de produits
• Afficher les informations de remise sur les pages de destination ou les pages de collection

Comment ajouter l'élément Discount Tag à votre page ?

Puisqu'il fait partie du module Produit, l'étiquette de remise doit être placée dans le module pour fonctionner correctement.

Configuration recommandée : Affichage avec le prix du produit et le prix comparé

Suivez ces étapes pour ajouter un élément de balise de réduction à votre page à l’aide de GemPages Editor v7.

Étape 1: Dans le Tableau de bord GemPages, sélectionnez la page sur laquelle travailler et accédez à l'éditeur. Si vous n'avez pas de Module produit, faites-en glisser un sur votre page. 

Étape 2: Placez un élément de ligne à l'emplacement souhaité et divisez-le en trois colonnes. Largeur de colonne, Sélectionnez "Adapté au contenu. »

Étape 3: Placez le prix du produit dans la première colonne, suivi du prix comparé dans la deuxième colonne. L'étiquette de remise doit être placée dans la dernière colonne. 

En cliquant sur l'élément Étiquette de remise, vous remarquerez la configuration des paramètres affichée dans la barre latérale gauche. Elle se compose de deux onglets principaux : Paramètres Avancé. 

Configurer l'onglet Paramètres

Type – Contenu

Vous avez le choix d'afficher soit le montant économisé, soit le pourcentage pour votre produit. Menu section, entrez le tag que vous souhaitez mettre en valeur.

Gardez à l’esprit que la devise reflétera votre Administrateur Shopify. Si vous souhaitez modifier le format, vous pouvez le faire en allant sur Administration Shopify > Paramètres.

Texte

Style:Sélectionnez un style pour le texte parmi les styles prédéterminés disponibles.

Fonte: Choisissez la police de votre étiquette de texte dans le menu déroulant. Si vous souhaitez utiliser d'autres polices, consultez la section Comment utiliser une police de caractères police personnalisée ici.

Formats:Déterminez votre taille de police préférée.

Couleur: Choisissez une couleur dans la palette ou saisissez le code hexadécimal de la couleur. 

Cliquez sur le « Afficher plus » bouton pour révéler plus d'options de personnalisation. 

Poids de polices: Choisissez le poids de police souhaité dans le menu déroulant fourni.

Hauteur de ligne: Ajustez la hauteur du texte en spécifiant une valeur de pourcentage.

L'espacement des lettres:Modifiez l'espacement entre les lettres en saisissant une valeur en pixels.

Transformation de texte: Transformez le texte en majuscules, minuscules ou en majuscules selon vos besoins.

Couleur de fond

Choisissez une couleur dans la palette ou saisissez le code couleur hexadécimal de la couleur d'arrière-plan de l'étiquette de réduction. 

Frontière

Frontière: Définissez l'apparence de la bordure de votre balise en sélectionnant la couleur, le style et la position de la bordure.

CORNER:Entrez votre valeur préférée dans la case prévue à cet effet pour obtenir la courbure de bordure souhaitée.

Taille

Choisissez une taille dans la liste déroulante ou personnalisez la taille de votre étiquette en cliquant sur le bouton à trois points.

Aligner

Ce paramètre vous permet de déterminer la manière dont l'élément est positionné sur votre page. Vous avez le choix entre trois options : aligné à gauche, centré et aligné à droite.

Configurer l'onglet Avancé

Pour une personnalisation plus avancée, veuillez accéder au Onglet Avancé et suivez les instructions dans cet article.

Questions fréquentes

1. Pourquoi l'étiquette de réduction ne s'affiche-t-elle pas ?

S'assurer:

• L'étiquette de réduction est placée à l'intérieur un module de produit
• Le produit possède à la fois un Tarif , l’aspect économique Prix ​​comparés défini dans Shopify. Si aucun prix comparable n'est défini, la remise ne peut pas être calculée.

2. Puis-je utiliser l'étiquette de réduction sur la liste des produits ?

Oui, vous pouvez faire glisser l'étiquette de réduction dans le Liste des produits élément permettant d'afficher des remises sur les collections ou les pages de destination.

3. Puis-je modifier le format d’affichage de la remise (par exemple, afficher « Économisez 10 $ » au lieu de « -10 % ») ?

Oui. Dans le paramètre « Type », choisissez entre Montant ou Pourcentage et personnalisez le texte en conséquence.

4. La remise indique 0%, que dois-je faire ?

Vérifiez à nouveau la configuration de votre produit Shopify :

• Le prix comparé doit être augmentation que le prix.
• Les deux champs doivent être remplis pour que la remise soit calculée correctement.

5. Puis-je styliser la balise différemment pour la vue mobile ?

Oui, en utilisant les paramètres réactifs de GemPages, vous pouvez ajuster la taille, l'alignement ou la visibilité par appareil.