WooCommerce | How To Hide The Coupon Field On Checkout

October

2021

When using WooCommerce you man want to hide your coupon field. In this quick video Sterling runs you through disabling the coupon code field using 4 different methods:

Disable store wide using WooCommerce settings.
Disable the coupon field using a PHP Function.
Disable the coupon field using CSS.
Disable the coupon field while using Handsome Checkout.

PHP Function needed to disable coupon field on checkout

<?php

// Your PHP code goes here!

// hide coupon field on the checkout page
function disable_coupon_field_on_checkout( $enabled ) {
    if ( is_checkout() ) {
        $enabled = false;
    }
    return $enabled;
}
add_filter( 'woocommerce_coupons_enabled', 'disable_coupon_field_on_checkout' );

// hide coupon field on the cart page
function disable_coupon_field_on_cart( $enabled ) {
    if ( is_cart() ) {
        $enabled = false;
    }
    return $enabled;
}
add_filter( 'woocommerce_coupons_enabled', 'disable_coupon_field_on_cart' );

<?php

// Your PHP code goes here!

// hide coupon field on the checkout page

function disable_coupon_field_on_checkout( $enabled ) {

if ( is_checkout() ) {

$enabled = false;

}

return $enabled;

}

add_filter( 'woocommerce_coupons_enabled', 'disable_coupon_field_on_checkout' );

// hide coupon field on the cart page

function disable_coupon_field_on_cart( $enabled ) {

if ( is_cart() ) {

$enabled = false;

}

return $enabled;

}

add_filter( 'woocommerce_coupons_enabled', 'disable_coupon_field_on_cart' );

CSS Code needed to disable coupon field on checkout

.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-cart-form .coupon {
            display: none !important;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle,

.woocommerce-cart-form .coupon {

display: none !important;

}

WooCommerce | Custom Checkout Button & Input Style (Using CSS)

LearnDash Course Gift Guide for a WooCommerce Website

5 Essential Tips to Upsell/Downsell Products with WooCommerce

2 Comments

in Blog, eLearning, Tips and Tricks, WooCommerce

Sterling

Wordpress Plugin Expert, Head of Marketing @ HandsomeWP

Comments

Janelle

Can you help me do this for just one product?

October 28, 2021 Reply

Bogdan

Hey Janelle! Thanks for your question.

Yes, absolutely.

It’ll be a bit more code and it can be optimized further, but it does the thing 🙂

To disable coupon field for just one product use the below PHP code instead.

Basically, it scans through items in the visitors cart to find your selected product ID.

And if this product ID is found, it disables the coupon.

Don’t forget to replace 999 with your desired product ID.

// hide coupon field on the checkout page

function disable_coupon_field_on_checkout( $enabled ) {

    if ( is_checkout() ) {

        $product_id = 999;
        $in_cart = false;
        
        foreach( WC()->cart->get_cart() as $cart_item ) {

           $product_in_cart = $cart_item['product_id'];

           if ( $product_in_cart === $product_id ) $in_cart = true;
        }

        if ( $in_cart === true )
        {
            $enabled = false;
        }
    }

    return $enabled;
}
add_filter( 'woocommerce_coupons_enabled', 'disable_coupon_field_on_checkout' );
 
// hide coupon field on the cart page

function disable_coupon_field_on_cart( $enabled ) {

    if ( is_cart() ) {

        $product_id = 999;
        $in_cart = false;
        
        foreach( WC()->cart->get_cart() as $cart_item ) {

           $product_in_cart = $cart_item['product_id'];

           if ( $product_in_cart === $product_id ) $in_cart = true;
        }

        if ( $in_cart === true )
        {
            $enabled = false;
        }
    }

    return $enabled;
}
add_filter( 'woocommerce_coupons_enabled', 'disable_coupon_field_on_cart' );

// hide coupon field on the checkout page

function disable_coupon_field_on_checkout( $enabled ) {

if ( is_checkout() ) {

$product_id = 999;

$in_cart = false;

foreach( WC()->cart->get_cart() as $cart_item ) {

$product_in_cart = $cart_item['product_id'];

if ( $product_in_cart === $product_id ) $in_cart = true;

}

if ( $in_cart === true )

{

$enabled = false;

}

return $enabled;

}

add_filter( 'woocommerce_coupons_enabled', 'disable_coupon_field_on_checkout' );

// hide coupon field on the cart page

function disable_coupon_field_on_cart( $enabled ) {

if ( is_cart() ) {

$product_id = 999;

$in_cart = false;

foreach( WC()->cart->get_cart() as $cart_item ) {

$product_in_cart = $cart_item['product_id'];

if ( $product_in_cart === $product_id ) $in_cart = true;

}

if ( $in_cart === true )

{

$enabled = false;

}

return $enabled;

}

add_filter( 'woocommerce_coupons_enabled', 'disable_coupon_field_on_cart' );

Cheers!

October 28, 2021 Reply

WooCommerce | How To Hide The Coupon Field On Checkout

PHP Function needed to disable coupon field on checkout

CSS Code needed to disable coupon field on checkout

Related posts:

Comments

Leave a Reply Cancel reply