Debut Theme - Disable grey sold-out product overlay

Highlighted
New Member
2 0 0

Hi!

I would like to disable the Debut theme feature that turns the image of my products grey (on the collections page) when they are sold out. I'm a total novice when it comes to editing code, but if someone can suggest how I can modify the theme to disable the grey effect that would be awesome!!

Thank you!!

0 Likes
Highlighted
Shopify Partner
1159 31 204

Hey Julie,

Remove the class highlighted here in snippets/product-card-grid.liquid > http://take.ms/AZCIm

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution
- Available for hiring. lixon@ecommercestudio.in
1 Like
Highlighted
New Member
2 0 0

That worked! I just deleted the section you highlighted and now the items are full color. OMG! You are a lifesaver! Thank you!!!

0 Likes
Highlighted
Shopify Partner
3 0 2

Alternative solution, can try add CSS below to bottom of theme.scss.liquid file:

 

.grid-view-item__image {
.grid-view-item--sold-out & {
opacity: 1!important;
}
&.lazyload {
opacity: 1!important;
}
}

 

 

1 Like
Highlighted
Tourist
5 0 1

That worked also :-)

 


@silvertim wrote:

Alternative solution, can try add CSS below to bottom of theme.scss.liquid file:

 

.grid-view-item__image {
.grid-view-item--sold-out & {
opacity: 1!important;
}
&.lazyload {
opacity: 1!important;
}
}

 

 


 

1 Like
Highlighted
Excursionist
24 0 6

@silvertim wrote:

Alternative solution, can try add CSS below to bottom of theme.scss.liquid file:

 

.grid-view-item__image {
.grid-view-item--sold-out & {
opacity: 1!important;
}
&.lazyload {
opacity: 1!important;
}
}

 

 


Hmm. Doesn't seem to be working on the Minimal Theme.  Suggestions?

0 Likes