How to hide certain varaints swatch button while click anotherswatch button

For example, I have a category swatch button with variants such as Single, Double, and King, each with different available sizes. I want to hide certain size buttons when the Single variant button is clicked, as the available sizes vary for each category
how to do that please suggest some ways by scripting not working

Attachments:

You must be logged in to view attached files.

How do I hide certain variant swatch buttons when another swatch button is clicked

Hello,

Try to use the disabled swatch style, Navigate to Products > Attributes > edit attribute > Choose the disabled swatch.

So, you need to have the variant of the Product not checked with the Enable option on it and then the Disabled Swatch style will work accordingly.

See these images for reference:
https://snipboard.io/BMehIF.jpg
https://snipboard.io/NbOzfP.jpg

Let me know if you need further help!

Best Regards,

I tried, but it’s not hiding or disabling the button
it shows a alert message like “Sorry, no products matched your selection. Please choose a different combination.”

I want to hide unavailable variants, but while inspecting, the button still has the same class.

Attachments:

You must be logged in to view attached files.

am selected disabled style for the size button but its not working

Hello,

The disabled swatch style does not hide unavailable variations but rather disables them, preventing selection.

If the disabled swatch style is not working share the wp login details so I can check and give you a possible solution.

Best Regards,

ok i will share

Hello,

Your issue has been resolved. I have increased the “AJAX variation threshold” option in Theme Settings > Shop > Variable products: https://prnt.sc/x_BOGCelUZQ7. Check back on your site and check the issue.

Best Regards,

[Author]

Posts