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 on the product page.
Once you have configured product settings through the created color attribute, we will see something like this on the product detail page.
