Icon Theme- Trying to remove Sale Tag that shows percent off

Shopify Discussion
,

Topic summary

A user running the Icon theme wants to hide prices for non-logged-in visitors but encounters two issues:

Problem 1: Sale badges showing percentage discounts (e.g., “18% off”) remain visible even when prices are hidden.

Problem 2: When using the “compare at price” feature, the login/register prompt appears twice.

Solutions Offered:

  • pawankumar suggests wrapping sale badge code in snippets with {% if customer %} conditional logic to display only to logged-in users.

  • ZestardTech provides a CSS solution: adding .sale-item.sale-item--percentage-inc { display: none; } to the stylesheet.css file.

Outcome: The user confirmed ZestardTech’s CSS approach successfully resolved the sale badge visibility issue. The duplicate login prompt problem remains unaddressed in the thread.

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

I am using the Icon theme and have my prices hidden unless you are logged in.

Two things are happening when I hide the prices.

  1. The price is hidden but the 18% off sale tag still shows up. See herehttps://www.yourskincaresource.com/collections/alastin-skincare

  2. When I use the “compare at” price feature the login or register to view prices appears twice.

Any advice? I have enclosed link for review. Thank you in advance

1 Like
2

Hi,
I hope you are doing good.
To hide sale badge, search for “sale-item” in your snippet
and wrap that to

{% if customer %}
Your sale badge code here
{% endif %}

You can try it at every place which you want to show only to logged in customers.
I hope the above is useful to you.
Thanks!

3

Hello There,

Admin go to online store → themes → actions → edit code
Find Asset >stylesheet.css and paste this at the bottom of the file:

.sale-item.sale-item--percentage.icn {
display: none;
}
1 Like
4

Hooray!! That worked, thank you!

1 Like
5

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.

6

Hi,
But there is no such property product.price_visible on product object in shopify
Thanks!