I am looking for the location and code to remove the Sales Badge from the theme Fashionopolism. I’ve seen post for other themes but the sections are different.
Here is the url to the website:
Thanks,
Chris
A user seeks to remove the sales badge from collection pages on the Fashionopolism Shopify theme.
Two CSS Solutions Provided:
.sale-item{display: none;} to the bottom of the stylesheet.css fileAlternative Code-Based Approach:
product-grid-item.liquid (or similar file depending on theme version){% if product.compare_at_price > product.price %}
<span class="badge sale">Sale</span>
{% endif %}
Status: Multiple solutions offered; awaiting confirmation from original poster on which method worked.
I am looking for the location and code to remove the Sales Badge from the theme Fashionopolism. I’ve seen post for other themes but the sections are different.
Here is the url to the website:
Thanks,
Chris
@ChrisKap please add this css to the very end of your stylesheet.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → stylesheet.css
.sale-item{display: none;}
Please add the following CSS code to your assets/stylesheet.css bottom of the file.
.sale-item{display: none;}
Thanks!
Hey! I had the same issue when trying to customize the Fashionopolism theme for my collection pages. To remove the sales badge, I edited the theme’s code:
Go to Online Store > Themes > Edit code
Open product-grid-item.liquid or similar file (it depends on the theme version)
Look for the section that adds the “Sale” badge — something like:
{% if product.compare_at_price > product.price %}
Sale
{% endif %}
If you’re not sure about editing theme code, I shared a quick guide on what I did on my blog:
Hope that helps someone else struggling with this!