Comment ajouter dynamiquement une entrée de code de coupon à une page de produit spécifique en utilisant Divi

Iungi% coupon date d’expiration: date de sélection Ensuite, passez à la limite d’utilisation et assurez – vous que le Code de coupon ne s’applique qu’aux 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 l’inclure 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 n’avez qu’à 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 télécharger 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 l’éditeur de modèle de corps. Après avoir ajouté le corps de la page de produit au nouveau modèle, vous pouvez commencer l’é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 l’éditeur de modèles, et la première chose que nous devons faire est d’ajouter 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 L’animation complète la configuration de la section en ajoutant une animation. Styles d’animation
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, vous 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 cet article, nous vous montrons comment créer une barre de code de coupon et vous permettre de l’afficher automatiquement sur la page produit qui répond aux exigences du Code de coupon. C’est une excellente façon d’encourager davantage les visiteurs à acheter vos produits. Vous pouvez également télécharger gratuitement le fichier json du modèle! Si vous avez des questions, assurez – vous de laisser un commentaire dans la section commentaires ci – dessous. Si vous souhaitez en savoir plus sur Divi et recevoir plus de cadeaux sur Divi, assurez – vous de vous abonner à notre newsletter et à YouTube Channel afin que vous soyez toujours l’un des premiers à apprendre et à bénéficier de ce contenu gratuit.