PRESTIGE Theme - Adding Sold Out overlay to products on collection feed

New Member
1 0 0

Hi guys, I've been looking everywhere for help on this subject and can't find anything for the Prestige theme to save my life. Currently, this theme has a tiny, unnoticeable "sold out" label above the top left of the product image like so: 


Its so small and honestly....dumb. I'm trying to do something like the following instead when a product is completely sold out so the customer can see right away that a product is no longer available: 



I've tried looking at app add-ons but none of them look good. I'm wanting something simple yet noticeable. Does anyone have a way to code this in?

This is my collection page URL where I would be needing the change:

Shopify Partner
3241 363 531

@MorganR1 - please add this css to the very end of the theme.scss file and check, it will look like screenshot below, it can be made center but then all labels like sale too will be in center.

.ProductItem__LabelList {left:0; width: 100%;}

.ProductItem__Label--soldOut {
    background-color: rgba(0,0,0,0.2);    width: 100%;    max-width: 100%; font-weight: bold;
    font-size: 18px;




You are welcome to contact me, my email -
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly