I would like to hide the discount input field on our checkout page. Using checkout UI extensions

Shopify Discussion

Topic summary

Goal: Hide the discount code input field on the Shopify checkout page.

Request: Asks if Checkout UI extensions allow adding custom CSS or JavaScript to achieve this (specifically to hide the discount input field).

Attempts so far: Explored Shopify Checkout UI extensibility, Shopify Functions, and the Branding API, but couldn’t find a way to target or modify the existing discount field.

Context: The poster is new to Checkout UI extensions and is seeking guidance on whether this is possible and how to implement it if so. These mentioned tools are Shopify’s mechanisms for customizing checkout behavior and styling, but no working approach was identified by the poster.

Outcome/Status: No solution provided yet; no confirmations or workarounds shared. The discussion remains open with the key question unanswered. No images, videos, or code snippets are central to this thread.

Summarized with AI on January 3. AI used: gpt-5.
1

Shopify’s ui extensibility seems really powerful and flexible. But I would like to know if there is any way to add a custom CSS or js file in the Checkout UI extension. To be particular, I would like to hide the discount input field on our checkout page. I tried to figure out the checkout UI extensions, but I am new to this field. Please reply to this comment, if anyone has a solution to it. thank you. Tried checkout ui extensibility, shopify function, branding api, but didnt find solution to target already exist field.

I tried to figure out the checkout UI extensions, but I am new to this field. Please reply to this comment, if anyone has a solution to it. thank you. Tried checkout ui extensibility, shopify function, branding api, but didnt find solution to target already exist field.