How To Show Discount percent On website using Origin Theme

Store Design
1

Hello, how can you show discount percent on the website (I’m using the Origin theme)

1 Like
2

@Gossipladyz

You can do it very easily if you can modify the liquid files.
Just login in your shopify admin store. There you will see the option of online store.
Expand it here you will find the menu Theme.
Then from there you can find the option to edit the code and find “product-price.liquid” file.
In that files you can write the code after line number 12 write the below code
{% if compare_at_price %}
{% capture discount %}
{{ compare_at_price | minus:price | times:100 | divided_by:compare_at_price }}%
{% endcapture %}
{{ discount }}
{% endif %}

here {{ discount }} is you % discount you can use at any place in that liquid file.

Please let me know if it was helpful.

Thanks!

3

After updating the given code its not working

Gossipladyz_0-1688540938213.png
Gossipladyz_0-1688540938213.png1358×643 49.6 KB

Gossipladyz_1-1688541014124.png
Gossipladyz_1-1688541014124.png1327×472 508 KB

4

@Gossipladyz

Add liquid code to your snippets/price.liquid file.

5

The update was done on snippets/price.liquid file only

6

@Gossipladyz

code is working or not

7

no its not working

8

@Gossipladyz

This is code customization work Please hire a Shopify expert he can help you!

Thanks!