In WooCommerce variable products each variation option comes in a dropdown. It's not bad but it's not very visual. In this tutorial we will see how to change it to buttons.
We will also see that if the options are buttons we can add the button with the color so that it is very intuitive.
That is, we would go from this format:
to this other:
If the options are not colors, they will appear with the options in buttons as you can see below:
As you can see, much more intuitive and usable than a dropdown.
Video tutorial:
Subscribe to my channel:
We have to install the free plugin Color and Image Swatches for Variable Product Attributes
And once installed we go to Products –> Attributes and enter the specific attribute in which we want to add the button. To enter we click on "configure terms" and on the term on the edit button:
We will see that an option appears that did not appear before: "Type", this option can be None or Color:
If we choose color we will make the button the color we want and if we choose none it will be a button with text.
How you can see is very simple but the result is very interesting.
I hope it will be useful to you 😉
regards