Remove sold out badge on collection and product pages

[Franrulzok]

Hi, I'm using the Woodstock theme. Site URL is: https://leadingsolutions.net.au.

I've removed the 'sold out' and 'sale' text from the badges on the collection and product pages but looking to remove the coloured badge behind them too. See screenshot. 

Thanks!

[BSSCommerce-HDL]

Hi @Franrulzok, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

.price--sold-out .price__badge-sold-out, .price--on-sale .price__badge-sale {
    display: none !important;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Franrulzok]

Thanks for your reply. What about on the collection page view. It's still showing the below white block over the image...

[PageFly-Richard · Accepted solution]

Hi @Franrulzok 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.price__badge--in-card.price__badge, .card__inner .badge {
display: none !important;
}
</style>

When checking on the issue  for you, I've had an suggestion for you that you might consider to make it.

On the collection page, you can add the review star rating for each product above the title, and also make the product price become a highlighter

That will increase trust for your product - and also make customer easier to know the price as it is most important information of the product 

Hope this can help you solve the issue 

Best regards,

Richard | PageFly

[Franrulzok]

Thanks! I have enabled product ratings but think I have to configure an app too. What do you mean by 'make the product price become a highlighter' ?