Smart Coupons fournit une solution puissante et «tout-en-un» pour les chèques-cadeaux, les crédits de magasin, les coupons de réduction et les bons qui étendent les fonctionnalités de base des coupons WooCommerce.

Cet article de documentation explique comment modifier et concevoir le style des coupons  des coupons à afficher sur votre site.

Remarque: toutes les captures d’écran de cette page proviennent de la  version 4.9.0 . L’apparence des champs et des étapes mentionnés dans ce document peut différer si vous utilisez l’ancienne version.

Réglage

Accédez à WooCommerce> Paramètres> Smart Coupons . Vous pouvez trouver tous les designs disponibles pour le site Web sous Styles  et pour le courrier électronique sous Style pour le courrier électronique.

Dans la version 4.9.0 de Smart Coupons, un nouvel ensemble de modèles de coupons a été introduit. Ces conceptions ont été ajoutées en gardant à l’esprit la flexibilité et la facilité qu’elle offrira. Le nouveau système de conception de coupons comporte 2 parties: Couleurs et styles .Styles de coupons intelligents

Couleurs

Un ensemble de couleurs / jeu de couleurs prédéfinis est fourni. Vous pouvez facilement choisir la palette de couleurs de votre choix. Lorsque vous choisissez une couleur, vous pouvez voir l’effet immédiatement sur la même page sous Styles . Cela facilitera le choix d’une palette de couleurs pour les coupons de votre site Web.

Styles

Comme pour les couleurs , un ensemble de styles prédéfinis est fourni avec Smart Coupons. Vous pouvez choisir un style qui correspond à l’apparence de votre site Web.

Personnaliser le style de coupon

Vous pouvez personnaliser à la fois le composant des coupons : les couleurs et les styles.

Personnalisez les couleurs

Si les jeux de couleurs prédéfinis ne correspondent pas au jeu de couleurs de votre site Web, vous pouvez créer un jeu de couleurs de votre choix sous Personnaliser les couleurs . Avec ce paramètre, vous pourrez définir 3 couleurs de votre choix.

Personnalisez les styles

Parfois, vous devrez peut-être supprimer une partie du coupon qui s’affiche sur votre site Web ou vous voudrez peut-être ajouter plus de détails ou complètement remplacer le style par le votre. Il est possible de le faire avec Smart Coupons 4.9.0. Voyons comment faire :

  1. Sélectionnez un style de coupon parmi Styles qui est plus proche de votre résultat souhaité et enregistrez les paramètres.
  2. Maintenant, trouvez le fichier de modèle pour le style de coupon sélectionné et éditez. Voici la liste des styles de coupon et leur fichier de modèle respectif.
    STYLE DE COUPON FICHIER MODÈLE
    Coupons intelligents Style de base basic.php
    Clipper de style Smart Coupons clipper.php
    Découpe de style de coupons intelligents cutout.php
    Offre de style de coupons intelligents deal.php
    Livraison de style de coupons intelligents deliver.php
    Coupons intelligents style festif festive.php
    Style de coupons intelligents plat flat.php
    Promotion de style de coupons intelligents promotion.php
    Expédition de style coupons intelligents shipment.php
    Spécial Style Coupons Intelligents special.php
    Billet de style Smart Coupons ticket.php
    Style de coupons intelligents pour les e-mails email-coupon.php
  3. Aller dans le répertoire du fichier wp-content/plugins/woocommerce-smart-coupons/templates/coupon-design/
  4. Trouvez le modèle pour vos styles de coupon dans le chemin mentionné.
  5. Une fois trouvé, copiez ce fichier de modèle et collez-le à ce chemin:wp-content/themes/<child-theme-of-your-website>/woocommerce/coupon-design/
  6. Si un dossier manque dans le chemin mentionné ci-dessus, vous pouvez le créer.
  7. Maintenant, ouvrez ce fichier de modèle dans un éditeur
  8. Apportez les modifications selon votre choix, comme supprimer un élément, modifier n’importe quel texte, ajouter plus de détails comme CSS, etc.
  9. Une fois que vous avez terminé les modifications, vous pouvez enregistrer ce fichier. C’est tout.