WebTend

<p>Variation Swatches for WooCommerce replaces the default dropdown-based variation selectors with visually rich swatches such as colors, images, labels, and radio buttons. It improves product browsing experience by making variation selection faster, clearer, and more user-friendly for customers.</p>
<p>This plugin is built for performance, simplicity, and compatibility with modern WooCommerce stores.</p>
<p>📖 = <a href="https://storzen.webtend.net/variation-swatches-docs.html" rel="nofollow ugc">View Documentation</a> =</p>
<h4>WooCommerce Swatches Features</h4>
<ul>
<li>Color swatches (solid and dual/split colors)</li>
<li>Image swatches for visual product variations</li>
<li>Label / Button swatches (S, M, L, XL, etc.)</li>
<li>Radio-style variation selectors</li>
</ul>
<h4>Advanced Variation Features</h4>
<ul>
<li>Dual/split color support for multi-tone products</li>
<li>Automatic variation image switching on selection</li>
<li>No page reload required for image updates</li>
<li>Swatches on product, shop, and category pages</li>
<li>Out-of-stock display control (blur, cross, or hide)</li>
</ul>
<h4>Design & Customization</h4>
<ul>
<li>Square, rounded, and circle swatch shapes</li>
<li>Custom swatch size control for product and archive pages</li>
<li>Tooltip support with customizable colors</li>
<li>Selected state indicator with customizable styling</li>
<li>Custom CSS support from settings panel</li>
</ul>
<h4>Shop & Archive Enhancements</h4>
<p>Show variation swatches directly on shop and category pages, allowing customers to preview product options without opening product pages.</p>
<h4>Accessibility</h4>
<p>Built with accessibility in mind:</p>
<ul>
<li>ARIA roles for swatches</li>
<li>Keyboard navigation support (arrow keys, Enter, Space, Escape)</li>
<li>Screen reader friendly structure</li>
</ul>
<h4>Performance & Compatibility</h4>
<ul>
<li>Lightweight and optimized structure</li>
<li>No unnecessary AJAX requests</li>
<li>Fully compatible with WooCommerce HPOS</li>
<li>Compatible with WooCommerce Cart and Checkout Blocks</li>
<li>Works with most WooCommerce themes including Astra, Flatsome, OceanWP, Storefront, and Divi</li>
</ul>
<h4>Perfect For</h4>
<ul>
<li>Fashion and clothing stores</li>
<li>Furniture and home decor shops</li>
<li>Cosmetic and beauty products</li>
<li>Any WooCommerce variable product store</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>Install and activate the plugin</li>
<li>Go to Products <span aria-hidden="true" class="wp-exclude-emoji">→</span> Attributes</li>
<li>Edit an attribute term</li>
<li>Choose swatch type (color, image, label, radio)</li>
<li>Assign values and save</li>
<li>Swatches automatically appear on product pages</li>
</ol>
<h4>Variation Image Switching</h4>
<p>When a customer selects a swatch, the corresponding product variation image is automatically displayed without page reload. This provides a smoother and more interactive shopping experience.</p>
<h4>Frequently Asked Questions</h4>
<h4>Does this work with all WooCommerce themes?</h4>
<p>Yes. The plugin uses standard WooCommerce hooks and works with most modern WooCommerce themes.</p>
<h4>Can I assign different swatches per product?</h4>
<p>Yes. You can set global swatches per attribute and override them per product if needed.</p>
<h4>Does it support custom attributes?</h4>
<p>Yes. Both global and custom product attributes can be used for swatches.</p>
<h4>What happens with out-of-stock variations?</h4>
<p>You can choose to blur, mark, or hide out-of-stock swatches from settings.</p>
<h4>Is it translation ready?</h4>
<p>Yes. The plugin is fully translation ready and compatible with multilingual plugins.</p>
<h4>Screenshots</h4>
<ol>
<li>Product page with variation swatches</li>
<li>Plugin settings panel</li>
<li>Design customization options</li>
</ol>
<h4>Changelog</h4>
<h4>1.0.0</h4>
<ul>
<li>Initial release with WooCommerce variation swatches support</li>
</ul>


Variation Swatches for WooCommerce

WooCommerce Variation Swatches replaces dropdowns with color, image, and button swatches to improve product selection and user experience.

SaturnPlugins

<p>WordPress plugin replaces WooCommerce selects with variation swatches.</p>
<h3>The main features</h3>
<ul>
<li>Color swatches</li>
<li>Image swatches</li>
<li>Label swatches</li>
</ul>


Color and Label Variations for WooCommerce

WordPress plugin replaces WooCommerce selects with variation swatches.

Variation Swatches for WooCommerce vs Color and Label Variations for WooCommerce