ThemeHunk

<p>TH Variation Swatches for WooCommerce is a Free easy to use Swatches Plugin. This plugin will replace default swatches to professionally styled and colourful swatches. Plugin interface is User-friendly which allows you to edit variations seamlessly. Plugin comes with three attribute types Colour, image & button. For each attribute, you can use rounded and square shape modes. Along with this you can also enable tool-tip on each product attribute, show the attribute title, display styled swatches at shop and catalog page. This amazing plugin will give you new experience of your WooCommerce site and advanced product page look for your customers.</p>
<p><a href="https://themehunk.com/docs/th-variation-swatches-plugin/" rel="nofollow ugc">Docs</a> | <a href="https://themehunk.com/th-variation-swatches/" rel="nofollow ugc">More Details</a> | <a href="https://themehunk.com/contact-us/" rel="nofollow ugc">support</a></p>
<p><strong>Key Features:-</strong></p>
<p>⭐ Super Fast Loading<br />
⭐ Color Variation Swatch<br />
⭐ Image Variation Swatch<br />
⭐ Button Variation Swatch<br />
⭐ Tooltip on Variation Swatches<br />
⭐ Rounded Shape Style<br />
⭐ Sqaured Shape Style<br />
⭐ Attribute Behaviour ( Blur/Hide )<br />
⭐ Swatches for Quick View<br />
⭐ Swatches for Shop page, Archive pages<br />
⭐ Display Options ( Attribute Title, Name, Seperator )<br />
⭐ Easily Customizable<br />
⭐ Responsive to All devices<br />
⭐ Fully Documentated<br />
⭐ 24×7 support available for free product too.</p>
<p><strong>Pro Features:-</strong></p>
<p>⭐ Tooltip in Variation Swatches<br />
⭐ Tooltip Styling Option<br />
⭐ Image Tooltip Option<br />
⭐ Button Variation Swatch<br />
⭐ Styling Options for Button Swatches<br />
⭐ Swatches for Shop Page Products<br />
⭐ Swatches for Archive page<br />
⭐ Swatches Widgets for WooCommerce Pages Sidebar<br />
⭐ Highlight Attributes<br />
⭐ Stock Availability ToolTip<br />
⭐ Styling Options for all Swatches</p>
<h3>Demo</h3>
<p><a href="https://wpthemes.themehunk.com/sport-shop/" rel="nofollow ugc">Sport Shop</a>, <a href="https://wpthemes.themehunk.com/topstore-watches/" rel="nofollow ugc">Top Store Watches</a>, <a href="https://wpthemes.themehunk.com/pet-world/" rel="nofollow ugc">Pet World</a>, <a href="https://wpthemes.themehunk.com/open-shop-pro/" rel="nofollow ugc">Open Shop Pro Demo 1</a>, <a href="https://wpthemes.themehunk.com/open-shop-pro-demo2/" rel="nofollow ugc">Open Shop Pro Demo 2</a></p>
<h3>Compatible Themes</h3>
<p><a href="https://wordpress.org/themes/astra/" rel="ugc">Astra</a>, <a href="https://wordpress.org/themes/oceanwp/" rel="ugc">OceanWP</a>, <a href="https://wordpress.org/themes/jot-shop/" rel="ugc">Jot Shop</a> <a href="https://wordpress.org/themes/top-store/" rel="ugc">Top Store</a>, <a href="https://wordpress.org/themes/big-store/" rel="ugc">Big Store</a>, <a href="https://wordpress.org/themes/open-shop/" rel="ugc">Open Shop</a>, <a href="https://wordpress.org/themes/zita/" rel="ugc">Zita</a>, <a href="https://wordpress.org/themes/royal-shop/" rel="ugc">Royal Shop</a>, <a href="https://wordpress.org/themes/open-mart/" rel="ugc">Open Mart</a>, <a href="https://wordpress.org/themes/gogo/" rel="ugc">Gogo</a>, <a href="https://wordpress.org/themes/almaira-shop/" rel="ugc">Almaira Shop</a>, <a href="https://wordpress.org/themes/oneline-lite/" rel="ugc">Oneline</a>, <a href="https://wordpress.org/themes/shopline/" rel="ugc">Shopline</a>, <a href="https://wordpress.org/themes/storefront/" rel="ugc">Storefront</a>, <a href="https://wordpress.org/themes/envo-shop/" rel="ugc">Envo Shop</a>, <a href="https://wordpress.org/themes/orchid-store/" rel="ugc">Orchid Store</a></p>


Variation Swatches for WooCommerce

Variation Swatches for WooCommerce plugin will replace default swatches to professionally styled and colourful swatches.

Sultan Nasir Uddin

PluginEver

<p>Product Variation Swatches for WooCommerce replaces the standard WooCommerce variation dropdowns with beautifully designed color, image, and label swatches, offering a more intuitive and engaging experience for your customers.</p>
<p>By transforming the boring dropdown into interactive visual swatches, this plugin helps shoppers quickly identify their desired product variations, ultimately reducing friction, enhancing store aesthetics, and boosting conversions.</p>
<p>Whether you’re selling apparel, electronics, cosmetics, or custom products, visual variation swatches give your store a modern edge and allow customers to make faster, more confident buying decisions.</p>
<h3>View Demo & Upgrade to Pro for Product Variation Swatches for WooCommerce</h3>
<p><a href="https://demo.pluginever.com/wc-variation-swatches/" rel="nofollow ugc"><strong>💻 Demo</strong></a> | <a href="https://pluginever.com/plugins/wc-variation-swatches-pro/" rel="nofollow ugc"><strong>🚀 Get The PRO Version</strong></a> | <a href="https://pluginever.com/support/" rel="nofollow ugc"><strong>🛠 Support</strong></a> | <a href="https://pluginever.com/docs/wc-variation-swatches/" rel="nofollow ugc"><strong>📄 Documentation</strong></a></p>
<h3>✨ Key Features</h3>
<h4>Free Version</h4>
<ul>
<li>Replace variation dropdowns with clickable color/image/label swatches</li>
<li>Supports color, image, and text/label swatch types</li>
<li>Add unlimited terms under each product attribute</li>
<li>Choose among round, square, or rounded corner swatch styles</li>
<li>Customize swatch width and height</li>
<li>Enable/disable plugin’s default stylesheets</li>
<li>Configure tooltip options (font size, text color, background color)</li>
<li>Toggle visibility of tooltips for each attribute</li>
<li>Apply custom border styles for swatches</li>
<li>Set the border width to control thickness.</li>
<li>Choose a border type: Solid, Dashed, Dotted, or Double.</li>
<li>Pick a border color to match your style</li>
<li>Disable, cross out, or blur unavailable variation options.</li>
<li>Set the position where you want to show the variation label.</li>
</ul>
<h4>PRO Version</h4>
<ul>
<li>Swatches on archive/shop pages globally or per product</li>
<li>Show or hide variation labels on shop/catalog pages</li>
<li>Show or hide attribute names on single product pages, and shop/catalog pages</li>
<li>Choose swatch label position: inline, stacked (left), or stacked (center)</li>
<li>Catalog swatches position: after product title and price</li>
<li>Tooltip image previews and hover effects</li>
<li>Premium support and frequent updates</li>
</ul>
<p>Upgrade to PRO: https://pluginever.com/plugins/wc-variation-swatches-pro/</p>
<h4>Coming Soon</h4>
<ul>
<li>Limit Attribute number in shop/catalog pages</li>
<li>Swatches in quick view and popups</li>
<li>Accessibility enhancements</li>
<li>Support for popular page builders (Elementor, Divi)</li>
</ul>
<h3>Benefits</h3>
<ul>
<li>Deliver a visually appealing shopping experience</li>
<li>Help customers make faster, more confident decisions</li>
<li>Reduce cart abandonment caused by confusing dropdowns</li>
<li>Manage variation styles easily without coding</li>
<li>Increase conversions and build customer trust</li>
</ul>
<h3>How It Works</h3>
<ol>
<li>Go to Products > Attributes and create a new attribute</li>
<li>Choose swatch type: Color, Image, or Label</li>
<li>Add terms with color codes, images, or text labels</li>
<li>Assign attributes to a variable product and create variations</li>
<li>Save the product and view swatches on the product page</li>
</ol>
<h3>Compatibility</h3>
<ul>
<li>Requires WooCommerce 6.0.0 or later</li>
<li>Compatible with most WooCommerce-compatible themes</li>
<li>Tested with Storefront, Astra, OceanWP, Flatsome, and more</li>
</ul>


Product Variation Swatches for WooCommerce – Enhance Your Product Attributes with Elegant Color, Image, and Label Swatches

Replace dropdowns with color, image, and label swatches for WooCommerce variations. Improve user experience and drive more conversions.

Variation Swatches for WooCommerce vs Product Variation Swatches for WooCommerce – Enhance Your Product Attributes with Elegant Color, Image, and Label Swatches