B3 Swatches

B3 Swatches replaces WooCommerce variation dropdowns with fast, modern, and responsive swatches for variable products.

Documentation: https://b3.digital/software/docs/b3-swatches
Product page: https://b3.digital/software/products/b3-swatches

This version includes the feature set: color and button swatches, base layout and sizing controls, tooltip toggles, and per-product overrides.

Who is B3 Swatches for?

B3 Swatches is built for WooCommerce stores that sell variable products and want a cleaner, more visual variation picker. Instead of asking shoppers to use standard dropdown fields for things like color, size, material, or finish, the plugin turns those choices into modern swatches that are easier to scan and faster to use.

It is a strong fit for stores selling apparel, accessories, furniture, home goods, cosmetics, samples, bundles, and other products where shoppers benefit from seeing variation choices more clearly.

What does the free version include?

The free version focuses on the core swatch experience for WooCommerce:

• Color swatches
• Button and label swatches
• Shared layout, sizing, and typography controls
• Tooltip enable/disable support
• Attribute term configuration
• Per-product overrides for the shared swatch types
• Native WooCommerce fallback behavior when JavaScript is unavailable

Is there a Pro version?

Yes. B3 Swatches Pro extends the free core with more swatch types, more layout and styling controls, and more advanced storefront behavior.

Available Pro features include image, number, and dual-color swatches, additional layouts and shapes, advanced tooltip and typography controls, archive/shop swatches, AJAX add-to-cart enhancements, variation URLs, share tools, and more.

Features

• Color swatches for attribute terms
• Button/label swatches for any attribute
• Wrap layout, square shape, and underline selector style
• Swatch width and height controls
• Internal and external layout padding
• Show labels on color swatches
• Selected chip color customization
• Heading color and size controls
• Label font-size control
• Global settings UI with a live preview
• Basic tooltip support (enable/disable)
• Automatic dropdown-to-swatch replacement
• Attribute-term swatch configuration under Products > Attributes > Configure terms
• Per-product swatch overrides for shared swatch types
• Fallback to native select when JavaScript is unavailable
• Optional uninstall cleanup when “Remove on uninstall” is enabled

Support

If you need help, start with the documentation and FAQ below:

• Documentation: https://b3.digital/software/docs/b3-swatches
• WordPress.org support forum: use the plugin support tab on WordPress.org

When contacting support, please include:

• WordPress version
• WooCommerce version
• Theme name
• A short list of other active plugins
• Steps to reproduce (and the product URL if possible)

Third Party Services

This plugin connects to the following external services under certain conditions:

Freemius SDK

This plugin uses the Freemius SDK for optional usage analytics. When a site owner opts in during onboarding, limited site and usage data may be sent to Freemius servers.

• Freemius homepage: https://freemius.com
• Freemius Terms of Service: https://freemius.com/terms/
• Freemius Privacy Policy: https://freemius.com/privacy/