...
2. The current product variations appear at the bottom of the Configuration section.
Current Configurations
Step 5: Add
...
product image
Note: Product image
...
size should be in 1:1 ratio (ex: 600x600px).
Expand Images and Videos
...
section, upload images for the product.
Image setting: click on the uploaded image to configure for it.
- Set image role: Each role is set for one image only.
- To disable the image, click on Hide from Product Page option.
Thumbnail image
Small image
Hover image will display when users hover on the product in the list
Base image Click the Camera tile and browse to the main image that you want to use for the configurable product.
Step 6: Complete the product information
Scroll down and complete the information in the following sections as needed:
Content:
- Expand the ContentRelated section, then enter the product description on Description field.
Product description- To insert images to the description, click on the image icon, then select image to upload. Click on Add Selected to insert image to the description.
Related Products, Up-Sells, and Cross-Sells
...
Search Engine Optimization
...
Customizable Options
...
Products in Websites
...
Design
...
Design
Step 7: Publish the product
...
On the Save (
) menu, choose Save & Close.
Save & Close
Step 8: Configure the cart thumbnails
If you have a different image for each variation you can set the configuration to use the correct image for the shopping cart thumbnail.
...
On the Admin sidebar, go to Stores > Settings > Configuration.
...
In the left panel, expand Sales and choose Checkout underneath.
...
Expand 
the Shopping Cart section.
...
Set Configurable Product Image to Product Thumbnail Itself.
When complete, click Save Config.
...
...