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?
What app are you using now? May be try other apps to see who offers this field on cart pages.
I would like to avoid using an app for this and am looking for custom code to update directly on shopify.
What version of dawn are you in?
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
I’m currently on Dawn 15.2.0.. but I have the option to update to 15.4.1
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.
Can this not be done through the ‘Edit Code’ option?
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.
Hi, thanks for posting on Shopify Community!
If you are seeking a free solution, would you be open to using another free Shopify theme?
The latest & free Horizon theme collection by Shopify allows customers to enter a discount code directly in the cart.
You can explore 10 free themes from the Horizon collection here:
Hope it helps,
Ellie from BOGOS: Free Gift Bundle Upsell
Hey, you can not directly move the native discount field from checkout to the cart in Shopify (especially on Dawn or any non-Plus store). Shopify only allows discount input at checkout by default, and that part is not editable.
Use a cart discount field workaround, AJAX or URL method, or you can add a custom input field in the cart and redirect users to checkout with the discount applied using a URL like/discount/CODE?redirect=/checkout. This does not move the field, but it feels like it is applied from the cart.
The second option is to use apps easier & more flexible some apps let you show discounts directly in the cart and preview savings before checkout.
For example, bundling apps Wizio Bundle Shopify app, can apply automatic discounts and show the final price in the cart itself.
One of my recommendations is that, instead of trying to move the field, it is usually better UX to show applied discounts or savings in the cart (via script or app).