From WP admin, click on Settings > Super Product Variation Swatches
* In version 2.2, you can choose to show text next to you Image Swatches as per setting below (This option will only valid for Image Swatches)
The settings are pretty much self-explanatory with description and image guide on the right hand side. Once you’ve selected your desired settings, click on the Save Changes button.
1. Borders
You can change the Border Color and Border Color selected
2. Swatches Style and Size
You can choose between Circle, Square or Rounded-Square Swatches Styles. You can set the Swatches size here too.
3. Tooltips
You can change the background and text color of your Tooltip
You can also have the option to show/hide Tooltips
4. Image Variation Type
You can decide to show zoomed-in texture image or the full image for your Image Swatches
5. Image Variation Show Text
You can decide to show text next to your image for your Image Swatches
6. Labels
You can change the background and text color of your Label Swatches
7. Clear Variation Button
You can choose to show/hide the default WooCommerce Clear Variation button
8. Disabled Variation
You can customize your disabled variation swatches including crossed, dimmed and none.
9. Show on Archive / Products listing page
There’s an option that will allow you to show Variation Swatches on Archive / Products listing page
In addition, you will have the option to change the Archive Swatches Size as well as showing the first row of swatches only on archive / products listing page.