CleverSwatches 2.2.3 – WooCommerce Color or Image Variation Swatches
CleverSwatches transforms WooCommerce variable attributes into color or image swatches, replacing dull dropdowns with visually rich selections on WordPress. The main benefit is faster, more intuitive product choices that boost conversions. It offers round or square swatches, supports multiple gallery images per variation, and ensures the right visuals appear as visitors select options.
Description
CleverSwatches is a WordPress plugin for WooCommerce that replaces variable attribute dropdowns with color or image swatches, making product options easier to recognize at a glance. Instead of forcing shoppers to read and select dull text choices, it lets them pick variations visually while staying inside your existing product pages.
It supports both round and square swatch styles and can render color selections or thumbnail-like images for common sizes. For stores using variation galleries, CleverSwatches connects each variation to its own gallery images so the correct visuals appear when a visitor selects an option.
Main Features
- WooCommerce variable swatches — Converts variable attribute dropdown select elements into swatch-based selection controls.
- Color and image display — Shows either colors or images as the selectable variation markers.
- Round and square modes — Lets you choose between circular or square swatch shapes for your product layout.
- Configurable swatch sizing — Displays swatches in common image size options to match your theme design.
- Multiple gallery images per variation — Attach several gallery images to each variation instead of relying on one shared gallery.
- Variation-linked gallery switching — When a shopper selects a variation, the variation’s gallery images replace the main product gallery images.
- Visual option confirmation — Ensures the selected swatch corresponds to the visuals shown on the product page.
Benefits
- Faster product decisions — Shoppers can choose attributes quickly by scanning swatches rather than reading dropdown text.
- Higher conversions — Clearer option visibility helps reduce hesitation during variation selection.
- Improved user experience — Visual controls and instant gallery updates make the shopping flow feel more intuitive.
- More relevant galleries — Variation-specific images keep the product presentation aligned with the selected option.
- Better store consistency — Round or square swatch styling helps maintain a cohesive look across your WordPress theme.
Who is it suitable for?
- WooCommerce stores with variable products like apparel, cosmetics, or electronics.
- Brands that use color variations and want visual selection instead of dropdowns.
- Online shops that maintain per-variation image galleries for accurate product presentation.
- Web agencies building WordPress and WooCommerce sites for multiple clients.
- Content creators and storefront owners using Elementor-based product layouts.