b3digital

<p>B3 Swatches replaces WooCommerce variation dropdowns with fast, modern, and responsive swatches for variable products.</p>
<p>This version includes the feature set: color and button swatches, base layout and sizing controls, tooltip toggles, and per-product overrides.</p>
<h4>Features</h4>
<ul>
<li>Color swatches for attribute terms</li>
<li>Button/label swatches for any attribute</li>
<li>Wrap layout for swatch display</li>
<li>Square swatch shape</li>
<li>Underline selector style</li>
<li>Swatch width and height controls</li>
<li>Internal and external layout padding</li>
<li>Show labels on color swatches</li>
<li>Selected chip color customization</li>
<li>Heading color and size controls</li>
<li>Label font-size control</li>
<li>Global settings UI with a live preview</li>
<li>Basic tooltip support (enable/disable)</li>
<li>Automatic dropdown-to-swatch replacement</li>
<li>Attribute-term swatch configuration (Products > Attributes > Configure terms)</li>
<li>Per-product swatch overrides for shared swatch types</li>
<li>Fallback to native select when JavaScript is unavailable</li>
<li>Optional uninstall cleanup when “Remove on uninstall” is enabled</li>
</ul>
<p>Requirements:</p>
<ul>
<li>WordPress 6.8+</li>
<li>WooCommerce 6.8+</li>
<li>PHP 7.4+</li>
</ul>
<h3>Support</h3>
<p>If you need help, please start by checking the FAQ below.</p>
<p>To request support, use the support channel where you installed the plugin (for example, the WordPress.org support forum or the support channel on the plugin website).</p>
<p>When contacting support, please include:</p>
<ul>
<li>WordPress version</li>
<li>WooCommerce version</li>
<li>Theme name</li>
<li>A short list of other active plugins</li>
<li>Steps to reproduce (and the product URL if possible)</li>
</ul>
<p>Supported:</p>
<ul>
<li>Standard WooCommerce variation forms and templates</li>
<li>Most properly-coded themes that do not replace the variation form markup</li>
<li>Configuration questions (global settings, attribute terms, per-product overrides)</li>
</ul>
<p>Not supported:</p>
<ul>
<li>Custom themes/builders that replace or heavily rewrite the WooCommerce variation form</li>
<li>Debugging issues caused by custom code snippets that modify variation selection behavior</li>
</ul>
<h3>Third Party Services</h3>
<p>This plugin connects to the following external services under certain conditions:</p>
<h4>Freemius SDK</h4>
<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>
<p>The plugin also includes <code>assets/freemius-pricing.css</code> and <code>assets/freemius-account.css</code>, which are styling companions for the Freemius SDK pricing/account screens. They are part of the Freemius integration surface and do not add swatch, cart, share, or other plugin feature logic.</p>
<ul>
<li>Freemius homepage: <a href="https://freemius.com" rel="nofollow ugc">https://freemius.com</a></li>
<li>Freemius Terms of Service: <a href="https://freemius.com/terms/" rel="nofollow ugc">https://freemius.com/terms/</a></li>
<li>Freemius Privacy Policy: <a href="https://freemius.com/privacy/" rel="nofollow ugc">https://freemius.com/privacy/</a></li>
</ul>
<h3>Source Code & Build Tools</h3>
<p>This plugin includes pre-built JavaScript and CSS files in the <code>dist/</code> directory. The original source code is included in the <code>src/</code> directory. To build from source:</p>
<ol>
<li>Install Node.js dependencies: <code>npm install</code></li>
<li>Install PHP dependencies: <code>composer install</code></li>
<li>Build for production: <code>npm run build</code></li>
</ol>
<p>The build process uses Vite (<code>vite.config.ts</code>) and TypeScript (<code>tsconfig.json</code>). See <code>package.json</code> for all available scripts.</p>


B3 Swatches

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

RedefiningTheWeb

<p>Enhance the visual aesthetics of your products and the attributes of a variation to bestow an appealing look to your product page. It is a feature-packed extension to get a neat, polished, and sophisticated look for all variations on your WooCommerce store pages.</p>
<p>This user-friendly plugin allows you to select different attributes and styles to display the variations of all variable products. There are endless options and flexibility to customize the look and feel you want to achieve for the swatches- round or square shape, convert dropdown menus into images, and so much more.</p>
<p>Select a preferred style for the variations from several options grouped under different categories- color, images, buttons, and radio. It also allows the buyers on your website to add products to the shopping cart from the store gallery/Archive pages directly using the ‘Add to Cart’ button.</p>
<p><strong>Make a smart move with PRO Version</strong> <a href="https://codecanyon.net/item/woocommerce-variation-swatches-master/31750388" rel="nofollow ugc">WooCommerce Variation Swatches Master </a></p>
<h3>Core features</h3>
<p>The Variation Swatches Master Lite for WooCommerce plugin includes the following features –</p>
<ul>
<li>Convert all Dropdowns into Swatches Automatically</li>
<li>Swatches for Single Product Page</li>
<li>Color Variation Swatches for Single Page</li>
<li>Button Variation Swatches for Single Page</li>
<li>Rounded & Square Shape Variation for Swatches</li>
</ul>
<h3>Conditions & Restrictions</h3>
<ul>
<li>Choose Maximum Discount given amount</li>
<li>Time Validation (Discount Starts on and Ends on)</li>
<li>Exclude sale item from discount rule</li>
</ul>
<h3>Premium Features</h3>
<ul>
<li>Convert all Dropdowns into Swatches Automatically</li>
<li>Create Different Types of Swatches for Products</li>
<li>Create Unlimited Attributes </li>
<li>Swatches for Single Product Page</li>
<li>Create Unlimited Swatches</li>
<li>Image Variation Swatches for Single & Shop Page</li>
<li>Color / Multicolor Variation Swatches for Shop & Single Page</li>
<li>Button Variation Swatches for Shop & Single Page</li>
<li>Text Tooltip for Variation Swatches</li>
<li>Display Swatches for Shop / Archive Page</li>
<li>Rounded & Square Shape Variation for Swatches</li>
<li>Blur / Hide Variation for Out of Stock </li>
<li>Multiple Display Options for Swatches Types</li>
<li>Custom Attribute Settings</li>
<li>Styling Tooltip and Other Custom Sections</li>
<li>Display ‘Add to Cart’ Button at the Shop Page</li>
</ul>
<h3>Benefits of Using Our Premium Plugin</h3>
<h4>Maximize Sales</h4>
<p>Boost sales on your store with attract festive and seasonal offers for returning customers based on their purchases history.</p>
<p>= For Premium Plugin you can <a href="https://codecanyon.net/item/woocommerce-variation-swatches-master/31750388" rel="nofollow ugc">visit here</a>.</p>
<h3>Follow Us</h3>
<ul>
<li><strong><a href="https://redefiningtheweb.com/" rel="nofollow ugc">Official Website</a></strong></li>
<li><strong><a href="https://codecanyon.net/user/redefiningtheweb/portfolio" rel="nofollow ugc">CodeCanyon Portfolio</a></strong></li>
<li><strong><a href="https://www.facebook.com/redefiningtheweb/" rel="nofollow ugc">Facebook</a></strong></li>
<li><strong><a href="https://twitter.com/WebRedefining/" rel="nofollow ugc">Twitter</a></strong></li>
<li><strong><a href="https://www.linkedin.com/company/redefiningtheweb/" rel="nofollow ugc">Linkedin</a></strong></li>
</ul>
<h4>Liked Our Plugin?</h4>
<ul>
<li>Join our <a href="https://www.facebook.com/redefiningtheweb/" rel="nofollow ugc">Facebook Group</a></li>
<li>Learn from our tutorials on <a href="https://www.youtube.com/@redefiningtheweb" rel="nofollow ugc">YouTube Channel</a></li>
<li>Or rate us on <a href="https://wordpress.org/support/plugin/variation-swatches-master-lite-for-woocommerce/reviews/" rel="ugc">WordPress</a> 🙂</li>
</ul>


Variation Swatches Master Lite for WooCommerce

The Variation Swatches Master Lite for WooCommerce is an advanced module for WP-powered online stores. It helps you to customize the variations on you …

B3 Swatches vs Variation Swatches Master Lite for WooCommerce