Variation Swatches for WooCommerce

Let your prospects choose product variants in an attractive way!

Instead of drop-down variations, let prospects choose variations in the form of radio buttons with color, text or image swatches.

Simply set the swatches for your desired attributes with the appropriate color, image or labels, and the plugin will do the rest.

Why Use Variation Swatches For WooCommerce?

Along with a user-friendly and easy-to-use interface, this plugin has exclusive features such as:

Auto-Convert Variation Dropdowns To Button Swatch

Variation Swatches For WooCommerce will automatically change the default drop-down display of all product variations into swatches.

No need to manually change for every product one by one.

Set Round or Squared Swatches

You may choose to display variation swatches in Rounded shape or Squared shape.

Types Of Variation Swatches

You can have 3 types of variation swatches:

• Color Variation Swatch
• Image Variation Swatch
• Label Variation Swatch

Color Variation Swatch

A prospect will get a visual of the colors available in the form of radio buttons.

This will help them make accurate selections.

This is a great feature if you have a product with different colors.

Image Variation Swatch

You may present the variations of your variable products in the form of small images to choose from, thus making the prospects’ selection more intuitive.

Label Variation Swatch

Set text labels as swatches on your variable products for your customers to choose from.

This feature is very useful if you have different sizes of the same product, or different materials for the product, or any custom variation factors.

Features:

• Control Product Page Swatches Size
• Choose Swatch shape – Round or Square
• Customize swatch color and background color
• Customize swatch border size and styling
• Variable product quick view pop-up
• Set Tooltip with customized text, size, and background color
• Show cross sign for out of stock variable products
• Enable Disable AJAX variation

Premium Features:

• All the free features
• Variation clear button display settings
• Both rounded and squared swatches on the same product page
• All colors, Image, and button swatches type in the same attribute

Upcoming Features:

• Hide / blur out of stock variation swatches
• Archive page swatches alignment and positioning
• Control swatches size on the shop page
• Multi-color variation swatches
• Tooltip display settings on the archive/shop page 
• And many more

How it works?

To start using the plugin, follow the instructions below to use it’s features:

Step 1 –

1. Go to Dashboard > Swatches.
2. Here, go to the Controls menu on the left.
3. Turn on the option ‘Dorpdowns To Button Swatch’

Step 2 –

For existing global attributes

1. Go to Dashboard > Products > Attributes.
2. Click on an existing attribute name to edit it.
3. Here you will find a dropdown selection for Types.
4. Choose the Color, Image or Label as you require
5. Click on Update.

When adding a new attribute

1. Fill out the all the fields
2. You will find a dropdown selection for Types.
3. Choose the Color, Image or Label as you require
4. Click on Add attribute.

Step 3 –

1. On the right side of an existing attribute, click on Configure terms.
2. When adding a new term, assign Color, text or image below and the Add it.
3. For existing term, click on a term to edit it.
4. Below, assign Color, text or image below and the Update it.

Privacy Policy

Variation Swatches for WooCommerce uses Appsero SDK to collect some telemetry data upon user’s confirmation. This helps us to troubleshoot problems faster & make product improvements.

Appsero SDK does not gather any data by default. The SDK only starts gathering basic telemetry data when a user allows it via the admin notice. We collect the data to ensure great user experience for all our users.

Integrating Appsero SDK DOES NOT IMMEDIATELY start gathering data, without confirmation from users in any case.

Learn more how Appsero collects and uses this data.