banner

CleverSwatches – WooCommerce Color & Image Swatches Plugin

img

Product Overview

CleverSwatches is a WooCommerce plugin that replaces standard variable product dropdown menus with visually appealing color, image, and text swatches. When customers browse your store, they see attractive swatch options instead of generic dropdown lists — making it easier to select the right variation and improving the overall shopping experience.

Beyond simple swatch display, CleverSwatches supports multiple gallery images for each variation. When a visitor selects a specific variation, the product gallery automatically updates to show images relevant to that variation rather than the default product gallery. This is especially valuable for stores selling products with multiple colors, styles, or configurations.

Key Features

  • Color, image, and text swatches: Replace dropdown selectors with visual color swatches, image thumbnails, or text buttons for each attribute term.
  • Multiple gallery images per variation: Assign a full gallery of images to each product variation. When a customer selects a variation, the gallery switches to show the corresponding images.
  • Round and square swatch styles: Choose between circular and square swatch holders to match your store’s design aesthetic.
  • Configurable swatch sizes: Select from small to large swatch sizes to fit your product page layout.
  • Tooltips for swatch items: Enable or disable tooltip text on swatches to provide additional context to shoppers.
  • Global and per-product configuration: Define swatch settings globally by attribute, then override them at the individual product level when needed.
  • Shop and category page swatches: Display attribute swatches directly on shop, category, and tag archive pages so customers can preview options before entering a product page.
  • Shortcode support: Display swatches in custom locations using shortcodes.
  • Pre-selection toggle: Enable or disable automatic pre-selection of variation attributes on variable product pages.

Supported Themes

CleverSwatches has been tested with a wide range of popular WooCommerce themes, including Avada, Flatsome, Salient, Porto, Lojista, X, Electro, Savoy, Jupiter, Xstore, Basileia, EmallShop, WoodMart, Vitrine, Unero, Bronx, GeneratePress, Astra, OceanWP, and Zephir.

For custom themes that do not follow the standard WooCommerce thumbnail DOM structure, CleverSwatches provides an integration API. If you are using a popular ThemeForest theme, you can request a free integration service from the developer.

WPML Compatibility

CleverSwatches is fully compatible with the WPML translation plugin. All files are translation-ready, and you can configure attribute customizations separately for each language. Translate all attribute options, tooltips, attribute name replacements, and custom attribute descriptions. The plugin includes .mo and .po files.

How It Works

Setting up CleverSwatches is straightforward. Navigate to Products > Attributes and either create a new global attribute or edit an existing one. In the CleverSwatches Type option, select the default swatch type you want — color, image, or text. Configure your attribute terms by adding colors via the color picker or hex value, or upload images for image swatches.

For individual variable products, go to the CleverSwatches tab and configure the display type for each attribute used in variations. Choose from default dropdown, image, color, or text display. Set the swatch size and shape, then configure each term with its corresponding color or image. When a customer selects a variation, the gallery automatically updates to display the images assigned to that variation.

Licensing and Updates

CleverSwatches is distributed under a GPL license, which means you have unlimited domain usage rights. The product includes lifetime updates delivered manually, and the files are verified clean and free from viruses. The current version is 3.34.2, and a demo is available using Elementor PRO.

Important Purchase Notice

If you are not comfortable integrating this plugin into your theme yourself — including accessing your site via admin or FTP — this plugin may not be the right fit for you. The developer only accepts refund requests if they are unable to integrate the plugin into your theme. For custom themes requiring special integration, the provided API documentation guides you through the process.

Why Choose CleverSwatches?

CleverSwatches addresses a common pain point for WooCommerce store owners: default dropdown selectors are functional but unappealing and can reduce conversion rates. By replacing them with visual swatches, you give customers an intuitive way to explore product variations. The smart gallery feature further enhances the experience by showing customers exactly what they are selecting, reducing uncertainty and potentially reducing returns.

With support for color, image, and text swatches, flexible configuration at both global and product levels, and compatibility with major WooCommerce themes and WPML, CleverSwatches provides a comprehensive solution for stores that want to elevate their product variation display.

Frequently Asked Questions

Does CleverSwatches work with popular WooCommerce themes?

Yes. CleverSwatches has been tested with Avada, Flatsome, WoodMart, Astra, GeneratePress, OceanWP, and many other popular WooCommerce themes. For custom themes, an integration API is provided.

Does CleverSwatches support WPML?

Yes. CleverSwatches is fully compatible with WPML. All files are translation-ready, and you can configure attribute customizations separately for each language.

What types of swatches does CleverSwatches support?

CleverSwatches supports color swatches, image swatches, and text button swatches for WooCommerce variable product attributes.

Can I display multiple gallery images for each variation?

Yes. CleverSwatches allows you to assign multiple gallery images to each variation. When a visitor selects a variation, the gallery automatically switches to display the images associated with that specific variation.

What license does CleverSwatches come with?

CleverSwatches is distributed under a GPL license with unlimited domain usage rights and lifetime manual updates.

CleverSwatches transforms WooCommerce dropdown attribute selectors into visual color, image, and text swatches — giving your variable products a polished, professional storefront experience.Display color, image, or text swatches for product variationsMultiple gallery images per variation with smart gallery switchingRound or square swatch styles in configurable sizesGlobal or per-product swatch configurationFull WPML compatibility for multilingual storesGPL license with unlimited domain usage and lifetime updates