By using our  woocommerce plugin you can generate color and image swatches to display the available product variable attributes like colors, sizes, st …

Phoeniixx

<p><a href="http://colorandimageswatchesfree.phoeniixxdemo.com/product/ninja/" rel="nofollow ugc">FREE VERSION DEMO LINK</a> | <a href="https://colorandimageswatchesfree.phoeniixxdemo.com/wp-content/uploads/2019/07/color-swatches.pdf" rel="nofollow ugc">FREE VERSION DOCUMENTATION LINK</a></p>
<h4>Overview</h4>
<p>By using our  woocommerce plugin you can generate color and image swatches to display the available product variable attributes like colors, sizes, styles etc. You can replace the drop down fields with color and image swatches.</p>
<h4>Free Features:</h4>
<ul>
<li><strong>NEW </strong> Option to create Image Swatches.</li>
<li><strong>NEW </strong> Option to set swatch style as Square or Circle.</li>
<li>Option to create unlimited Color Swatches.</li>
<li>Works on variable products only.</li>
</ul>
<p><a href="http://colorandimageswatchesfree.phoeniixxdemo.com/product/ninja/" rel="nofollow ugc">FREE VERSION DEMO LINK</a> | <a href="https://colorandimageswatchesfree.phoeniixxdemo.com/wp-content/uploads/2019/07/color-swatches.pdf" rel="nofollow ugc">FREE VERSION DOCUMENTATION LINK</a></p>
<p><strong>Take a look at how to add Swatches to a product</strong>.<br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/m8x8LvFQLw0?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></span></p>
<h4>Premium Features:</h4>
<p><strong>Take a look at Premium features</strong>.<br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/O7nGU59-30U?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></span></p>
<p><a href="http://colorswatches.phoeniixxdemo.com/shop/" rel="nofollow ugc">PREMIUM VERSION LIVE DEMO</a> | <a href="https://www.phoeniixx.com/product/color-image-swatches-woocommerce/" rel="nofollow ugc">PREMIUM VERSION LINK</a> | <a href="https://www.phoeniixx.com/wp-content/uploads/2018/07/Color-Swatches-Documentation-Pro-1.pdf" rel="nofollow ugc">DOCUMENTATION LINK</a></p>
<ul>
<li>Option to show swatches on Shop Page.</li>
<li>Option to create swatches using Radio Buttons.</li>
<li>Option to create swatches using Bicolors.</li>
<li>Option to set the minimum number of attributes to show on Shop Page.</li>
<li>Option to zoom the swatch image on hover.</li>
<li>Can show tooltip on hover.</li>
<li>There are option for styling the Swatch Square Style. Can choose either Round Edge or Sharp Edge.</li>
<li>Option to adjust tooltip background color and text color.</li>
<li>Option to show tooltip on both shop page as well as on product page.</li>
<li>Option to set the Attribute Lable Text below or above the attributes.</li>
<li>Option to create swatches using colors.</li>
<li>Option to create swatches using images.</li>
<li>Option to create swatches using icons, grid of 300 icons library is available with this option.</li>
<li>Option to create swatches using text.</li>
<li>Attributes can be shown in the dropdown by choosing option None.</li>
<li>You can create Swatches globally.</li>
<li>You also have the option to create color and image swatches on a per-product basis.</li>
<li>Swatches can be stylized by changing Default Swatch Border Color,Active Swatch Border Color,Swatch Color,Swatch Hover Color.</li>
<li>Option to change Swatch border style in circle or square shape.</li>
<li>Swatch Type Size can also be adjusted according to choice.</li>
<li>You can use swatches on each variation you have set up.</li>
<li>While creating global attributes list you can select swatch type to show it in Color, image or icon option.</li>
<li>You can use Taxonomy colors and images to show global attributes on per product.</li>
<li>Show or Hide attribute term label.</li>
<li>Option to set the attribute term label font size and font weight.</li>
<li>Option to set the top and bottom margin between the attribute term label.</li>
<li>Option to set the price label and font weight.</li>
<li>Can also set the Color , Icon , Image and Text swatch thumbnail size.</li>
</ul>
<p><a href="http://colorswatches.phoeniixxdemo.com/shop/" rel="nofollow ugc">PREMIUM VERSION LIVE DEMO</a> | <a href="https://www.phoeniixx.com/product/color-image-swatches-woocommerce/" rel="nofollow ugc">PREMIUM VERSION LINK</a> | <a href="https://www.phoeniixx.com/wp-content/uploads/2018/07/Color-Swatches-Documentation-Pro-1.pdf" rel="nofollow ugc">DOCUMENTATION LINK</a></p>
<h4>Premium WordPress Themes</h4>
<p>Here is our premium wordpress theme</p>
<ul>
<li><a href="https://www.phoeniixx.com/product/foody/" rel="nofollow ugc">Foody Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/jstore-theme/" rel="nofollow ugc">Jstore Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/eezy-store/" rel="nofollow ugc">Eezy Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/craze/" rel="nofollow ugc">Craze Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/seofication/" rel="nofollow ugc">Seofication Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/news-prime/" rel="nofollow ugc">News Prime Themes</a></li>
</ul>
<blockquote>
<h4>Our Website</h4>
<ul>
<li>  <a href="https://www.phoeniixx.com/" rel="nofollow ugc">https://www.phoeniixx.com/</a></li>
</ul>
<h4>Support Email</h4>
<ul>
<li>  <a href="mailto:support@phoeniixx.com" rel="nofollow ugc">support@phoeniixx.com</a></li>
</ul>
<h4>NOTE</h4>
<ul>
<li>  Our plugin doesn’t support the multisite network.
</li>
</ul>
</blockquote>


Alternatives to Color and Image Swatches for Variable Product Attributes

Top alternatives