Documentation & Support
How To Set Variation Swatches for WooCommerce in Divi Theme ?
Installation
Go to Plugins > Add New and search for Variation Swatches for WooCommerce by Emran Ahmed.
With this plugin, you can create color attributes on the product pages. When you go to Products > Attributes and you create a new attribute you have an option to set this as color. You can now set colors for this attribute.
Video Installation guide
Configure General Settings
On your WordPress Dashboard go to Appearance >> Themes >> Add New
Create Product attributes
First you need to add attributes to the products ( WooCommerce plugin should be installed and activated already )
Go to Admin area -> Products -> Attributes and add attributes your products will have, add them all
Create Product attributes
I have created 4 attributes for this Color, Gender, Size and Price.
If you click on configure terms under color you can set the colors.
Assign Attributes & Its Values To Products
on your product page set product data to Variable product.
Under attributes tab add your attributes. Make sure to check used for variations.