Le champ Appliquer le coupon ne s'affiche pas dans le panier / la caisse

Si le champ "Appliquer le coupon" de WooCommerce ne s'affiche pas dans le panier ou sur la page de paiement, cela peut être dû à plusieurs raisons.

Voici une liste de contrôle pour vous aider à résoudre le problème (vous pouvez peut-être le faire sur un site de démonstration) :

1. Paramètres de WooCommerce: Assurez-vous que l'utilisation des coupons est activée. Aller à WooCommerce -> Paramètres -> Général et cochez la case "Activer l'utilisation des codes de réduction".
2. Compatibilité des thèmes: Certains thèmes peuvent remplacer les modèles WooCommerce et supprimer accidentellement le champ du coupon. Essayez de passer temporairement à un autre thème comme Vitrine pour voir si le problème persiste. Vous pouvez également vérifier les paramètres de votre thème et voir s'il dispose d'une option permettant d'afficher l'option "Appliquer le coupon" sur votre page de paiement.
3. Plugins en conflit: Désactivez les autres plugins un par un pour voir s'il n'y a pas un conflit qui fait disparaître le champ du coupon.
4. Code personnalisé: Si vous avez des extraits de code personnalisés ajoutés à la section functions.php ou un plugin spécifique au site, assurez-vous qu'il n'y a rien qui puisse cacher le champ du coupon.
5. Remplacements de modèles: Vérifiez que votre thème n'a pas supplanté l'option cart.php modèle. Aller à WooCommerce -> État du système -> Modèles et recherchez les modèles surchargés. Mettez à jour ou supprimez les dérogations si nécessaire.
6. Questions relatives à JavaScript: La console du navigateur peut afficher des erreurs JavaScript qui pourraient masquer le champ du coupon. Vérifiez les erreurs et résolvez-les.
7. Style CSS: Parfois, le CSS peut cacher le champ du coupon (affichage : aucun ;). Vérifiez vos fichiers CSS et les styles en ligne.

Si vous vous sentez à l'aise, vous pouvez également essayer d'ajouter manuellement le formulaire de coupon à votre panier ou à votre page de paiement à l'aide d'un crochet dans la section functions.php ou en utilisant un fichier extraits de code plugin.

Voici un exemple :

Panier :

Ce code accrochera le formulaire de coupon juste avant le tableau du panier sur la page du panier. Veillez à ce que l'élément woocommerce_before_cart_table soit présente dans votre modèle de panier pour que cela fonctionne.

function custom_add_coupon_field_to_cart() {
  if ( wc_coupons_enabled() ) {
    woocommerce_form_field( 'coupon_code', array(
      'id' => 'coupon_code',
      'label' => __('Coupon', 'woocommerce' ) . ':',
      'placeholder' => __('Code coupon', 'woocommerce' ),
      'class' => 'input-text',
    ), '' ) ;
  }
}
add_action( 'woocommerce_before_cart_table', 'custom_add_coupon_field_to_cart' ) ;

Sortie :

Ce code accrochera le formulaire de coupon juste avant le passage à la caisse. Veillez à ce que l'élément woocommerce_before_checkout_form soit présente dans votre modèle de caisse pour que cela fonctionne.

function custom_add_coupon_field_to_checkout() {
    if ( ! is_checkout() || WC()->cart->is_empty() ) {
        retour ;
    }

    echo '<div class="woocommerce-form-coupon-toggle">' ;
    echo '<p>' . __('Have a coupon ? Click here to enter your code.', 'woocommerce' ) . '</p>' ;
    echo '</div>' ;

    woocommerce_checkout_coupon_form() ;
}
add_action('woocommerce_before_checkout_form', 'custom_add_coupon_field_to_checkout', 10 ) ;

Faites toujours une sauvegarde de votre site avant d'y apporter des modifications.