How to move discount code field from checkout page to cart

Store Design

Topic summary

Goal: Move the discount code field from the checkout page to the cart in Shopify’s Dawn theme so customers can see the discount amount before starting checkout.

Context:

  • Currently, the discount (promo) code input appears only at checkout by default.
  • The requester wants this UI element on the cart page to preview savings earlier.

Request:

  • Confirm if Dawn supports this natively.
  • If not, provide custom code and step-by-step implementation instructions to add the discount field to the cart.

Status:

  • No solution or instructions provided yet.
  • Discussion is open and awaiting guidance or code examples.
Summarized with AI on February 2. AI used: gpt-5.
1

Currently, the discount code field appears on the checkout page by default. However, I would like to move the discount code field to the cart so that customers can see the discount amount before they proceed with checkout steps. Is there a way to do this on the Dawn theme? If not, can someone help me with a code (along with instructions) to get this done?

2

What app are you using now? May be try other apps to see who offers this field on cart pages.

3

@Pawsitivelyquir try this > Shopify Show Discount On Cart Page – OnHOW

4

I would like to avoid using an app for this and am looking for custom code to update directly on shopify.

5

What version of dawn are you in?

6

I did come across this, however, this is a widget to show various discounts available on the store. What I’m looking for is for the discount code field itself to be moved from the checkout page to the cart so that cutomers can see the discounted price in the cart rather than the checkout page alone

7

I’m currently on Dawn 15.2.0.. but I have the option to update to 15.4.1

8

The field cannot be moved from checkout unless you are on plus plan because basic and advanced plan does not offer checkout customisation like these and also this is native Shopify since you created the discount in the backend Shopify shows a discount field at the checkout as well.

9

Can this not be done through the ‘Edit Code’ option?

10

I believe it can be implemented but might need some code if there’s no templates available in the already built theme, but yes it it possible.