What swatch types does WooSwatches support?

WooSwatches supports color swatches (solid colors), image swatches (pattern/texture previews), label swatches (text-based selectors), and radio button alternatives for WooCommerce product variations.

Do swatches appear on shop archive pages?

Yes, WooSwatches can display variation swatches on shop pages and category listings, not just product detail pages. This lets customers see available colors and options while browsing products.

How are out-of-stock variations shown?

Out-of-stock variations are displayed with a visual cross-out effect on their swatches, making it clear to customers which options are currently unavailable without removing them from the display.

Can I customize the swatch appearance?

Yes, you can configure swatch shapes (circle, square, rounded), sizes, border styles, and selected state indicators. Settings can be applied globally or customized per attribute for different product types.

Does WooSwatches work with any WooCommerce theme?

WooSwatches is designed to work with WooCommerce-compatible themes. It replaces the default variation dropdown selectors, so it works with themes that use standard WooCommerce variation markup.

WooCommerce color and image variation swatches replacing default dropdown selectors

WooSwatches - Woocommerce Color or Image Variation Swatches

Name: WooSwatches - Woocommerce Color or Image Variation Swatches
Brand: PluginTheme
SKU: 410c3382-542c-4959-a973-6f5fb7b0e59f
Price: 4.49 USD
Availability: InStock

0.0(0 Reviews)

v7.0.0

Dec 1, 2025

WooSwatches replaces WooCommerce default variation dropdowns with visual color swatches, image swatches, and label swatches. Provides a more intuitive product selection experience for variable products with customizable swatch styles.

WordPress Color Swatch & Variation Product Filter & Search WooCommerce Ready

$4.49$25.0082% OFF

Live Demo

Included with purchase:

100% GPL Licensed
Lifetime Updates
Technical Support
Instant Download

Download for Free

Get this product and unlock 4,000+ premium plugins & themes for just $15.00/month.

Go Premium

What is WooSwatches - Woocommerce Color or Image Variation Swatches?

WooSwatches is a WooCommerce plugin that replaces variation dropdown menus with visual color, image, and label swatches for improved product selection. Available at PluginTheme.net with instant download and GPL license.

Key Features

Color Swatches

Display product colors as clickable visual circles or squares

Image Swatches

Pattern and texture preview images for variation selection

Archive Display

Swatches visible on shop pages and category listings

Stock Indicators

Visual cross-out for out-of-stock variations with hover tooltips

Who is this for?

WooCommerce store owners selling variable products like clothing or accessories, fashion retailers wanting visual color selection, and shop managers improving product page conversion through visual variation display.

Pros

Visual selection: Color, image, and label swatches replace confusing dropdowns
Archive display: Swatches visible on shop and category pages too
Hover tooltips: Additional information shown on swatch hover
Stock indication: Out-of-stock variations visually crossed out
Flexible styling: Configurable shapes, sizes, and border styles

Cons

•Many variation combinations can crowd the product page with swatches
•Requires proper attribute setup in WooCommerce for swatch display
•Image swatches need consistent-sized images for uniform appearance

Product Description

WooSwatches enhances WooCommerce variable product selection by replacing standard dropdown menus with visual swatch selectors. Customers can see color options, pattern previews, and size labels at a glance, improving the shopping experience.

Swatch Types

Color swatches: Display product color options as clickable color circles or squares
Image swatches: Show pattern or texture preview images for each variation
Label swatches: Text-based selectors for sizes, materials, or other attributes
Radio buttons: Alternative radio-style selectors for simple variation choices

Display Options

Swatch display on both product pages and shop archive/category pages
Tooltip text and images on hover for additional variation details
Cross-out styling for out-of-stock variations
Product image swap when hovering over color swatches on listings

Configuration

Configure swatch appearance globally or per-attribute through WooCommerce settings. Set swatch shape (circle, square, rounded), size, border styles, and selected state indicators. Supports both global attributes and custom product-level attributes.