Say goodbye to boring WooCommerce dropdown menus! Variation Swatches and Gallery for WooCommerce transforms your variable product dropdowns into stunning Color, Image, Button, and Radio swatches โ giving your customers an experience like shopping on Amazon or AliExpress.
๐ Live Demo | ๐ Documentation | ๐ Plugin Homepage | ๐ฌ Support
Other swatches plugins give you basic color and image swatches. We go further โ with two features that are usually premium-only, included for free:
Variation Image Gallery โ Upload unlimited images per variation. When a customer selects โRed / Largeโ, they see a complete photo gallery of that exact combination โ a feature typically found only in premium plugins, included here for free.
Stock Count by Variation โ Show customers exactly how many items are left for each specific variation (e.g., โRed / Medium: Only 5 left!โ). Helps customers make informed, faster purchasing decisions.
๐ Color Swatches
Display vibrant color circles or squares that customers can select at a glance. Perfect for clothing, accessories, home decor, and any product with color variants.
Live Demo & Documentation
๐ Image Swatches
Show product photos, patterns, fabrics, or textures as selectable thumbnail swatches. Great for products where seeing the material or design matters before buying.
Live Demo & Documentation
๐ Button / Label Swatches
Clean, clickable text buttons for sizes (S, M, L, XL), styles, or any text-based option. The most popular swatch type for size selectors. Auto-converts from dropdowns on install!
Live Demo & Documentation
๐ Radio Swatches
Classic radio-style selectors for simple binary or limited choices. Ideal for yes/no options, gift wrapping toggles, or small option sets.
Live Demo & Documentation
Our free version is packed with features:
๐ Auto-Convert Dropdowns to Swatches
Install and activate โ all variation dropdowns instantly become button swatches. Zero configuration required.
๐ Variation Image Gallery
Upload unlimited gallery images for each specific variation. Customers see the exact photos for their selected color/size combination โ typically a premium-only feature, included free here.
Live Demo
๐ Stock Count by Variation
Display the exact stock quantity for each variation. โRed / M: 12 in stockโ โ helps customers make informed decisions and see product availability at a glance.
Live Demo
๐ Smart Out-of-Stock Handling
Three options for unavailable variations: Blur them out, show a Cross sign, or Hide them completely. Prevent customer frustration with clear visual cues.
Live Demo
๐ Customizable Swatch Shapes
Choose between Circle, Rounded, or Square swatch styles to match your storeโs design and branding.
๐ Hover Tooltips
Enable sleek tooltips that appear on hover, showing attribute labels. Position them Top or Bottom to fit your layout.
๐ Ajax Variation Threshold
Custom threshold setting for stores with hundreds of product variations. Ensures smooth, fast performance without slowing down your product pages.
๐ Layout Control
Choose between Inline or Block display styles. Show the selected attribute name beside the label. Add a โClearโ button to reset selections with one click.
๐ Automated Defaults
Set Button or Image as the global default swatch type. No need to configure every product individually.
โญโญโญโญโญ โThis plugin solved my client requirements. I had an issue and the author supported me very quickly. Great plugin, excellent support!โ
โ designunique, Verified WordPress.org Review
Upgrade to Variation Swatches and Gallery Pro to unlock advanced shop management and styling tools:
Live Demo | Upgrade to Pro | Documentation
๐ Archive / Shop Page Swatches
Let customers select variations (colors, sizes) directly from the shop, category, and archive pages โ without visiting each product page. Fewer clicks = more sales.
Live Demo
๐ Per-Product Settings Override
Need different swatch shapes, styles, or types for specific products? Override global settings on a per-product basis for complete control.
๐ Advanced State Styling
Full control over Normal, Hover, and Selected states โ including custom colors, borders, and box shadows. Make your swatches look exactly how you want.
๐ Image & Text Tooltips
Display product images or custom text inside tooltips on hover. A much richer browsing experience than text-only tooltips.
๐ Custom Tooltip Styling
Match tooltip colors and appearance to your brand identity. Full control over tooltip background, text color, and borders.
๐ Priority Support
Get fast, dedicated support directly from the developers who built the plugin.
๐ Get Pro Version
This plugin is built to work everywhere:
Included in Free:
Pro Only:
Need help getting started? Weโve got you covered: