Product page discount code and final price

Shopify Discussion

Topic summary

A user is seeking a way to display discounted prices with custom discount codes directly on product cards and product listing pages. They provided an example image showing the desired functionality.

Current Status:

  • A developer responded that this requires custom coding specific to the store
  • They created a quick proof-of-concept on a test Dawn theme
  • The initial implementation is not yet dynamic and needs additional development time

Next Steps:

  • The developer shared a preview link to review the design
  • Custom code will need to be modified according to the specific theme and added to the store

This remains an ongoing development task with no final solution implemented yet.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.
1

Hi

I’m working on some way to show the price with a discount code on a product card and the product listing page like here:

Image_20231118_102929_130.jpeg
Image_20231118_102929_130.jpeg1242×2556 156 KB

Any idea, Custom code or app?

2

Hi @Galambleh ,

This is a custom feature that needs to be coded specifically for the store. I was able to quickly code this on my test Dawn theme. Currently, my code is not dynamic, and I will need to spend more time building this component on my Dawn theme.

Also, this code needs to be custom added to your store and modified according to your theme.

Meanwhile, please review the design here: https://mangit.myshopify.com/products/sports-hooded-sweatshirt