Make ‘Out of stock’ variations unable to be clicked/blurred

[djordjejeremicmad]

Hi there,

I have one product in my store that has multiple variations that act as individual products (when you visit shop/home page).

Can i somehow make the variations unclickable/blurred/crossed out when the variation is out of stock? I’m sending a screenshot of my swatches, to show you what i mean.

Also, could i have ‘add to cart’ button also blurred/unclickable/crossed out?

Thanks for the help!

• This topic was modified 5 months, 1 week ago by djordjejeremicmad.

Attachments:

You must be logged in to view attached files.

Hello,

Navigate WooCommerce > Settings > Products > Inventory and enable the “Hide out of stock items from the catalog” option: https://prnt.sc/F_fh2YsvXpfx

Best Regards.

Thanks.
Can i somehow show the products on the Shop/Home page as ‘Out of stock’ and have them unclickable on Product page?

Hello,

Disable the “Show single variation” option in Theme Settings -> Shop -> Variable product and check whether the out-of-stock products appear or not.

Kind Regards

[Author]

Posts