Iungi% coupon date damp;rsquoexpiration: date de sélection Ensuite, passez à la limite damp;rsquoutilisation et assurez que le Code de coupon ne samp;rsquoapplique quamp;rsquoaux produits de la catégorie de produits à rabais. Catégorie de produit: réduction 4. Après avoir ajouté un nouveau modèle à la catégorie de rabais et ajouté un nouveau modèle pour créer un code de coupon, il est temps de lamp;rsquoinclure dans la page produits connexes! Pour ce faire, allez à Divi Theme Builder et ajoutez un nouveau modèle.
Utilisez ce nouveau modèle dans la catégorie des produits à rabais. Pour: produits dans une catégorie de produits spécifique: rabais 5. Pour réutiliser le corps de la page de produit globale pour le nouveau modèle, faites glisser le corps du modèle de produit dans le corps du nouveau modèle. Vous namp;rsquoavez quamp;rsquoà faire glisser le corps du modèle de page de produit ordinaire dans le nouveau modèle pour réutiliser son corps. Dans ce tutoriel, nous utilisons une mise en page de produit en gras que nous avons créée dans un autre tutoriel. Vous pouvez le fichier json de la mise en page dans un billet de blog. 6. Ajoutez la barre de code de coupon supérieure au nouveau corps du modèle. Entrez lamp;rsquoéditeur de modèle de corps. Après avoir ajouté le corps de la page de produit au nouveau modèle, pouvez commencer lamp;rsquoédition. Les modifications apportées à ce modèle ne seront affichées que sur les pages de produits qui appartiennent à la catégorie de produits à rabais.
Ajoutez une nouvelle section en haut de lamp;rsquoéditeur de modèles, et la première chose que nous devons faire est damp;rsquoajouter une nouvelle section en haut. La couleur de fond ouvre la section paramètres et modifie la couleur de fond. Couleur de fond: e02b20 Espacement ensuite, supprimez tous les remblais supérieurs et inférieurs par défaut. Remplissage supérieur: 0px remplissage inférieur: 0px Lamp;rsquoanimation complète la configuration de la section en ajoutant une animation. Styles damp;rsquoanimation
Section Texte modifier les paramètres de texte du formulaire comme suit: caractères de texte: Montserrat poids de la police de texte: couleur du texte lourd: 000000 taille du texte: 19px alignement du texte: Centre
Redimensionnez puis changez les paramètres de taille. Largeur: module 50% aligné: Centre Ajouter un peu de remplissage en bas. Remplissage du Bas: 10px La bordure e complète la configuration du module en ajoutant la bordure inférieure. Largeur du bord inférieur: 1px couleur du bord inférieur: 3333 7. Après avoir sauvegardé les modifications du générateur de thème et vu les résultats de la page de produit modifiée, pouvez enregistrer les modifications au modèle, quitter le générateur de thème et voir les résultats sur la page de produit discount! Aperçu maintenant que nous avons terminé toutes les étapes, regardons enfin les résultats sur les différents écrans de taille. Bureau Mobile Dans nous montrons comment créer une barre de code de coupon et permettre de lamp;rsquoafficher automatiquement sur la page produit qui répond aux exigences du Code de coupon. Camp;rsquoest une excellente façon damp;rsquoencourager davantage les visiteurs à acheter vos produits. Vous pouvez également gratuitement le fichier json du modèle! avez des questions, assurez de laisser un commentaire dans la section commentaires ci dessous. souhaitez en savoir plus sur Divi et recevoir plus de cadeaux sur Divi, assurez de abonner à notre newsletter et à YouTube Channel afin que soyez toujours lamp;rsquoun des premiers à apprendre et à bénéficier de ce contenu gratuit.
Comment ajouter dynamiquement une entrée de code de coupon à une page de produit spécifique en utilisant Divi
