Configuring Settings

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

Variation Swatches Size and First Row on Archive 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.