=== Variation Swatches for WooCommerce – Make Product Choices Visual, Easy & Clickable ===
Contributors: brainstormforce
Tags: WooCommerce variation swatches, variation swatches for WooCommerce, WooCommerce color swatches, WooCommerce image swatches, swatches plugin for variable products, WooCommerce product variations
Requires at least: 5.4
Tested up to: 6.8
Stable tag: 1.0.13
Requires PHP: 5.6
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Variation Swatches for WooCommerce is the easiest to use plugin to convert dropdown boxes into highly engaging variation swatches.

== Description ==

## Create a Visual Shopping Experience for Your Customers 🎨

Tired of outdated dropdowns on your WooCommerce store? With Variation Swatches for WooCommerce, you can replace boring select boxes with clickable color blocks, image thumbnails, or clean text labels—giving your shoppers a faster, clearer, and more engaging way to pick product variations.

Make your store look modern, improve user experience, and drive more conversions - without writing a single line of code.

🎯 Boost conversion rates by making product options more accessible and intuitive.  
🛍️ Create a polished store that aligns with your brand and boosts shopper confidence.  
👉 [Try the Live Demo](https://bsf.io/variation-swatches-woo-demo) and experience it for yourself\!

[youtube https://www.youtube.com/watch?v=j2UbKnuF7-Y]

##🛒 Made for Store Owners Who Care About Experience & Sales

### WooCommerce Store Owners with Variable Products

Whether you're selling t-shirts in multiple sizes or handmade products in different materials, your shoppers will love the ease of use.

### Clothing & Fashion Retailers

Showcase color and size options visually with color swatches and labels, making fashion shopping smoother and more intuitive.

### Handmade & Custom Product Sellers

Showcase patterns, textures, or materials with image swatches that reflect the uniqueness of your products.

### Stores Focused on User Experience

Simplify variation selection and reduce cart abandonment with a modern, user-friendly interface.

### Visual-First Brands

Maintain a seamless brand experience by matching swatch styles to your store’s colors, fonts, and design.

##🎥 See What Experts Are Saying

Real reviews. Real results. Influencers and eCommerce pros love the user-friendly experience this plugin delivers:

▶️ Learn how top WooCommerce experts are using this plugin to improve UX and conversions.

[youtube https://www.youtube.com/watch?v=94OJz6lu_HE]

▶️ Watch how Ferdy configures swatches in just minutes, perfect for beginners.

[youtube https://www.youtube.com/watch?v=mjXCkw7rt2Y]

##🔧 Features That Improve Both Looks and Sales

### Color, Image & Label Swatches

Turn product variation dropdowns into eye-catching swatches. Choose from color blocks, upload custom images (like textures or patterns), or use simple labels like “S”, “M”, “L”. Your customers get an intuitive, visual shopping experience that speeds up decision-making and lowers drop-offs.

### Tooltips for Clarity

No more guesswork. Enable tooltips that appear when a customer hovers over a swatch—so they always know what they’re selecting.

### Auto-Convert Dropdowns to Swatches

The plugin automatically detects variation dropdowns and converts them into swatches based on your global settings. No need to manually configure each product.

### Global & Per-Product Swatches

Set default swatch styles for each attribute globally. Want more control? Override them on a per-product basis to match your store’s layout or campaign needs.

### Fast, Lightweight, and Fully Compatible

Built with performance in mind. Variation Swatches won’t bloat your site or clash with other tools. It works seamlessly with most WooCommerce-compatible themes and major plugins.

## ✅ Works with Your Favorite Themes & Plugins

Variation Swatches works great with all popular themes, including:

* Astra,   
* Spectra One,  
* Blocksy,   
* Kadence,   
* GeneratePress,   
* OceanWP,   
* Hello Elementor,   
* Storefront,   
* Bricks Builder,  
* Flatsome,  
* Hestia,  
* Neve,  
* And Many More.

Fully compatible with plugins like:

* Spectra,  
* Elementor,   
* Beaver Builder,   
* Brizy Builder  
* Bricks Builder,  
* Gutenberg,  
* Oxygen Builder,  
* CartFlows,   
* OttoKit,   
* SureForms,  
* Cart Abandonment Recovery for WooCommerce.  
* SureMembers,  
* TutorLMS,  
* LifterLMS,  
* LearnPress,  
* LearnDash,,  
* MemberPress,  
* PrestoPlayer,  
* WooCommerce Subscriptions,   
* WooCommerce Product Addons,   
* And Many More.

== Installation ==

1. Install the `Variation Swatches for WooCommerce` either via the WordPress plugin directory or by uploading `variation-swatches-woo.zip` to the `/wp-content/plugins/` directory
2. Activate the plugin through the 'Plugins' menu in WordPress
3. Make sure to disable caching on your checkout and thank you steps

== Frequently Asked Questions ==

= Will it work with my existing products and themes? = 
Yes\! It works out of the box with any WooCommerce-compatible theme and variable product setup.

= Can I show both color and image swatches? = 
Absolutely. You can assign different types (color, image, label) for each attribute as needed.

= Does it slow down my store? = 
No – the plugin is built for speed and performance with minimal impact on site load times.

= Is it compatible with page builders? = 
Yes\! Works great with Elementor, Spectra, and most major page builders.

= I am new to Variation Swatches. Where can I find the documentation? = 
[Click here](https://cartflows.com/docs-category/variation-swatches/) to access our documentation. Have questions or need help with a specific feature? Here’s how to connect with us:

* [Support](https://cartflows.com/support/)  
* [Contact Us](https://cartflows.com/contact/)  
* [Join the community](https://www.facebook.com/groups/cartflows/) 

= How can I report a security bug? =

We take plugin security extremely seriously. If you discover a security vulnerability, please report it in a safe and responsible manner.

You can report the issue through our [Bug Bounty Program](https://brainstormforce.com/bug-bounty-program/).

== Screenshots ==
1. Converts default dropdowns to Swatches
2. Multiple options for swatches available

== Changelog ==

= 1.0.13 – THURSDAY, 24th APRIL 2025 =
* New - Introduced a CartFlows info page to help users discover checkout optimization features.
* Improvement - Added filters cfvsw_is_required_screen_for_swatch_types and cfvsw_available_attributes for better customization.
* Fix - Swatches were not displaying for variation products when included in a bundled product.

= 1.0.12 – THURSDAY, 21st NOVEMBER  2024 =
* Fix - Fixed the conflict with 'WooCommerce Load More Products' plugin & disabled attributes of variations products.
* Fix - Fixed the conflict with Astra theme 'Swap image on hover" feature not working when swatches are disabled from shop/archive pages

= 1.0.11 – MONDAY, 7th OCTOBER  2024 =
* Fix - Resolved the issue where the variation swatch selection did not function properly when jQuery Migrate was disabled in Bricks Builder.
* Fix - Resolved the issue where the "Out-of-Stock Disable" feature did not work correctly with pagination.

= 1.0.10 – THURSDAY, 15th AUGUST 2024 =
* Improvement: Updated the WooCommerce HPOS Compatibility.

= 1.0.9 – WEDNESDAY, 14th AUGUST 2024 =
* Fix - Resolved the issue of "Swipe images on hover" feature was not working when using the Astra theme.
* Fix - Removed error messages related to undefined variables that were appearing on the frontend.
* Fix - Updated the codebase to better handle both array and non-array values.

= 1.0.8 – THURSDAY, 28th MARCH 2024 =
* New: Introduced the border width option for the swatch. You can now set a custom border width to your swatches.

= 1.0.7 – WEDNESDAY, 22nd FEBRUARY 2023 =
* Improvement - Refactored some code to harden the security of the plugin.

= 1.0.6 – WEDNESDAY, 14th DECEMBER 2022 =
* Improvement - Added support for the taxonomy page.
* Improvement - Added support to populate swatches on ajax calls.
* Fixed - Wrong images were appearing on the swatches selection.
* Fixed - Plugin conflict with WP-Persian plugin.
* Fixed - Unable to save custom attribute data with the Cyrillic alphabet.

= 1.0.5 – TUESDAY, 18th OCTOBER 2022 =
* Fixed - Compatibility issues with WP Sheet Editor – Taxonomy Terms Pro.
* Fixed - Fatal error with Astra theme.
* Fixed - Variation price disappears on shop page.

= 1.0.4 – WEDNESDAY, 7th SEPTEMBER 2022 =
* Improvement - Supports WooCommerce shortcodes.
* Improvement - Astra's swap mode working on disabling swatches on shop page.
* Improvement - Increased variation threshold to 200.
* Fixed - Admin UI breaking on edit product page.
* Fixed - Settings page UI issue on attribute edit.

= 1.0.3 – WEDNESDAY, 24th AUGUST 2022 =
* Feature - Disable out of stock terms.
* Feature - Catalog mode for shop page.
* Improvement - Admin UI improvements.
* Improvement - Supports Astra's infinite scroll mode.
* Fixed - Issue selecting multiple options on shop page.
* Fixed - Thumbnail dimension on shop page.

= 1.0.2 – TUESDAY, 9th AUGUST 2022 =
* Feature - Customize variation swatches from the edit product page.
* Improvement - Updated swatches' spacing.
* Improvement - Maintain swatches order on frontend as per settings.
* Improvement - Added RTL support for the settings page.

= 1.0.1 – THURSDAY, 21st JULY 2022 =
* Improvement - Support for Astra upsells on cart page.

= 1.0.0 – FRIDAY, 15th JULY 2022 =
* Initial release.
