How to show discount percentage on motion theme?

Topic summary

A user seeks help displaying discount percentages alongside sale prices on the Motion theme. Currently, their product pages show only the discounted price without indicating the percentage saved.

Current situation:

  • The theme displays sale prices but lacks percentage indicators
  • User believes this functionality might already be built into the theme but cannot locate it

Desired outcome:

  • Show discount percentage (e.g., “Save 25%”) next to or near the sale price
  • Visual reference images were shared showing current vs. desired display

Suggested solution:

  • Calculate the discount percentage using Liquid: ((compare_at_price - price) / compare_at_price) * 100
  • Display the result in a “Bespaar” (Save) badge on the frontend
  • Requires editing the Liquid price template code

The discussion remains open, awaiting the user to share their existing price template code for more specific implementation guidance.

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

Hello,

Is there somebody who can tell me how can i get the discount percentage shown next to the discount price on the motion theme?

On my site its only showing this:

But i want it like this:

I think its already build in the theme but i cant find

Can you share the existing code for your Liquid price template?

If not, then the best solution for you is to do the calculation on the fly in Liquid.

You can calculate ((compare_at_price - price) / (compare_at_price)) * 100, and then display that in your “Bespaar” badge.