BROOKLYN THEME REMOVE SOLD OUT OVERLAY

bwalk112
Tourist
18 0 3

I want to get rid of the overlay that appears on sold out product images. I do not want to remove the "sold out" badge, only the overlay, pictured below.

URL: Shopathena.co

 

Screenshot (7).png

 

 

0 Likes
hash777
Shopify Partner
164 9 23

@bwalk112  Hi therer, Soldout products overlay can be removed with custom coding. However to remove overlay from collection Try this

  • Go to Online Store > Actions > Edit Code.
  • Open the Assets folder and click on theme.scss.liquid.
  • Scroll to the botom of this page and add the following code:
 

 

 

.collection-collage__item-wrapper .collection-grid__item-overlay:after {
opacity: 0;
}

 

 

Copy

 

  • Click Save.

If helpful then please Like and Accept Solution.
THANKS

0 Likes