Need to hide Discount Code field using Checkout Extensibility

Retired Boards Appdev Extensions
1

Hi I’m trying to build a custom app using the new Checkout Extensions.

One of the requirement is to remove the Discount Code field completely but still be able to use discounts codes through APIs.

I’ve created a new field where users can add a discount code and they can add products to the cart on the Checkout level using Checkout UI Extensions. Everything is fine and working, the last piece of the puzzle is just hiding the default Discount Code field so that customers wont get confused where to put the Discount Code.
Is there a way to visually hide it or remove it using the Checkout Extensibility tools?

It used to be simple with checkout.liquid because you just need to write a small CSS to hide Discount Field but we longer will be able to edit the checkout.liquid file in Checkout Extensibility.

Thankyou

2

Hi Asadnmalik,

For the new discount field that you’ve created - will these be using discount codes generated by the native Shopify discounts feature? One option you could explore would be to create your own input field that stashes on a cart attribute (which could be checked with a function).

3

Yes it will use native Shopify Discounts

4

@asadnmalik Did you manage to find a solution? I have the same issue.