Add Attributes to the Product

To associate the attribute Colors & Size to the product, do exactly as you would do for any other attribute belonging to WooCommerce types.

Add the new attribute and values in the section Attributes in product page.

WooCommerce Variation Settings

Once you have configured product settings through the created color attribute, we will see something like this in product detail page.

WooCommerce Variation Settings