{"id":282865,"date":"2026-04-06T21:09:31","date_gmt":"2026-04-06T21:09:31","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/b3-swatches\/"},"modified":"2026-04-06T23:01:43","modified_gmt":"2026-04-06T23:01:43","slug":"b3-swatches","status":"publish","type":"plugin","link":"https:\/\/ast.wordpress.org\/plugins\/b3-swatches\/","author":23452536,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.0","stable_tag":"1.0.0","tested":"6.9.4","requires":"6.8","requires_php":"7.4","requires_plugins":null,"header_name":"B3 Swatches","header_author":"B3 Digital","header_description":"Replace WooCommerce variation dropdowns with modern variation swatches.","assets_banners_color":"848486","last_updated":"2026-04-06 23:01:43","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/b3.digital\/plugins\/b3-swatches\/","header_author_uri":"https:\/\/b3.digital\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":51,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"blondb","date":"2026-04-06 23:01:43"}},"upgrade_notice":{"1.0.0":"<p>Initial release.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.gif":{"filename":"icon-128x128.gif","revision":3500222,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.gif":{"filename":"icon-256x256.gif","revision":3500222,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3500235,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3500235,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":3500184,"resolution":"1","location":"assets","locale":""},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":3500184,"resolution":"2","location":"assets","locale":""}},"screenshots":{"1":"Variation swatches displayed on a variable product page.","2":"Admin settings screen for global swatch options."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[9032,746,18781,6602,286],"plugin_category":[45],"plugin_contributors":[259581],"plugin_business_model":[],"class_list":["post-282865","plugin","type-plugin","status-publish","hentry","plugin_tags-attributes","plugin_tags-product","plugin_tags-swatches","plugin_tags-variations","plugin_tags-woocommerce","plugin_category-ecommerce","plugin_contributors-blondb","plugin_committers-blondb"],"banners":{"banner":"https:\/\/ps.w.org\/b3-swatches\/assets\/banner-772x250.png?rev=3500235","banner_2x":"https:\/\/ps.w.org\/b3-swatches\/assets\/banner-1544x500.png?rev=3500235","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/b3-swatches\/assets\/icon-128x128.gif?rev=3500222","icon_2x":"https:\/\/ps.w.org\/b3-swatches\/assets\/icon-256x256.gif?rev=3500222","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/b3-swatches\/assets\/screenshot-1.jpg?rev=3500184","caption":"Variation swatches displayed on a variable product page."},{"src":"https:\/\/ps.w.org\/b3-swatches\/assets\/screenshot-2.jpg?rev=3500184","caption":"Admin settings screen for global swatch options."}],"raw_content":"<!--section=description-->\n<p>B3 Swatches replaces WooCommerce variation dropdowns with fast, modern, and responsive swatches for variable products.<\/p>\n\n<p><a href=\"https:\/\/b3.digital\/software\/docs\/b3-swatches\">Documentation<\/a>\n<a href=\"https:\/\/b3.digital\/software\/products\/b3-swatches\">Product page<\/a><\/p>\n\n<p>This version includes the feature set: color and button swatches, base layout and sizing controls, tooltip toggles, and per-product overrides.<\/p>\n\n<h4>Who is B3 Swatches for?<\/h4>\n\n<p>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.<\/p>\n\n<p>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.<\/p>\n\n<h4>What does the free version include?<\/h4>\n\n<p>The free version focuses on the core swatch experience for WooCommerce:<\/p>\n\n<ul>\n<li>Color swatches<\/li>\n<li>Button and label swatches<\/li>\n<li>Shared layout, sizing, and typography controls<\/li>\n<li>Tooltip enable\/disable support<\/li>\n<li>Attribute term configuration<\/li>\n<li>Per-product overrides for the shared swatch types<\/li>\n<li>Native WooCommerce fallback behavior when JavaScript is unavailable<\/li>\n<\/ul>\n\n<h4>Is there a Pro version?<\/h4>\n\n<p>Yes. B3 Swatches Pro extends the free core with more swatch types, more layout and styling controls, and more advanced storefront behavior.<\/p>\n\n<p>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.<\/p>\n\n<h4>Features<\/h4>\n\n<ul>\n<li>Color swatches for attribute terms<\/li>\n<li>Button\/label swatches for any attribute<\/li>\n<li>Wrap layout, square shape, and underline selector style<\/li>\n<li>Swatch width and height controls<\/li>\n<li>Internal and external layout padding<\/li>\n<li>Show labels on color swatches<\/li>\n<li>Selected chip color customization<\/li>\n<li>Heading color and size controls<\/li>\n<li>Label font-size control<\/li>\n<li>Global settings UI with a live preview<\/li>\n<li>Basic tooltip support (enable\/disable)<\/li>\n<li>Automatic dropdown-to-swatch replacement<\/li>\n<li>Attribute-term swatch configuration under Products &gt; Attributes &gt; Configure terms<\/li>\n<li>Per-product swatch overrides for shared swatch types<\/li>\n<li>Fallback to native select when JavaScript is unavailable<\/li>\n<li>Optional uninstall cleanup when \"Remove on uninstall\" is enabled<\/li>\n<\/ul>\n\n<h3>Support<\/h3>\n\n<p>If you need help, start with the documentation and FAQ below:<\/p>\n\n<ul>\n<li><a href=\"https:\/\/b3.digital\/software\/docs\/b3-swatches\">Documentation<\/a><\/li>\n<li>WordPress.org support forum: use the plugin support tab on WordPress.org<\/li>\n<\/ul>\n\n<p>When contacting support, please include:<\/p>\n\n<ul>\n<li>WordPress version<\/li>\n<li>WooCommerce version<\/li>\n<li>Theme name<\/li>\n<li>A short list of other active plugins<\/li>\n<li>Steps to reproduce (and the product URL if possible)<\/li>\n<\/ul>\n\n<h3>Third Party Services<\/h3>\n\n<p>This plugin connects to the following external services under certain conditions:<\/p>\n\n<h4>Freemius SDK<\/h4>\n\n<p>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.<\/p>\n\n<ul>\n<li>Freemius homepage: <a href=\"https:\/\/freemius.com\">https:\/\/freemius.com<\/a><\/li>\n<li>Freemius Terms of Service: <a href=\"https:\/\/freemius.com\/terms\/\">https:\/\/freemius.com\/terms\/<\/a><\/li>\n<li>Freemius Privacy Policy: <a href=\"https:\/\/freemius.com\/privacy\/\">https:\/\/freemius.com\/privacy\/<\/a><\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin folder to <code>\/wp-content\/plugins\/<\/code> or install via the Plugins screen (ZIP).<\/li>\n<li>Activate the plugin.<\/li>\n<li>Go to \"B3 Swatches\" to configure global settings.<\/li>\n<li>Configure attribute term swatches under Products &gt; Attributes.<\/li>\n<li>Edit a variable product to override swatches per product when needed.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20it%20work%20without%20javascript%3F\"><h3>Does it work without JavaScript?<\/h3><\/dt>\n<dd><p>Yes. The original WooCommerce variation dropdowns remain in the markup as a fallback. B3 Swatches enhances the form when JavaScript is available.<\/p><\/dd>\n<dt id=\"can%20i%20override%20swatches%20per%20product%3F\"><h3>Can I override swatches per product?<\/h3><\/dt>\n<dd><p>Yes. You can set global defaults, override per-attribute term (Products &gt; Attributes &gt; Configure terms), and override per-variable product.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20global%20and%20custom%20attributes%3F\"><h3>Does it work with global and custom attributes?<\/h3><\/dt>\n<dd><p>Yes. B3 Swatches works with WooCommerce attributes used for variations, including global attributes and product-level variation attributes, as long as the product is set up as a variable product.<\/p><\/dd>\n<dt id=\"will%20it%20work%20with%20my%20theme%3F\"><h3>Will it work with my theme?<\/h3><\/dt>\n<dd><p>B3 Swatches is designed to work with properly-coded WooCommerce themes. It hooks into the standard variation form and enhances the dropdown selects.<\/p>\n\n<p>If your theme or builder heavily customizes variation templates, try temporarily switching to a default WooCommerce theme to confirm whether the issue is theme-specific.<\/p><\/dd>\n<dt id=\"how%20do%20i%20set%20up%20swatches%20for%20an%20attribute%3F\"><h3>How do I set up swatches for an attribute?<\/h3><\/dt>\n<dd><ol>\n<li>Go to Products &gt; Attributes.<\/li>\n<li>Create\/edit an attribute (e.g., Color).<\/li>\n<li>Click \"Configure terms\".<\/li>\n<li>Set the swatch type and values for each term.<\/li>\n<\/ol><\/dd>\n<dt id=\"which%20product%20types%20does%20it%20support%3F\"><h3>Which product types does it support?<\/h3><\/dt>\n<dd><p>B3 Swatches is intended for WooCommerce variable products. Simple products do not use variation selectors, so there is nothing for the plugin to replace on those products.<\/p><\/dd>\n<dt id=\"my%20swatches%20aren%27t%20showing.%20what%20should%20i%20check%3F\"><h3>My swatches aren't showing. What should I check?<\/h3><\/dt>\n<dd><p>Common causes:<\/p>\n\n<ul>\n<li>The product must be a Variable product with variations.<\/li>\n<li>The attribute must be used for variations.<\/li>\n<li>A caching\/minification plugin may be delaying scripts; test with caching disabled.<\/li>\n<li>Some themes replace the variation form markup; test with a default theme to confirm.<\/li>\n<\/ul><\/dd>\n<dt id=\"does%20the%20plugin%20clean%20up%20after%20itself%3F\"><h3>Does the plugin clean up after itself?<\/h3><\/dt>\n<dd><p>Yes, when \"Remove on uninstall\" is enabled. By default the plugin keeps its data on uninstall. If you turn that setting on, deleting the plugin through the WordPress admin removes options, term meta, post meta, transients, and uploaded font files.<\/p><\/dd>\n<dt id=\"what%20is%20included%20in%20pro%3F\"><h3>What is included in Pro?<\/h3><\/dt>\n<dd><p>Pro adds image, number, and dual-color swatches, additional layouts and shapes, more typography and tooltip controls, archive\/shop swatches, variation URLs, share tools, AJAX add-to-cart enhancements, and other advanced settings.<\/p><\/dd>\n<dt id=\"where%20can%20i%20find%20documentation%20and%20support%3F\"><h3>Where can I find documentation and support?<\/h3><\/dt>\n<dd><p>Start here:<\/p>\n\n<ul>\n<li><a href=\"https:\/\/b3.digital\/software\/docs\/b3-swatches\">Documentation<\/a><\/li>\n<li>WordPress.org support forum: use the support tab on the plugin page<\/li>\n<\/ul><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"Replace WooCommerce variation dropdowns with modern color and button swatches for variable products.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ast.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/282865","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ast.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/ast.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/ast.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=282865"}],"author":[{"embeddable":true,"href":"https:\/\/ast.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/blondb"}],"wp:attachment":[{"href":"https:\/\/ast.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=282865"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/ast.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=282865"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/ast.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=282865"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/ast.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=282865"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/ast.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=282865"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/ast.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=282865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}