WooSwatches – Woocommerce Color or Image Variation Swatches

What is WooSwatches – Woocommerce Color or Image Variation Swatches?

WooSwatches is a premium WooCommerce plugin that enhances the product selection process by replacing traditional variation dropdown menus with visual color, image, and label swatches. This plugin improves the shopping experience by allowing customers to see options at a glance, making it easier to choose products. Key features include swatch visibility on shop and category pages, hover tooltips that provide additional information, and customizable swatch styles. WooSwatches targets eCommerce businesses looking to improve product presentation and customer engagement. It is fully compatible with WooCommerce, ensuring seamless integration with existing product listings. Available at MyCodeLive with GPL license, instant download, and lifetime updates.

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?

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.