Removing unavailable product options from shop buttons

I want my product options to shift to show only whats available when my customers are selecting the material.

First choice for them to select is Paper or Canvas.

For paper, I want only size 16x16 and 20x20 to show up under the size options.

If they select canvas, I want only 30x30 and 40x40 to show up under the size options.

Squarespace says once you have 3 or more options, they stop removing unavailable pairings and instead just disable the add to cart button. This is confusing for buyers I think.

Can someone tell me how to insert code to hide the unavailable buttons?

Thank you!

1 hour ago, Emmalyn said:

I want my product options to shift to show only whats available when my customers are selecting the material.

First choice for them to select is Paper or Canvas.

For paper, I want only size 16x16 and 20x20 to show up under the size options.

If they select canvas, I want only 30x30 and 40x40 to show up under the size options.

Squarespace says once you have 3 or more options, they stop removing unavailable pairings and instead just disable the add to cart button. This is confusing for buyers I think.

Can someone tell me how to insert code to hide the unavailable buttons?

 

Thank you!

Can you share your URL so we can check it?

https://emmalynmariestudio.com/shop/p/finding-flow-in-letting-go-art-print