Variation Swatches for WooCommerce – Color & Image Swatches

How to Use the Plugin?

1. Installing and Activating the Plugin

This process is straightforward and similar to any other WordPress plugin installation. Once activated, the plugin adds new dimensions to your product attribute management. Navigate to the 'Product > Attributes > Types' section in your WooCommerce dashboard, where you will now find three options: Color, Image, and Label, as you see here:

2. Creating and Managing New Attribute Values

With the new attribute types in place, you can start creating values for each. For instance, under the 'Color' attribute, you can define various color options like red, blue, green, etc. Similarly, for the 'Image' attribute, upload distinct images representing different variations of your product, and use the 'Label' attribute to add textual descriptions or unique identifiers.

These attributes are not just mere labels but are interactive variations that can be used on your variable products.

3. Applying Attributes to Products

Once you have set up your attribute values, it's time to apply them to your variable products. In the product data section of your WooCommerce product page, select 'Variable product' and begin assigning these newly created attributes to your products.

You can specify which attributes apply to each product and configure the variations accordingly. For example, if you’re selling a T-shirt, you can apply color attributes for customers to select their preferred color.

4. Frontend Display and User Interaction

These attributes are displayed as swatches on your product pages, offering a more interactive and visually appealing way for customers to view and select product variations.

Color swatches show the available colors, image swatches provide a visual representation of the product, and label swatches offer additional information or unique identifiers.

This not only simplifies the selection process for customers but also provides a more engaging shopping experience.