I’m trying to find a way to group colours into sections in Woocommerce. I’ve searched through a variety of plugins both free and premium, but nothing matches my goal.
What I’m after:
My product is a metal skylight. It can be painted in either: Colourbond, Colourbond Matt, or Colourbond Ultra.
To keep things simple:
- Colourbond paint comes in colours red, pink, and white
- Colourbond Matt comes in colours blue, purple, and black
- Colourbond Ultra comes in colours green, yellow, and gray
I want the customer to select the paint type they want and then be presented with the colour options available. The colours should be shown in swatches (I’m currently using the plugin Variation Swatches for WooCommerce to show the swatch, I’d like a similar layout).
Thanks for the help.
2
Answers
I ended up completing the task by:
Then I used some simple JS to hide the attributes that were not selected by the 'master' attribute.
I am using the same plugin. I came up with the following solution: Find the first swatch in each swatch group and add a title before it for each group of swatches. You can then style it with CSS to have a grouped look.