Removing sale badge collection page

Store Design
,
1

Hello,

does anyone have a code to remove the sale badge on the collection page? I use dawn theme

miyucollective.com

1 Like
2

Hey @Nienke_pr

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

{% if template contains 'collection' %}

{% endif %}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hi @Nienke_pr

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
div#ProductGridContainer .card__badge.bottom.left {
    display: none;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

4

Hello @Nienke_pr
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.card__badge.bottom.left {
display: none !important;
}

result

12.png
12.png1177Ă—514 296 KB

If this was helpful, hit the like button and accept the solution.
Thanks

5

Hi @Nienke_pr

You can add this code to Custom CSS in Online Store > Themes > Customize > Theme settings to remove sale badge.

.card__badge { display: none !important; }