Mehbub Rashid

Brian Harris

minhnguyen25

Woosuite

Variation Swatches

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" title="How to Setup Variation Swatches for WooCommerce Free (Color, Image & Button Swatches)" width="750" height="422" src="https://www.youtube.com/embed/1qGusf9IfFY?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></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 …

YayCommerce

Got plenty of website traffic but struggling with low add-to-cart and conversion rates?
It might be time to upgrade your product variation experience. Instead of using a boring dropdown, customers can visually select product attributes like colors, sizes, and styles.
✨ YaySwatches is here to do the magic!
<a href="https://demo.yaycommerce.com/yayswatches/" rel="nofollow ugc">Quick Demo</a> | <a href="https://demo.yaycommerce.com/try-yayswatches/" rel="nofollow ugc">Admin Demo</a>
YaySwatches brings your WooCommerce product variations to life:
<ul>
<li>Enable color, image, and label swatches </li>
<li>Zoom preview or enlarged image of swatch</li>
<li>Display full color/attribute name on hover</li>
<li>Shows additional info when hovering over a swatch</li>
<li>Customers can select variations directly from the product listing (Pro version)</li>
<li>Greyed-out or crossed swatches for out-of-stock items (Pro version)</li>
<li>Dual-color swatches supported</li>
</ul>
<a href="https://yaycommerce.com/yayswatches-variation-swatches-for-woocommerce/" rel="nofollow ugc">Check out YaySwatches Pro</a> 💎
👋 YaySwatches Works with Popular Page Buiders
<ul>
<li>Gutenberg</li>
<li>Elementor</li>
<li>Kubio Page Builder</li>
<li>SiteOrigin</li>
<li>Beaver Builder</li>
<li>Brizy Builder</li>
<li>Divi</li>
<li>Thrive Architect</li>
<li>Bricks Builder</li>
<li>Oxygen</li>
<li>And many more</li>
</ul>
🚀 Works with Any WooCommerce Themes
<ul>
<li>Brandy</li>
<li>Blocksy</li>
<li>GeneratePress</li>
<li>OceanWP</li>
<li>Storefront</li>
<li>YITH themes</li>
</ul>
🌐 Multi-Language Plugins Supported
<ul>
<li>WPML</li>
<li>Polylang</li>
</ul>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/whunb1CZepg?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>
<a href="https://docs.yaycommerce.com/yayswatches/getting-started/introduction" rel="nofollow ugc">Documentation</a> | <a href="https://docs.yaycommerce.com/yayswatches/why-upgrade" rel="nofollow ugc">Free vs Pro</a>
<h3>⚡️ FEATURES</h3>
YaySwatches is a feature-packed WooCommerce variation swatches plugin with a modern and simplified user interface.
It combines WooCommerce global attributes and custom product attributes in a single dashboard.
Just visit YaySwatches options and settings, you will see all available product attributes and set the styles you like.
Color Swatches 
Displaying the corresponding product image swatches based on colors.
Automated Variation Image Swatches 
If your products come with different variant images, they will be shown automatically.
Customizable Swatch Bubbles 
Plenty of design options, including swatch shape, size, border, color, spacing, and tooltip.
Customizable Swatch Button 
You can tweak the variation button design to fit your website’s color profiles. Even better, you can display buttons for attributes like size, material, model, etc. right on the shop/category page.
Powerful Attribute Options 
YaySwatches works with pre-existing attributes (free version) and also custom product attributes (premium version only).
Enhanced Shop Page & Catalogs (PRO) 
Shop page, catalogs, and category pages are fully supported in <a href="https://yaycommerce.com/yayswatches-variation-swatches-for-woocommerce/" rel="nofollow ugc">YaySwatches Pro</a> version. You can enable and set a limit to the number of swatch bubbles shown for each product on the shop page. This helps keep your product grid neat and tidy. Once the customer clicks on the rest of the swatch options, they can view the remaining swatches or jump to the product page.
Out-of-stock Variation Visibility (PRO) 
Show or hide those variations that have been sold out on the product page, shop page, and categories page. You can choose a predesigned style for showing/hiding out-of-stock variants to fit your WooCommerce store.
Making Your Products Easy to Find 
The ultimate goal of this plugin is to make browsing your products or services extremely easy!
<h3>QUICK & EASY SETUP</h3>
With YaySwatches – Variation Swatches for WooCommerce plugin, it takes a few minutes to set up all WooCommerce variation swatches.
It provides a more vivid appearance for your product attributes through color swatches, image swatches, automated variant image swatches, buttons, and radio buttons.
As a result, all of the items are displayed so that your customer can quickly get all the available product options you have to offer.
With YaySwatches, the customers can browse and buy your products with engagement!
To further enhance your ecommerce site, you can even <a href="https://yaycommerce.com/how-to-send-woocommerce-custom-emails-per-product/" rel="nofollow ugc">send WooCommerce custom email per product</a>, product variations, or product SKUs.
Find out more: 
🔍 Want to see YayCommerce in action? <a href="https://demo.yaycommerce.com/" rel="nofollow ugc">View all YayCommerce plugin demos</a> and explore the full suite of features.

YaySwatches – Variation Swatches for WooCommerce

Got plenty of website traffic but struggling with low add-to-cart and conversion rates?

Variation Swatches for WooCommerce vs YaySwatches – Variation Swatches for WooCommerce