Shopify themes, liquid, logos, and UX
Hi All,
I am using Brooklyn theme and I want to show the save % in the product page for each variant.
I have followed the code provided in post https://community.shopify.com/c/shopify-discussions/show-discounts-on-products-in-debut-theme/m-p/59... but it did not works fine for me. Currently my product page is showing like below. and I want to add a discount % behind the sales price
Regular Price Sales Price
Regular Price Sales Price (-50%)
below is the code I have to show the crossed regular price and sales price, and anyone can help me check where should I add for the discount %?
<span id="ProductPrice"
class="product-single__price
{% if variant.compare_at_price > variant.price %} on-sale{% endif %}"
itemprop="price"
content="{{ variant.price | divided_by: 100.00 }}">
{{ variant.price | money }}
</span>
Thanks!
Hey @Blochef,
Hope you are doing well.
Please follow the steps:
{% if product.compare_at_price_max > product.price %}
You save {{ product.compare_at_price_max | minus: product.price | times: 100.0 | divided_by: product.compare_at_price_max | money_without_currency | times: 100 | remove: '.0'}}%
{% endif %}
{% if product.compare_at_price_max > product.price %} ({{ product.compare_at_price | minus: product.price | money }}){% endif %}
Hope this will help you! Thanks!
► Need help with theme customization, speed optimization, fixing bugs?
Hi @SagarikaDas ,
Thank you for your help! I have inserted the code into the product.template. however, the calculation of the saved amount is not reflecting as per the variant changed like below
is there a code that I should change in the code for item price ?
Thank you
Best Regards,
Wendy
Hey @Blochef,
I tried it but didn't get the expected result. I would suggest you hire a Shopify expert.
► Need help with theme customization, speed optimization, fixing bugs?
User | RANK |
---|---|
197 | |
179 | |
83 | |
60 | |
47 |
Transform this holiday season into a shopping spree. Plus, learn how to effortlessly open ...
By Jasonh Dec 8, 2023Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023