How to remove Sold out button icon from thumbnail when using the Vogue theme?

Store Design
1

Hello there. Can anyone help me? I am trying to remove the Sold Out icon from the Collections Page (thumbnail) for brand image consistency.

We are using the Vogue Theme. I tried to figure out myself with no success. I will appreciate any guidance.

Thanks in advance.

2

Please consider adding the store URL.

3

@Gveandco

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

Thank you @KetanKumar for offering help.

Here you can see what my issue is: https://www.gve.co.uk/collections/giclee-prints

I want to remove the icon on the thumbnail, but keep the “sold out” button in the product’s page.

Is there a way to do it by editing the code?

As I stated on my previous message, we use the Vogue Theme.

Any help will be highly appreciated!

5

@Gveandco

yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss ->paste below code at the bottom of the file.
.product-badge.product-badge-unavailable {display: none;}
6

Many thanks @KetanKumar .

I have tried and it worked!

You are a star! :slightly_smiling_face:

7

@Gveandco

its my pleasure to help us

8

Hello i am using Bullet Theme & having this same problem. Although i dont see theme.scss after i open the assets drop down menu. not sure where i can paste the code.