XT WooCommerce Variation Swatches Pro GPL v1.9.6 – Codecanyon

WooCommerce Variation Swatches GPL Plugin Overview

The WooCommerce Variation Swatches plugin transforms standard variation dropdowns into visually appealing swatches. With this plugin, you can enhance the user experience by displaying color, image, and label swatches for product variations. It automatically applies image swatches for variation color attributes that contain images, making it easier for customers to select their desired product variation visually.

This plugin also allows you to add multiple gallery images for each variation, and when a customer selects a variation, those gallery images will be displayed instead of the main product gallery images.

Key Features of WooCommerce Variation Swatches Plugin

1. Swatch Types

• Dropdowns to Swatches: The plugin automatically converts standard dropdowns to visually appealing label, color, or image swatches.
• Color Swatches: Color swatches can be displayed for variations, allowing customers to select colors directly.
• Image Swatches: You can assign images to variation colors, and the plugin will automatically apply the image swatches for color attributes.
• Label Swatches: You can use labels for variations, providing a textual representation for each option.

2. Gallery Images for Variations

• Multiple Gallery Images per Variation: For each variation, you can add multiple gallery images, which will be displayed when the customer selects that variation. This replaces the main product gallery images with variation-specific images.

3. Customization Options

• Live Preview Customizer: The plugin comes with a live preview customizer for all options, making it easy to visualize changes as you configure them.
• Adjust Swatch Styles: Choose from various swatch styles, including square, circle, or rounded, and adjust their width, height, and alignment.
• Spacing Control: Control the spacing between swatches both vertically and horizontally.
• Tooltip Options: Enable tooltips that display additional information when hovering over a swatch. You can customize the tooltip background color, text color, image size, and border size.

4. Attribute and Product Page Customization

• Customize for Single Products or Archives: You can customize the swatches for individual products or across product archives independently.
• Attribute Label Position: You can adjust the position of the attribute label (above or before the swatches) or hide it completely.
• Quick Edit Support: The plugin supports quick editing for attributes, allowing you to make changes faster.

5. Enhanced User Experience

• Variation Reset Link: You can hide the variation reset link to improve the user experience by keeping the swatches visible.
• Mix Swatch Types: For the same product, you can mix swatch types (e.g., image and color swatches) for more flexibility.
• Catalog Mode: Enable catalog mode to hide the “Add to Cart” button, making the swatches purely for display purposes.

6. Global Settings and Overrides

• Global Swatch Settings: You can define global swatch settings for the entire store.
• Override Settings for Product Pages: The plugin allows you to override global swatch settings on individual product pages, giving you more control over the presentation.

7. Easy to Use

• User-Friendly Interface: The plugin provides an intuitive and easy-to-use interface, allowing store owners to set up swatches quickly without any technical knowledge.
• Default Swatch Types: The plugin automatically converts dropdowns to label swatches by default and color dropdowns to image swatches, making the setup process smoother.

Benefits of Using WooCommerce Variation Swatches

• Improved User Experience: Customers can easily select product variations using visually appealing swatches instead of dropdowns, improving the overall shopping experience.
• Enhanced Product Display: By showing multiple gallery images for each variation, you provide a more detailed view of the product, helping customers make informed decisions.
• Customization and Flexibility: The plugin offers a wide range of customization options for swatch styles, tooltips, and layouts, allowing you to match your store’s branding and design.
• Better Conversion Rates: The improved user interface and visual appeal can help increase conversion rates by making it easier for customers to find and select the right product variation.
• Quick Setup: With the live preview customizer and easy-to-use interface, you can set up variation swatches quickly, even without technical expertise.

How It Works:

1. Install and Activate the Plugin: After installing and activating the plugin, go to the product editing page in WooCommerce.
2. Assign Swatches to Attributes: For each product attribute (e.g., color, size), you can assign a swatch type (color, image, or label). If an attribute has an image associated with it, the plugin will automatically apply the image swatch.
3. Customize Swatch Appearance: Use the live preview customizer to adjust the swatch styles, sizes, and spacing.
4. Display Variations: On the product page, customers will see the variation swatches instead of dropdowns. When they select a variation, the corresponding gallery images will be displayed.

Conclusion

The WooCommerce Variation Swatches plugin is an essential tool for store owners who want to improve the shopping experience on their WooCommerce store. By converting standard dropdowns into visually engaging swatches, you can make it easier for customers to select product variations, ultimately leading to higher engagement and conversion rates. With extensive customization options, easy setup, and powerful features, this plugin enhances both the functionality and the aesthetic appeal of your product pages.