B3 Swatches Article
Labels & Display Options
Control label visibility, clear behavior, image sizing, and how WooCommerce dropdowns are converted into swatches.
This part of the plugin decides how much text support the swatches keep and how conversion from native WooCommerce selects behaves. It also covers reset behavior and the image size used for image-based swatches.
Browse docs
On this page
Label controls
Show or hide labels when the attribute needs text support alongside the swatch.
Labels help when color or image alone is not enough. B3 Swatches gives you global label toggles for color and image swatches, and product overrides can hide text on a specific option when that output is cleaner.
- Color labels
- Useful when shades are close together or the color name carries important meaning.
- Image labels
- Useful when a small thumbnail needs supporting text to explain the pattern or finish.
- Hide Text
- Product overrides can hide text on one option, but button-style swatches still need readable meaning to stay usable.
Selection reset behavior
Use the clear button and clear-on-reselect to make selection changes easier to recover from.
Hide Clear Button and Clear on Reselect solve the same problem in
different ways. One removes the explicit reset control, and the other lets a
shopper click the active swatch again to deselect it.
Dropdown replacement
Convert native selectors into swatches while keeping the original form meaning intact.
Auto Convert Dropdowns is the core storefront switch. When it is on, the
plugin mounts swatches over WooCommerce’s native variation selects. The
original select is still kept as a fallback, then hidden after the swatch UI
initializes successfully.
- Auto Convert Dropdowns
- Turn this on if you want the frontend swatch renderer to replace the plain dropdown UI.
- Attribute Image Size
- Choose the WordPress image size used for image swatches so thumbnails stay sharp without being oversized.
- Next step
- Once conversion is stable, refine the visual treatment in Variation Chips and Layouts.