[HELP] Sale Badge not showing on Product Page in Horizon / Tinker Theme
Hello Shopify Community,
I recently migrated from the Dawn theme to the new Horizon theme (also testing with Tinker), and I’m having trouble replicating a customization I had working perfectly on Dawn.
What I want to achieve:
Display a sale badge next to the product price on the Product Page — either showing the discount percentage (e.g. “20% OFF”) or the saved amount (e.g. “Save ৳251”).
What I had working on Dawn:
For Collection Page — snippets/card-product.liquid:
Replaced {{- 'products.product.on_sale' | t -}} with:
{%- if card_product.compare_at_price > card_product.price -%}
{{ card_product.compare_at_price | minus: card_product.price | times: 100 | divided_by: card_product.compare_at_price | round }}% OFF
{%- endif -%}
For Product Page — snippets/price.liquid (around line 122):
Replaced {{- 'products.product.on_sale' | t -}} with:
{%- if product.compare_at_price > product.price -%}
{{ product.compare_at_price | minus: product.price | times: 100 | divided_by: product.compare_at_price | round }}% OFF
{%- endif -%}
Or alternatively to show saved amount:
{%- if product.compare_at_price > product.price -%}
{%- assign save_amount = product.compare_at_price | minus: product.price -%}
<span class="product__save">Save {{ save_amount | money_without_trailing_zeros }}</span>
{%- endif -%}
My problem with Horizon / Tinker:
- The sale badge does appear on the Collection page, so that part seems to work.
- However, the sale badge does NOT appear on the Product page next to the price.
- I cannot find
snippets/price.liquidin Horizon — the file structure is completely different from Dawn.
What I have tried:
- Searching for
on_saleacross all theme files in the code editor - Looking inside the
blocks/folder for price-related files
My questions:
- Where is the equivalent of
snippets/price.liquidin the Horizon theme? - Which file controls the sale badge on the Product page in Horizon?
- Is there a recommended way to show a dynamic sale badge (% OFF or Save amount) on the Product page in Horizon without breaking theme updates?
Any help would be greatly appreciated. Thank you!
