In this tutorial, we create the color and size attribute, which is shown in the products as shown below in the image and afterward we create variations products in woocommerce.
E-commerce Business are trending in the market in today’s world. Variation Products means a product that has color and size etc. which we can show on the product details page. variations products in woocommerce is required for the products which have size, color and weight, etc
Now we start with our tutorial:
Creating WooCommerce Variations Attribute:
1) Size
2) Color
Steps as shown below:
Step 1: Go to the WordPress admin dashboard.
Step 2: In Left side navigation there is Products and inside them there is Attribute click it as shown below

Step 3: In Add new attribute Enter Name and Slug for example: Name-: Color and Slug:- color and click Add attribute.
Step 4: Click to configure terms to add item which are in attribute as shown below. for example color: black, blue, etc.

Step 5: Add New color enter color name and slug and click to add new color
After creating an attribute We use the attribute to create the variable products.
Creating WooCommerce Variations Products:
Step 1: Go to products and click Add New.
Step 2: Enter the title and description and come below there is product data. Select Variable Product and put the details as per your requirement.
Step 3: Click the attribute from the side navigation. Choose color and click Add. Now one box is open click select all to add all the attributes or click the text box to select the color then click to save attribute.

Step 4 : Click checked to Used for variations to show variation
Step 5: Select Create a variation of all products

Step 6 -: Publish Product