ThemeHunk

<p><strong>TH Variation Swatches for WooCommerce</strong> by ThemeHunk is a free, easy-to-use swatches plugin that replaces the default WooCommerce variation dropdowns with professionally styled, colourful swatches. Instead of plain select boxes, your customers can pick product variations using color swatches, image swatches, and button (label) swatches – a much nicer way to present product colors, sizes, and styles on your WooCommerce store.</p>
<p>This variation swatches plugin gives your single product, shop, and archive pages an advanced, modern look. With a user-friendly interface you can edit WooCommerce attributes and variations seamlessly, choose between rounded or square swatch shapes, enable tooltips on every product attribute, and display styled swatches across your shop and catalog pages.</p>
<p>If you sell variable products – clothing in multiple colors and sizes, accessories, or any product with attributes – Variation Swatches for WooCommerce turns boring dropdowns into clear, clickable swatches that help shoppers find what they want faster and improve your product page experience.</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>
<h4>Why choose Variation Swatches for WooCommerce?</h4>
<ul>
<li><strong>Color Variation Swatches</strong> – Show product colors as clickable color swatches instead of a dropdown, even you can show Dual color variations too.</li>
<li><strong>Image Variation Swatches</strong> – Display attribute images so customers can see exactly what they’re choosing.</li>
<li><strong>Button / Label Variation Swatches</strong> – Turn sizes and styles into clean button swatches.</li>
<li><strong>Tooltips on Swatches</strong> – Show the attribute name on hover for a clearer shopping experience.</li>
<li><strong>Rounded & Square Shapes</strong> – Pick the swatch shape that matches your theme.</li>
<li><strong>Swatches on Shop & Archive Pages</strong> – Let users choose variations right from the shop, catalog, and archive pages.</li>
<li><strong>Swatches in Quick View</strong> – Works inside Quick View for faster browsing.</li>
<li><strong>Attribute Behaviour Control</strong> – Choose how unavailable variations behave (Blur / Hide).</li>
<li><strong>Display Options</strong> – Show or hide the attribute title, name, and separator.</li>
<li><strong>Fully Responsive</strong> – Looks great on desktop, tablet, and mobile.</li>
<li><strong>Works With Any Theme</strong> – Compatible with WooCommerce and almost all WordPress themes.</li>
</ul>
<h4>Free Features</h4>
<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 />
⭐ Squared 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, Separator )<br />
⭐ Easily Customizable<br />
⭐ Responsive on All Devices<br />
⭐ Fully Documented<br />
⭐ 24×7 support available for the free product too</p>
<h4>Pro Features</h4>
<p>⭐ Advanced Tooltip in Variation Swatches<br />
⭐ Tooltip Styling Options<br />
⭐ Image Tooltip Option<br />
⭐ Button Variation Swatch Styling<br />
⭐ Swatches for Shop Page Products<br />
⭐ Swatches for Archive Pages<br />
⭐ Swatches Widgets for WooCommerce Sidebar<br />
⭐ Highlight Attributes<br />
⭐ Stock Availability Tooltip<br />
⭐ Full Styling Options for All Swatches</p>
<p>Get the <a href="https://themehunk.com/th-variation-swatches/" rel="nofollow ugc">Pro version on ThemeHunk</a> to unlock advanced styling and tooltip control.</p>
<h4>Works With Popular Themes</h4>
<p>Compatible with <a href="https://themehunk.com/th-shop-mania/" rel="nofollow ugc">Shop Mania</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/storefront/" rel="ugc">Storefront</a>, <a href="https://wordpress.org/themes/orchid-store/" rel="ugc">Orchid Store</a> and almost all WordPress themes.</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>


Variation Swatches for WooCommerce – Color, Image & Button Swatches

Variation Swatches for WooCommerce turns dropdowns into color, image & button swatches for sizes, colors and styles.

threadi

laolaweb

<p>Capture your customers by displaying your product variations beautifully. Performant output of properties in the archive view, no matter how many products and variations you have.</p>
<h4>Features</h4>
<ul>
<li>show swatches on product archives with respect the ordering</li>
<li>default activated caching of swatches to optimize the loading-time of your shop</li>
<li>choose color as attribute-type for your attributes and set one of 12 colors for your attributes</li>
<li>mouseover-event to change product-images and sales-badge on archive-listing to the touched color</li>
<li>update the swatches-cache manual on product or every hour automatically if something on a product has been changed</li>
<li>automatically updates the swatches-cache of single products if their stock changes</li>
<li>product-thumbs could be changed on hover</li>
<li>provides some WP CLI commands to delete or update swatch-caches</li>
<li>migration of color-swatches from plugin “Variation Swatches for WooCommerce” from RadiusTheme</li>
</ul>
<p>The development repository is on <a href="https://github.com/threadi/lw-product-swatches-light" rel="nofollow ugc">GitHub</a>.</p>
<h4>Requirements</h4>
<ul>
<li>installed and activated WooCommerce-plugin</li>
</ul>
<h4>Hint</h4>
<p>With <a href="https://laolaweb.com/plugins/woocommerce-varianten-plugin/" rel="nofollow ugc">Product Swatches for WooCommerce Pro</a> you will get unlimited colors, more swatch types, swatches on the product detail and much more.</p>
<h4>the Pro license includes:</h4>
<ul>
<li>more swatch types like button, two-color, image, multicolor (max. 4 different colors)</li>
<li>extends support for color-type for optional one or two colors on the same attribute</li>
<li>support for transparent colors on every color-type</li>
<li>swatches can optional displayed in frontend on: product detail, cart, checkout</li>
<li>decide which attribute-type should be visible as swatches on archive or detail</li>
<li>also decide to use product-thumbs on hover or click or not</li>
<li>and also in backend if you edit your products</li>
<li>decide if sales-badge should be visible or not on archive listing</li>
<li>change the update interval of your swatches</li>
<li>define which stock status should be considered for the output of swatches</li>
</ul>


Product Swatches Light

Capture your customers by displaying your product variations beautifully.

Variation Swatches for WooCommerce – Color, Image & Button Swatches vs Product Swatches Light