OpenSwatch – WooCommerce Variations Image Swatch enhances WooCommerce product variation selection by replacing conventional dropdown fields with visual image, color, and label swatches. Instead of requiring customers to choose variations from plain text lists, store owners can present product attributes in a more visual format. This can be particularly useful for products where appearance, color, pattern, or other selectable attributes are important to the purchasing decision.
OpenSwatch – WooCommerce Variations Image Swatch (GPL Plugin)
OpenSwatch – WooCommerce Variations Image Swatch enhances WooCommerce product variation selection by replacing conventional dropdown fields with visual image, color, and label swatches.
Instead of requiring customers to choose variations from plain text lists, store owners can present product attributes in a more visual format. This can be particularly useful for products where appearance, color, pattern, or other selectable attributes are important to the purchasing decision.
OpenSwatch can be useful for fashion stores, clothing shops, accessories, furniture stores, beauty products, and other WooCommerce businesses selling products with multiple variations.
The plugin is distributed under the GPL (General Public License). The package offered through 5ivecode.com includes lifetime free updates and limited email support according to the applicable package terms.
Replace standard WooCommerce variation dropdowns with visual swatches
Create image-based variation selectors
Display color swatches for suitable product attributes
Use text or label-based variation options
Display swatches on supported product, shop, category, and archive pages
Add visual hover and selection effects
Configure swatch appearance to complement your website design
Support responsive layouts for different screen sizes
Provide customers with a more visual variation-selection interface
Configure swatches through WordPress administration settings
Suitable for fashion, accessories, and other variable products
GPL-licensed for flexible project usage
WooCommerce variable products normally use dropdown fields for selecting attributes such as color, size, material, or design.
While dropdowns are functional, they may not always provide enough visual information for products where appearance is an important part of the decision.
OpenSwatch provides an alternative by allowing supported variation attributes to be displayed as visual swatches.
For example, a clothing store could present available colors as color circles or product images rather than requiring customers to read a text list.
Image swatches are useful when customers need to see the actual appearance of a variation.
Store owners can associate images with suitable attributes so shoppers can visually compare available options.
Potential applications include:
Clothing colors
Fabric patterns
Furniture finishes
Product designs
Material variations
Cosmetic shades
Other visually distinguishable product options
The exact image-assignment workflow depends on the plugin's available settings and WooCommerce configuration.
Color-based attributes can be represented using visual color selectors rather than plain text.
This is particularly useful for stores selling products with several color options, allowing customers to identify available choices at a glance.
Not every variation needs an image. Size, capacity, dimensions, or other text-based attributes can be presented using label-style swatches where supported.
Examples include:
Small
Medium
Large
500 ml
1 Liter
32 GB
64 GB
This provides a more consistent visual selection interface across different product attributes.
Get Support
Please Sign In to contact our support.