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.

Add Attributes to the Product

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

Attributes at Product details page