Variation Swatches for WooCommerce v2.4.2

🔥 #1 Plugin for Adding Variation Swatches to WooCommerce Products

The WooCommerce Product Variation Swatches plugin lets you configure & display product variations visually. This plugin improves product presentation, reduces customer confusion, and boosts conversions by providing a visually engaging and intuitive way to browse and choose product attributes, ensuring a smoother shopping journey across all devices.

**Why do you need Variation Swatches in your Store?**

Default WooCommerce variation dropdowns can be dull and unengaging, making it harder for customers to visualize product options. Variation Swatches solve this by replacing standard dropdowns with attractive color, image, and label/button swatches, allowing customers to quickly and easily select product variations like size, color, or material. This helps in improving user experience and boosting conversions.

✳️ Better Shopping Experience → Customers can visually select variations instead of guessing.

✳️ Faster Decision-Making → Eliminates confusion and speeds up the buying process.

✳️ More Professional Store Design →Gives your WooCommerce store a sleek, modern look.

✳️ Higher Conversion Rates→ By making it easier for customers to find and select the products they want, swatches can contribute to higher conversion rates

✳️ Reduced Returns→Clear visual representation of product variations can help prevent customers from ordering the wrong item, leading to fewer returns.

✳️ Works Seamlessly with WooCommerce Themes → Compatible with almost all major themes and plugins.

**🔥 EXPLORE WHAT OUR FREE VERSION OFFERS**

Try Demo| Documentation| Get Pro

**✅ SWATCH TYPES**

The free version offers four essential swatch types, allowing you to display product variations seamlessly

1. Color
2. Image
3. Label/Button
4. Radio

​​Video tutorial

**✅ AUTO CONVERT ALL VARIATION DROPDOWNS TO LABEL/BUTTON SWATCHES**

The selected swatch dropdown variation will automatically be converted into label swatches

**✅ CUSTOMIZATION OPTIONS FOR SWATCHES**

This plugin offers a wide range of customization options allowing you to create common attribute styling like set icon height, width, shape & border color also other styling options like

•
HOVER/SELECTION STYLING: Add a fixed amount to the total price when the field is selected.

•
Hover Style: You can adjust the border color upon hover

•
Selection style:You can change the border color, tick color and tick size of the selected swatch.

​​Video tutorial

👉Note: Additionally you can customize the selection style for color and image swatches and button/label swatches separately.

•
Color & Image swatch styling: For color and image swatches you can customize the appearance of the selected swatch using two options

• Border on selection

• Checkmark with border

•
Button/label swatch styling: Customize the appearance of the selected button and label swatches with three options

• Border on selection

• Checkmark with border

• Background with font color

•
TOOLTIP STYLING

The term name of an attribute can be displayed as a tooltip, to which the following changes can be made

• Enable/Disable Tooltip

• Set the text color for term name

• Set the background color for term name

​​Video tutorial

•
SWATCH TYPES SPECIFIC STYLING

1. Button/ Label swatches: You can customize the appearance of button and label swatches by adjusting the following parameters:

• Set Icon height & width

• Set Icon font size

• Set Icon background & text color

2. Color/ Image swatches:

• Enable/ disable swatch drop-down style

🔥 Explore our Pro version

for even more advanced swatch customization!

**✅ OPTION TO SELECT ROUND AND SQUARE VARIATION SWATCH SHAPES**

The Variation Swatches plugin lets you choose both round and square icons for your product variation swatches. So, based on your store theme, a suitable icon shape can be chosen.

**✅ DISPLAY OPTIONS FOR UNAVAILABLE & OUT-OF-STOCK VARIANTS**

WooCommerce notifies users about out-of-stock variants only after selection, which can be frustrating.

👉Note: This plugin lets you display Unavailable & Out-of-stock variants instantly with options like:

•
Unavailable Variants

• Hide – Remove the swatch.

• Blur – Keep it visible but faded.

• Blur with a Cross – Mark it with a strikethrough.

•
Out-of-stock Variants

• Blur – Keep it visible but faded.

• Blur with cross – Mark it with a strikethrough.

**✅ Enable Swatches in Additional Info**

Once enabled, the swatches will automatically appear in the additional information, enhancing product presentation

**✅ Clear on reselect**

Once enabled, it allows a customer to easily clear a chosen variation by reselecting it.

👉Note: Styling of the clear button is available in the Pro version

**✅ Enable Lazy Load for Swatches**

Optimize performance by loading swatch images only when they come into view, ensuring faster page speed for variation-rich stores.

**✅ Set AJAX Variation Threshold**

The plugin allows you...