Everything in our variation swatches plugin.
A complete variation swatches plugin built for serious WooCommerce stores — every feature visible, every detail customizable.
What does the VariSwatch variation swatches plugin do?
VariSwatch replaces WooCommerce's default variation dropdowns with fully customizable swatches — letting customers see every option at a glance.
Everything you need, nothing you don't.
A documentation-grade feature set. Every swatch, every mode, every location — configured through a single intuitive panel.
Four display types
Pick the control that matches the attribute — not the other way around.
Swatch grid
Visible, tap-to-select
Visible swatches with instant tap-to-select. Supports color, image, and label styles for high-impact attributes.
Single-select list
All options visible
Classic radio input with a readable label. Every option visible at once — perfect when you want zero hidden choices.
Dropdown
Compact, scalable
Compact dropdown — ideal when you have many options or limited vertical space without sacrificing clarity.
Multi-visible state
Clear on/off affordance
Checkbox-style affordance for attributes that benefit from clearer states and explicit selection cues.
Display locations
One plugin, four surfaces. Configure each independently.
Product pages
Large, detailed swatches aligned with your full variation attributes — the centerpiece of every PDP.
Shop pages
Compact swatches on catalog cards so customers can pick a variant before they ever open a product.
Filter widgets
Swatch-aware filters let shoppers narrow down by color or attribute visually — no guessing color names.
Mobile
Touch-sized targets with independent mobile sizing for thumb-friendly selection on every device.
Three out-of-stock modes
Signal availability exactly how your merchandising team prefers.
Visual customization
Every visual attribute is a dedicated control. No CSS required, no inherited overrides, no surprises.
Built for shop pages
Every catalog decision — resolved. Fine-grained controls for the one page that drives the most conversion decisions.
Works with your stack
Built to slot into modern WooCommerce without hacks or hidden dependencies.
-
Supported
Divi 5
Native integration with themes, modules, and the visual builder.
v5.0+ -
Supported
WooCommerce
Works with every product variation attribute type out of the box.
v8.0+ -
Supported
HPOS
High-Performance Order Storage fully supported — no legacy fallbacks.
Native -
Supported
Gutenberg
Block-editor friendly — use swatches in Woo blocks and patterns.
WP 6.4+ -
Supported
Multisite
One license, network-wide activation and per-site configuration.
Network -
Supported
RTL layouts
Right-to-left handled natively — no custom CSS overrides required.
Auto
Lightweight by design
No jQuery bloat. No render-blocking scripts. No third-party dependencies. Just clean, scoped assets that ship only when swatches are on the page.
One membership. Every plugin we make.
Unlock VariSwatch and every DiviNext product — plus everything we ship next — with a single key.
VariSwatch
Divi Essential
Woo Essential
EaseAccess
AlertBars
Popup Pro
Frequently Asked Questions
Product What is the VariSwatch variation swatches plugin?
VariSwatch is a standalone WordPress plugin that replaces default WooCommerce dropdowns with visual color, image, and label swatches. It works on product pages, shop archives, and filter widgets.
Compatibility How many display types does the variation swatches plugin support?
Four — Button, Radio, Select, and Checkbox. You can switch between them globally from the General Settings panel.
Product Can I use different swatch sizes on product pages and shop pages?
Yes. The variation swatches plugin lets you set independent width and height values for product pages and shop/archive pages.
Pricing Does the variation swatches plugin work with Divi 5?
Yes. VariSwatch is fully tested and verified with Divi 5's new architecture and ships as Divi 5 ready.
Compatibility Is the variation swatches plugin HPOS compatible?
Yes. VariSwatch is fully compatible with WooCommerce High-Performance Order Storage and WooCommerce Blocks.
Pricing Can I customize the out-of-stock appearance?
Yes. Choose from three modes — Blur with cross, Blur, or Hide — and customize the cross color and disabled state from the General Settings panel.
Product Do I need coding skills?
No. Every feature in the variation swatches plugin is configured through a visual settings panel. No CSS or PHP required.
Support Will it slow down my store?
No. VariSwatch is lightweight, follows WordPress coding standards, and is optimized for performance.
See every option.
Sell every variant.
Swap WooCommerce dropdowns for real swatches today. Works on Divi 5, Divi 4, and any WordPress theme.
