Personalized checkout and custom promotions with Shopify Scripts
Ive searched all over to find out how to show clearly on the collection productgrid the percentage the costumer will save but somehow I cant find anything about it anywhere and it only shows a yellow dot.. but when I click the product it look totally fine in the product page..
So hopefully someone in here have the solution the solve my problem.
Thanks a lot!!
I fixed it myself never mind 🙂
For others who might run into the same issue heres what I did.
shopify.admin - Themes - press the ... - edit codes - search for card-product.liquid - find the show-badges mine were at line 132 - remove the "<span id="NoMediaStandardBadge-{{ section_id }}-{{ card_product.id }}" class="badge badge--bottom-left color-{{ settings.sale_badge_color_scheme }}">{{ 'products.product.on_sale' | t }}</span>" - insert
{%- assign savings = card_product.compare_at_price | minus: card_product.price | times: 100.0 | divided_by: card_product.compare_at_price | round | append: '%' -%}
<span id="NoMediaStandardBadge-{{ section_id }}-{{ card_product.id }}" class="badge badge--bottom-left color-{{ settings.sale_badge_color_scheme }}">{{ savings }} OFF</span>
I´d remove the OFF to only show the percentage. 🙂
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025