Pro Product Swatch

Turn product variation selection dropdown into color, and button swatches. Botiga Pro extends the attribute type with three new options:
Color, Button and Image that allows to create variable products.

How to setup the product swatch:

1. First enable the
Product Swatch through Admin Dashboard > Appearance > Customize > WooCommerce > Single Products > Product Swatch:

file-zfbqq7gtj8-9144685

Create the attributes that will be used for product variations. For it, go to Admin Dashboard > Products > Attributes:

file-xtbt5fpyg1-6962442

Below is the result when we create, for example, “Color”, “Image” and “Size” attributes:

file-8qgu6dnjik-5724066

Configure the terms for each attribute. For it click in the “Configure terms” link:

file-j0zmupr43p-24700664. Create the terms for each attribute:

file-vyyyncgmyu-14685975. Edit or create a WooCommerce product and define the product type to Variable Product:

file-hlkmcofykn-9991182

6. In the
Attributes tab, select the attribute and click to Add. Then, check the option “Used for variations” and include the terms at “Value(s)”. Click in the button Save Attribute. Do these steps for all attributes you do want in your product. 

file-sghyuw50s8-27298397. In the Variations tab, click to “Add variation” through the “Go” button. Once the variation is added, select the attributes in the dropdowns and fill the options like image, SKU, price, etc… (you should click in the variation item to expand and see all the options)

file-41fqbwrmen-6237714

file-3wqn4rmxyo-5602785

8. Publish/save the product changes. This is the final result:

file-iqowokegrd-4609738