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!
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.
User | RANK |
---|---|
134 | |
98 | |
88 | |
60 | |
47 |
Connect your PayPal account to allow your customers to checkout using the PayPal gateway a...
ByYour online store speed can enhance your store’s discoverability, boost conversion rates a...
ByShopping is at our fingertips with mobile devices. Is your theme optimized to be user-frie...
By