Skip to content
WooCommerce Variation Swatches and Photos

Visual color and image swatches for WooCommerce variations

WooCommerce Variation Swatches and Photos

0.0(0 Reviews)
v3.1.14

WooCommerce Variation Swatches and Photos replaces dropdown variation selectors with visual color swatches, image swatches, and label swatches for a more intuitive product selection experience.

$4.49$99.0095% OFF

Included with purchase:

  • 100% GPL Licensed
  • Lifetime Updates
  • Technical Support
  • Instant Download

What is WooCommerce Variation Swatches and Photos?

WooCommerce Variation Swatches and Photos is a WordPress plugin that replaces variation dropdowns with visual color, image, and label swatches for intuitive product option selection. Available at PluginTheme.net with instant download and GPL license.

Key Features

Color Swatches

Display actual colors as clickable swatches instead of text dropdown menus

Image Swatches

Show product variation images as selectable thumbnails for visual selection

Label Buttons

Present text attributes like size as clickable buttons for faster selection

Stock Indicators

Visually indicate out-of-stock variations with crossed-out or dimmed swatches

Who is this for?

WooCommerce store owners with variable products who want a more visual and intuitive product option selection experience for their customers.

Pros

  • Color swatches show actual colors instead of text names
  • Image swatches display visual previews of each variation
  • Label buttons make size and attribute selection faster
  • Out-of-stock indicators provide immediate availability feedback
  • Improved conversion rates through better variation presentation

Cons

  • Swatch images need to be created or uploaded for each variation
  • Custom swatch sizes may need CSS adjustments for some themes
  • Large numbers of variations may create long swatch rows on product pages

Product Description

WooCommerce Variation Swatches and Photos transforms the default WooCommerce variation dropdown menus into visual swatch selectors. Instead of choosing product options from text dropdowns, customers select colors from color swatches, sizes from label buttons, and styles from image thumbnails.

Key Capabilities

  • Color swatches replacing dropdown color selections
  • Image swatches showing visual previews of each variation
  • Label/button swatches for text attributes like size
  • Tooltip display on swatch hover
  • Out-of-stock variation visual indicators

Shopping Experience

Visual swatches significantly improve the product selection experience. Color swatches show the actual color instead of a text name. Image swatches display small thumbnails showing how the product looks in each variation. Size labels as buttons make selection faster than scrolling through a dropdown. Out-of-stock variations can be crossed out or dimmed, giving customers immediate availability feedback. These visual cues reduce selection time and decrease the chance of ordering the wrong variation.

Our Verdict

PluginTheme Team

Expert Reviewer

8/10

Variation Swatches noticeably improves the product selection experience. Color and image swatches make variation selection more intuitive than standard dropdown menus.

Expert Review

Erik Keller
Erik Keller
Verified Expert

WordPress Expert

8+ yearsReviewed: February 2026
WordPress
WooCommerce
Theme Development
+1 more