Mehbub Rashid

minhnguyen25

Brian Harris

Variation Swatches

Woosuite

Variation Swatches for WooCommerce plugin provides a much nicer way to display variations of variable products. This plugin will help you select style for each attribute as color, image or label. With this plugin, you can present product colors, sizes, styles and many things in a better way which is not supported by WooCommerce. 
This plugin only adds more options to show product variations with swatches. It doesn’t touch the default drop-down style of WooCommerce.
With a friendly and easy-to-use interface, you can add default color, image or label to each attribute in the attributes management page. It can also helps you pick the right style for quick-add attribute right inside the editing product page.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/1qGusf9IfFY?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Woosuite Variation Swatches for WooCommerce Features :
<ul>
<li><a href="https://aovup.com/plugins/woocommerce-variation-swatches/#button" rel="friend nofollow ugc">Auto Convert All Variation Dropdowns To Button Swatch</a> – With a click of a button you can convert your dropdowns into button/label.</li>
<li><a href="https://aovup.com/plugins/woocommerce-variation-swatches/#autoimage" rel="friend nofollow ugc">Auto Convert Into Image Swatches*</a> – By toggling this option you can set dual color for those products that can not be described with one color.</li>
<li><a href="https://aovup.com/plugins/woocommerce-variation-swatches/#dualcolor" rel="friend nofollow ugc">Dual Color Variation Swatches*</a> – Automatically covert dropdowns to “Image Swatch” if variation has an image.</li>
<li><a href="https://aovup.com/plugins/woocommerce-variation-swatches/#archive" rel="friend nofollow ugc">Show swatches on archive / shop</a> – Let users find what they really want by showing your swatches on the shop archive.</li>
<li><a href="https://aovup.com/plugins/woocommerce-variation-swatches/#shapes" rel="friend nofollow ugc">Attribute Variation Swatches Shapes</a> – We have included three presets for you to choose from as well as advanced styling options to further customize your swatches.</li>
<li><a href="https://aovup.com/plugins/woocommerce-variation-swatches/#outofstock" rel="friend nofollow ugc">Out of Stock Variation Swatches Control</a> – With our recent update, we have included the option for you to manage how to handle your out-of-stock variation.</li>
<li>Completely integrate with WooCommerce plugin</li>
<li>Work on variable product only</li>
<li>Create attribute color swatches</li>
<li>Create attribute image swatches</li>
<li>Create attribute label/text swatches</li>
<li>Manage attribute globally</li>
<li>Create new attribute swatch in product editing page</li>
</ul>
<h4>What’s Next</h4>
If you like this Variation swatches plugin, then consider checking out our <a href="https://wpclient.com/" rel="nofollow ugc">other projects</a>:
<ul>
<li><a href="https://aovup.com/plugins/woocommerce-additional-variation-images/" title="Additional variation images for WooCommerce" rel="friend nofollow ugc">Additional variation images for WooCommerce</a> – Show additional variation images and videos to showcase your product key highlights.</li>
<li><a href="https://aovup.com/plugins/woocommerce-show-variations-on-shop-page/" rel="nofollow ugc">Show Variations on Shop Page</a> – Show your variation products on your shop page separately to increase your catalog size and the user experience.</li>
<li><a href="https://aovup.com/plugins/dynamic-pricing-discount-rules/" title="Dynamic Pricing & Discount Rules for WooCommerce" rel="friend nofollow ugc">Dynamic Pricing & Discount Rules for WooCommerce</a> – Create Buy one get one free offers, schedule promotions, tiered pricing, role base pricing, and much more.</li>
<li><a href="https://aovup.com/plugins/min-max-quantities/" title="Minimum/Maximum Quantity for WooCommerce" rel="friend nofollow ugc">Minimum/Maximum Quantity for WooCommerce</a> – Create quantity increments, spending rules, and as the name suggests minimum and maximum quantity for woocommerce.</li>
<li><a href="https://aovup.com/plugins/woocommerce-product-bundles/" rel="nofollow ugc">Product Bundles for WooCommerce</a> – Improve your average order value by creating irresistible product bundles.</li>
<li><a href="https://aovup.com/plugins/wholesale/" rel="nofollow ugc">Wholesale Suite for Woocommerce</a> – Maximize your store revenue by catering to wholesale customers, you can sell to B2B + B2C.</li>
<li><a href="https://aovup.com/plugins/product-table/" rel="nofollow ugc">Quick Order Form for WooCommerce</a> – Create a streamlined bulk order form to reduce friction in users checking out.</li>
<li><a href="https://aovup.com/plugins/woocommerce-quick-view/" rel="nofollow ugc">Product Quick View for WooCommerce</a> – Allows users to get a quick look at products without opening the product page.</li>
<li><a href="https://aovup.com/plugins/restriction-rules/" rel="nofollow ugc">Restriction Rules for WooCommerce</a> – Set your store to private mode, password protection, menu item restriction, hide products, and more.</li>
<li><a href="https://aovup.com/plugins/sales-agent-reps/" rel="nofollow ugc">Sales Agents for WooCommerce</a> – Grow your business by adding sale agents to your WooCommerce store.</li>
</ul>
Visit <a href="https://aovup.com/blog/" rel="friend nofollow ugc">the AOVUP blog</a> to learn from our <a href="https://aovup.com/woocommerce/" title="WooCommerce Tutorials" rel="friend nofollow ugc">WordPress Tutorials</a> and find out about other <a href="https://aovup.com/plugins/" title="Best WordPress Plugins" rel="friend nofollow ugc">WooCommerce plugins</a>.

Variation Swatches for WooCommerce

Creates variation swatches for WooCommerce, converts your variation dropdown into color, label, or photo swatches with ease, The original Variation Sw …

ThemeHunk

TH Variation Swatches for WooCommerce 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.
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.
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.
<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>
<h4>Why choose Variation Swatches for WooCommerce?</h4>
<ul>
<li>Color Variation Swatches – Show product colors as clickable color swatches instead of a dropdown, even you can show Dual color variations too.</li>
<li>Image Variation Swatches – Display attribute images so customers can see exactly what they’re choosing.</li>
<li>Button / Label Variation Swatches – Turn sizes and styles into clean button swatches.</li>
<li>Tooltips on Swatches – Show the attribute name on hover for a clearer shopping experience.</li>
<li>Rounded & Square Shapes – Pick the swatch shape that matches your theme.</li>
<li>Swatches on Shop & Archive Pages – Let users choose variations right from the shop, catalog, and archive pages.</li>
<li>Swatches in Quick View – Works inside Quick View for faster browsing.</li>
<li>Attribute Behaviour Control – Choose how unavailable variations behave (Blur / Hide).</li>
<li>Display Options – Show or hide the attribute title, name, and separator.</li>
<li>Fully Responsive – Looks great on desktop, tablet, and mobile.</li>
<li>Works With Any Theme – Compatible with WooCommerce and almost all WordPress themes.</li>
</ul>
<h4>Free Features</h4>
⭐ Super Fast Loading 
⭐ Color Variation Swatch 
⭐ Image Variation Swatch 
⭐ Button Variation Swatch 
⭐ Tooltip on Variation Swatches 
⭐ Rounded Shape Style 
⭐ Squared Shape Style 
⭐ Attribute Behaviour ( Blur / Hide ) 
⭐ Swatches for Quick View 
⭐ Swatches for Shop Page & Archive Pages 
⭐ Display Options ( Attribute Title, Name, Separator ) 
⭐ Easily Customizable 
⭐ Responsive on All Devices 
⭐ Fully Documented 
⭐ 24×7 support available for the free product too
<h4>Pro Features</h4>
⭐ Advanced Tooltip in Variation Swatches 
⭐ Tooltip Styling Options 
⭐ Image Tooltip Option 
⭐ Button Variation Swatch Styling 
⭐ Swatches for Shop Page Products 
⭐ Swatches for Archive Pages 
⭐ Swatches Widgets for WooCommerce Sidebar 
⭐ Highlight Attributes 
⭐ Stock Availability Tooltip 
⭐ Full Styling Options for All Swatches
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.
<h4>Works With Popular Themes</h4>
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.
<h3>Demo</h3>
<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>

Variation Swatches for WooCommerce – Color, Image & Button Swatches

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

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