Brooklyn Theme - Cross Out Sold Out Size Variants

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!

Hi!

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

Thanks!

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.

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 :slightly_smiling_face: