WP plugin

B3 Swatches

Replace WooCommerce variation dropdowns with fast, modern, and responsive color and button swatches for variable products.

See Pricing Try the Live Demo WordPress.org Read the Docs

Matte

Gloss

New

Max

Matte

Gloss

New

Max

Small

Large

VIP

Small

Large

VIP

Cart

Pro

Buy

Cart

Pro

Buy

Platform: WordPress + WooCommerce
Version: 1.0.1
License: GPLv2 or later
Support: Priority

Button, color, image, and number swatches

Dual-color support for paired color options

Wrap, grid, scroll, pill, and slider layouts

Per-product swatch overrides and global defaults

Attribute-term setup plus product-level overrides

Tooltip customization and animation controls

Quantity and stock styling controls

Shop-loop swatch previews for variable products

Share button with copy-to-clipboard variation URLs

Variation deep-linking URLs

Zero-conflict, theme-agnostic architecture

Live-preview settings panel with instant feedback

Comparison

WooCommerce default vs. B3 Swatches

WooCommerce Default

$999.00

Color

B3 Swatches

$999.00

Color

Matte White

Tan

Terracotta

Burnt Orange

Light Blue

Teal

Matcha Green

Matte Black

Copy URL to clipboard

Share this product:

Facebook

Free

Start with the core swatch experience. No account required.

Pro

$39 / year

One production site, premium features, updates, and account downloads.

This offer is not currently available for purchase.

Catalog pricing is for planning only. Account creation, checkout, payment, downloads, and licensing remain disabled.

B3 Swatches in Action

See how B3 Swatches transforms standard variation selectors into clean, visual swatch controls so customers can pick product options quickly and confidently.

B3 Swatches Settings

Interactive demo. Styling and layout mirror the real plugin, but changes are not saved.

Search all settings, then click a result.

Layout

Selector Padding

Padding around the selector box that highlights the selected swatch.

4px

0pxCurrently 4px10px

Swatch Spacing

Gap between swatch options.

12px

0pxCurrently 12px24px

Mobile Layout SettingsShow settings

Use Different Layout for Mobile

Enable mobile-specific layout, shape, style, and spacing.

Selector Style

Slider layout does not allow for selector changes.

Swatch Shape

Live Preview

GeneralUpdates in real time

Color

Selected: Green

Button/Label

Selected: Green

Image

Selected: Star

Number

Selected: 1

Layout:sliderShape:roundedStyle:sliderSize:32×32pxAnimation:lift

Plugin Demo Results

Default dropdowns
vs. B3 Swatches

The B3 Swatches side updates live with the settings chosen in the demo above, so the result stays visible after you make changes.

Layout: SliderSwatches: LiftTooltip: BlurShare: OnSocial: OnQuantity: Custom Scale

Without Plugin

WooCommerce Default

$999.00

Color

With B3 Swatches

B3 Swatches

$999.00

Color

Share this product:

Open the full B3 Swatches docs

Browse setup guides, layout notes, mobile caveats, cart behavior, and troubleshooting in the dedicated docs area.

View docs

Basics

Getting Started Swatch Types Layouts

Configuration

Labels & Display Variation Chips Quantity Controls

Shop Page Share & Variation URLs Advanced Troubleshooting

Latest B3 Swatches releases

Review the current free and product-managed release notes without leaving the product page.

View full changelog

v1.0.1

2026-04-16

FreeManual

Improved admin polish and frontend stability across the swatch settings experience.
Added explicit WooCommerce dependency metadata and tightened package/build handling for more reliable releases.
Fixed custom swatch-type selectors in the product and term editors, including better global attribute editing for Button swatches.
Fixed frontend swatch runtime regressions, including grouped-product Select options links being intercepted by AJAX add-to-cart handling.

ProLegacy premium

Improved Pro controls and previews for tooltips, quantity settings, share icons, Google Fonts, and the Flow layout preview.
Fixed several Pro-only interaction issues, including touch hover states, quantity button injection when the default quantity style is selected, and other premium layout/animation regressions.

v1.0.0

2026-04-06

FreeManual

Initial release.
Added the free launch feature set: color and button swatches, wrap layout, square swatches, sizing controls, basic tooltip support, attribute-term controls, and per-product overrides.

ProLegacy premium

Initial release.
Added the Pro launch feature set: image, number, and dual-color swatches; advanced layouts, shapes, and styling; archive swatches; variation URLs; AJAX add to cart; share tools; extended cart and quantity controls; Google Fonts; and saved-settings restore.

Ready to try Swatches?

Review the published product plan or reach out with questions about the Pro tier.

View pricing plan View on WordPress.org Read the Docs Get in touch

B3 Swatches

WooCommerce default vs. B3 Swatches

WooCommerce Default

B3 Swatches

B3 Swatches in Action

B3 Swatches Settings

Live Preview

Default dropdownsvs. B3 Swatches

WooCommerce Default

B3 Swatches

Open the full B3 Swatches docs

Latest B3 Swatches releases

v1.0.1

v1.0.0

Ready to try Swatches?

WooCommerce default vs. B3 Swatches

WooCommerce Default

B3 Swatches

B3 Swatches in Action

B3 Swatches Settings

Live Preview

Default dropdownsvs. B3 Swatches

WooCommerce Default

B3 Swatches

Open the full B3 Swatches docs

Latest B3 Swatches releases

v1.0.1

v1.0.0

Default dropdowns
vs. B3 Swatches

Default dropdowns
vs. B3 Swatches