Brooklyn Theme - Cross Out Sold Out Size Variants

shelleyklassen
Tourist
5 0 3

Hello,

I want my product pages to show sold out variants as crossed out (like the photo below) I have already unchecked "continue selling once sold out" but it still isn't crossing out the sold out sizes. 

For instance this product, https://blushingboutique.com/products/renee-ruched-sweater-dress?variant=36830778753186 is sold out in size XS colour Teal, I would like it to look like the image below so it's easier for my customers to see what variants are in stock. I can't build code but I could insert the code if anyone could provide a snippet and tell me where to place it. 

Thank you in advance! 

Annotation 2020-09-08 125057.jpg

 

Replies 3 (3)

FiercelyFeminin
Visitor
1 0 0

Hi!

I also have the Brooklyn theme and am having the same issue right now, did you ever figure this out?

Thanks! 

Be_Steven
Shopify Partner
142 28 39

I think by default of the theme, the slash for sold out option only works correctly with product have only 1 option.

eg: this product has only Size option
https://themes.shopify.com/themes/brooklyn/styles/classic/preview

When you have more than one attribute to setup the variants eg: Size & Color.
It will not add slash to XS because there are still have other options that are in stock.
eg:
XS - Teal -> out stock 

but 

XS - Burgundy -> in stock

That's why the default theme didn't make the slash for out stock option when you have more than 1 options


Making slash follow your requirement is able to do.

It take time to make, not a quick change. So if you're not familiar with coding, you should hire a developer to do it for you.

Was my reply helpful? Please Like and ✔️ Accept Solution. This mean alot to me.
I'm looking for a remote job. Please contact me via besteven0912@gmail.com

tanmaymehta
Tourist
11 0 4

Hello @shelleyklassen, I have found this app called Camouflage: Hide Sold Variants that works exactly like you want it too! Do give it a try 🙂