Variation Swatches

Ever wonder how people can add different attributes like color, size, etc to a product? The variation swatch module of ShopEngine will let you add these variations to your product easily in a few minutes. Let’s get a clear overview of this module and how you can use it.

What is a variation swatches module? #

A variation swatches module is a module by that you can add attributes to your WooCommerce product. For example, a product is available in different colors or sizes. You can add this variation by using the ShopEngine variation swatch module. 

This module will increase your customer’s user experience. Customers can choose the size or color of the product they need or like. It will increase your sales as well.

How to use the Variation swatches module of ShopEngine? #

ShopEngine provides a user-friendly setup for variation swatches module. Here are the steps that you need to follow for implementing this module:

Step 1: Enable variation swatches module. #

First, go to your admin dashboard then visit, ShopEngine>> modules. Then, click the swatches module.

Enable variation swatch module

After that, enable the module and save changes.

Enable variation swatches module

Step 2: Add attributes. #

In the second step, you need to press attributes under product. Insert the following information:

  • Name: Color, size, or other attributes you need to save.
  • Type: Select ShopEngine color or size.

Finally, press the save button.


Now to add colors press the configure terms button.

add colors for attribute to add variation swatches

Here, to insert a color you have to fill up the fields accordingly. You can do it by only writing the name and finally, you have to press the Add new color button.

Color adding for attribute

Step 3: Add attributes for a product. #

For adding attributes to a product, you need to go all products. After that, edit the product with which you want to add attributes.

Variation adding to product

Choose the variable product as product data.

Select product data for variation swatches

Now, click attributes and select custom product attribute. Then press the add button.

Add custom attribute for variation swatches

Here, select color names and click use for variation. Finally, save the attribute.

Select values for attribute

Step 4: Set variations. #

In this step, press variations and select create variations from all attributes. Now, press go.

Variation creating for product

Now, click on the product colors or sizes and add the following information:

  • Image: Insert image.
  • Manage stock: With this option, you can manage your stock product.
  • Regular price: Set a regular price for your product.
  • Sale price: Insert sale price.
Edit product for variation swatches

Now, save the changes.

Save variation swatches

Step 5: Update your product variation. #

Finally, click update for making all changes live.

Update variation swatches for products

Final look after using the variation swatches module #

Here is the final look after using this module:

Final look of variation swatches module
What are your feelings
Updated on June 6, 2023