Simple Linked Variations for WooCommerce

1. 

   First set your product as a variable one. You won't have any attributes so nothing will appear in the 'Linked attributes' tab. Save your product.

2. 

   Then set up some variations. Notice that if you want to hide a certain attribute dropdown, that you'll have to add a 'none' value as a default.

3. 

   After setting some variations we are ready to link them. Again, be sure to set the value for the attribute you don't want to appear to none, because WooCommerce won't let you have a non existing value for a variation.

4. 

   Now you can link attributes to the values you want them to appear on. In this case we are linking 'Frame-color' attribute to the 'Frame-dimensions' values that have frames.

5. 

   After saving your product check on the front end if you have hidden a select field. Notice that we don't have a frame color select drop down.

6. 

   We can now select the option without the frame.

7. 

   Or we can select the option with the frame - notice that the frame color is now here. Just like we needed.

1.0.6

• Update to ensure compatibility with latest WP version (5.2) and WooCommerce version (3.6.2) on Twenty Nineteen theme

1.0.5

• Fix the clear issue – clear was not working because some odd JS bug.

1.0.4

• Minor fix with JS not checking the existence of the DOM node, instead trying to check the value of the non existent node and then failing

1.0.3

• Fixed the select selector for attributes

1.0.2

• Fixed the issue with calling the product ID directly
• Minor CSS fixes

1.0.1

• Tested with WordPress 4.8 and WooCommerce 3.0.8 to ensure stability
• Fixed changed attributes select so that they work with the newest WooCommerce

1.0.0

• Initial Release