{"id":5064,"date":"2025-02-22T05:52:04","date_gmt":"2025-02-22T05:52:04","guid":{"rendered":"https:\/\/s-o-s.net\/variation-swatches-for-woocommerce\/"},"modified":"2025-02-22T05:52:04","modified_gmt":"2025-02-22T05:52:04","slug":"variation-swatches-for-woocommerce","status":"publish","type":"post","link":"https:\/\/s-o-s.net\/en_gb\/variation-swatches-for-woocommerce\/","title":{"rendered":"Variation Swatches for WooCommerce"},"content":{"rendered":"<p> <br \/>\n<\/p>\n<article id=\"post-95945\" class=\"alignwide post-95945 plugin type-plugin status-publish hentry plugin_tags-variation-swatches plugin_tags-variation-swatches-for-woocommerce plugin_tags-woocommerce-attributes plugin_tags-woocommerce-variation plugin_tags-woocommerce-variation-swatches plugin_contributors-themehigh plugin_business_model-commercial plugin_committers-themehigh\">\n<div class=\"plugin-banner\" id=\"plugin-banner-product-variation-swatches-for-woocommerce\"><\/div>\n<header class=\"plugin-header\">\n<div class=\"entry-heading-container\">\n<div>\n<div class=\"entry-thumbnail\">\n\t\t\t\t\t<img decoding=\"async\" class=\"plugin-icon\" srcset=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/icon-128x128.png?rev=2002722, https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/icon-256x256.png?rev=2002722 2x\" src=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/icon-256x256.png?rev=2002722\" alt=\"\">\t\t\t\t<\/div>\n<div>\n<h1 class=\"plugin-title\">Variation Swatches for WooCommerce<\/h1>\n<p>\t\t\t\t\t<span class=\"byline\">By <span class=\"author vcard\"><a target=\"_blank\" class=\"url fn n\" href=\"https:\/\/profiles.wordpress.org\/themehigh\/\" rel=\"noopener\">ThemeHigh<\/a><\/span><\/span>\n\t\t\t\t<\/div>\n<\/p><\/div>\n<div class=\"plugin-actions\">\n<div class=\"wp-block-button is-small plugin-download download-button\"><a target=\"_blank\" class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/downloads.wordpress.org\/plugin\/product-variation-swatches-for-woocommerce.2.3.9.zip\" rel=\"noopener\">Download<\/a><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/header>\n<p><!-- .entry-header --><\/p>\n<p>\t<span id=\"description\"><\/span><br \/>\n\t<span id=\"reviews\"><\/span><br \/>\n\t<span id=\"installation\"><\/span><br \/>\n\t<span id=\"developers\"><\/span><br \/>\n\t<span id=\"advanced\" class=\"\"><\/span><br \/>\n\t<span id=\"section-links\"><\/p>\n<ul class=\"tabs clear\">\n<li id=\"tablink-description\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/product-variation-swatches-for-woocommerce\/#description\" rel=\"noopener\">Details<\/a><\/li>\n<li id=\"tablink-reviews\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/product-variation-swatches-for-woocommerce\/#reviews\" rel=\"noopener\">Reviews<\/a><\/li>\n<li id=\"tablink-installation\">\n\t\t\t\t<a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/product-variation-swatches-for-woocommerce\/#installation\" rel=\"noopener\">Installation<\/a>\n\t\t\t<\/li>\n<li id=\"tablink-developers\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/product-variation-swatches-for-woocommerce\/#developers\" rel=\"noopener\">Development<\/a><\/li>\n<\/ul>\n<div id=\"link-support\">\n\t\t\t<a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/plugin\/product-variation-swatches-for-woocommerce\/\" rel=\"noopener\">Support<\/a>\n\t\t<\/div>\n<p>\t<\/span><br \/>\n\t<script type=\"text\/javascript\">if ( '#changelog' == window.location.hash ) { window.setTimeout( function() { window.location.hash=\"#developers\"; }, 10 ); }<\/script><\/p>\n<div class=\"entry-content\">\n<div id=\"tab-description\" class=\"plugin-description section\">\n<h2 id=\"description-header\">Description<\/h2>\n<h4>Introduction<\/h4>\n<p>WooCommerce Variation Swatches plugin enables you to convert default WooCommerce product attribute drop-downs into stylish swatches. This fantastic plugin helps you exhibit product variants (based on color, size, texture, etc.) in style, assisting customers to choose their preferred variant quickly.<\/p>\n<p>Using this variation swatches for WooCommerce plugin, you can create swatches of 4 types to display the product attributes as square or circle icons.<\/p>\n<p>The 4 swatch types are:<\/p>\n<h4>\ud83d\udc8e Color<\/h4>\n<p>\ud83d\udc8e Image<\/p>\n<h4>\ud83d\udc8e Label\/Button<\/h4>\n<p>\ud83d\udc8e Radio<\/p>\n<p>\u2b50 <a target=\"_blank\" href=\"https:\/\/www.themehigh.com\/docs\/variation-swatches-free-documentation\/\" rel=\"nofollow ugc noopener\">How it Works<\/a>|<a target=\"_blank\" href=\"https:\/\/flydemos.com\/wpvs\/\" rel=\"nofollow ugc noopener\">Try Demo<\/a> | <a target=\"_blank\" href=\"https:\/\/www.themehigh.com\/docs\/docs-category\/variation-swatches-for-woocommerce\/\" rel=\"nofollow ugc noopener\" class=\"broken_link\">Documents<\/a> | <a target=\"_blank\" href=\"https:\/\/www.themehigh.com\/product\/woocommerce-product-variation-swatches\/\" rel=\"nofollow ugc noopener\">Pro Version<\/a> \u2b50<\/p>\n<h4>\ud83d\udc49 Instantly convert attributes into swatches<\/h4>\n<p>You can convert default woocommerce variation drop-downs into variation swatches instantly with a single click if you want to convert it altogether.<\/p>\n<h4>\ud83d\udc49 Swatch Designs<\/h4>\n<p>This unique feature of the Variation swatches plugin lets you create multiple design types for an attribute and switch between them easily. For each design type, you can define the icon details, customize the hover &amp; border details, style the tooltip details, and much more.<\/p>\n<p><a target=\"_blank\" href=\"https:\/\/flydemos.com\/wpvs\/\" rel=\"nofollow ugc noopener\">Live Demo<\/a><\/p>\n<h4>\ud83d\udc49 Choose selection style<\/h4>\n<p>The variation swatches plugin lets you highlight the selected swatch with a checkmark. Also, you can customize the checkmark with an apt color and suitable size.<\/p>\n<p><a target=\"_blank\" href=\"https:\/\/flydemos.com\/wpvs\/product\/shoes\/\" rel=\"nofollow ugc noopener\" class=\"broken_link\">Live Demo<\/a><\/p>\n<h4>\ud83d\udc49 Display behavior of unavailable and out-of-stock variants<\/h4>\n<p>Set the unavailable and out-of-stock variant\u2019s swatches with three custom options \u2013<br \/>\n1. Hide<br \/>\n2. Blur<br \/>\n3. Blur with a cross<\/p>\n<h4>\ud83d\udc49 Swatches for Custom Product Attributes<\/h4>\n<p>This feature enables you to set up swatches for custom product attributes of variable products. You can customize these custom attributes with the three swatch types and their properties.<\/p>\n<h4>\ud83d\udc49 Tooltips for Variation Swatches<\/h4>\n<p>Show the <strong>term name<\/strong> of attributes as tooltips with a <strong>custom display color<\/strong> when someone hovers over a swatch icon.<\/p>\n<h4>\u2b50 Compatible Themes<\/h4>\n<p>A few themes that are compatible with the Variation swatches for WooCommerce plugin are:<\/p>\n<pre><code>Store Front, Flatsome, Divi Builder, Astra, Ocean Wp, \nWoodMart, Porto, Enfold, Kedence, Motor, Hestia, \nSydney, Neve, Spacious, Zakra\n<\/code><\/pre>\n<p>Besides this list, the variation swatches plugin is also compatible with other popular themes in the market.<\/p>\n<h4>\u2b50 Compatible Plugins<\/h4>\n<p>Some popular WooCommerce plugins that are compatible with Variation swatches plugin are:<\/p>\n<pre><code>Yith WooCommerce Quick View, WooCommerce Product Bundle, \nWooCommerce Composit products, WPC Smart Quick View for woocommerce by-WPClever, \nEelementor Page Builder Plugin\n<\/code><\/pre>\n<h4>\ud83d\udc49 Round and Square Attribute Variation Swatch<\/h4>\n<p>The Variation Swatches plugin lets you choose between round or square icons for your product variation swatches. So, based on your store theme, the suitable icon shape can be chosen.<\/p>\n<h4>\ud83d\udc49 Display Selected Variation Name<\/h4>\n<p>Using this Variation Swatches plugin, you can display the chosen variation name besides the attribute label.<\/p>\n<h4>\ud83d\udc49 Customize Swatches<\/h4>\n<p>The plugin provides you various customization options like editing font size, background color, icon height, icon width, etc as per your requirements.<\/p>\n<h4>\ud83d\udc49 Show swatches as dropdown<\/h4>\n<p>This unique feature of the plugin lets you display both the image and color swatches as a simple dropdown. From this color or image swatch dropdown, the shoppers can search and find the corresponding term.<\/p>\n<p><a target=\"_blank\" href=\"https:\/\/flydemos.com\/wpvs\/product\/modern-sofa-set\/\" rel=\"nofollow ugc noopener\" class=\"broken_link\">Live Demo<\/a><\/p>\n<h4>\ud83d\udc49 Enable Swatches in Additional Info<\/h4>\n<p>Using the variation swatches plugin, you can show the additional info as image or color swatches even for the simple product.<\/p>\n<h4>\ud83d\udc49 Set AJAX Variation Threshold<\/h4>\n<p>The plugin allows you to set the Ajax variation threshold value. So, based on this threshold value, the product availability check can be done through Ajax method or JavaScript.<\/p>\n<p><a target=\"_blank\" href=\"https:\/\/www.themehigh.com\/docs\/variation-swatches-free-documentation\/\" rel=\"nofollow ugc noopener\">See how these features works!<\/a><\/p>\n<p><div class=\"responsive-embed responsive-embed-16x9 embed-youtube\"><iframe title=\"[FREE Plugin] How to Display Product Variations Using Swatches?\" width=\"1140\" height=\"641\" src=\"https:\/\/www.youtube.com\/embed\/rkvXZZa1fdw?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><\/div>\n<\/p>\n<h4>\u261e Other Features<\/h4>\n<ul>\n<li>Set border color for \u2018selected\u2019 and \u2018hover\u2019 of swatches.<\/li>\n<li>Disable variation swatches plugin stylesheet to apply a theme default style.<\/li>\n<li>You can enable or disable \u2018Clear selection on reselection\u2019 option.<\/li>\n<li>Compatible with most of the quick view popup.<\/li>\n<li>Compatible with most popular plugins and themes.<\/li>\n<li>Supports additional CSS.<\/li>\n<li>Lazy load option to speed up the page loading and improve the store performance.<\/li>\n<li>Allow users to import &amp; export chosen variation swatches along with WooCommerce default product import-export.<\/li>\n<li>REST API support.<\/li>\n<\/ul>\n<h3>Other Popular plugins from Themehigh<\/h3>\n<p><strong><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/woo-checkout-field-editor-pro\/\" rel=\"ugc noopener\">Checkout Field Editor For WooCommerce<\/a><\/strong>: This Checkout Plugin from Themehigh lets you add 20 different types of custom checkout fields to your WooCommerce Checkout page that helps you to collect more information about your customers.<\/p>\n<p><strong><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/woo-extra-product-options\/\" rel=\"ugc noopener\">Extra Product Options For WooCommerce<\/a><\/strong>: This Custom Product addons plugin lets you quickly add additional fields (19 custom field types) and sections to your WooCommerce Product page.<\/p>\n<p><strong><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/woo-multistep-checkout\/\" rel=\"ugc noopener\">Multi-Step Checkout Options For WooCommerce<\/a><\/strong>: The Multistep checkout plugin helps you to split the regular WooCommerce checkout process with simpler steps by creating a better experience for your customers.<\/p>\n<p><strong><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/email-customizer-for-woocommerce\/\" rel=\"ugc noopener\">Email Customizer For WooCommerce<\/a><\/strong>: Email Customizer, an intuitive template builder that lets you customise your WooCommerce transactional emails using different elements like text, image, divider, etc.<\/p>\n<p>Join <a target=\"_blank\" href=\"https:\/\/www.facebook.com\/groups\/themehigh\/\" rel=\"nofollow ugc noopener\">Themehigh Community<\/a> to get help from similar people<\/p>\n<h3>\ud83d\udc8e\ud83d\udc8e Premium Features<\/h3>\n<p>The premium version of the Variation Swatches for WooCommerce comes with a handful of extra features for swatches display.<\/p>\n<p>With the extra features and customizations, your variation swatches can get along with any WooCommerce theme you use.<\/p>\n<p><a target=\"_blank\" href=\"https:\/\/www.themehigh.com\/product\/woocommerce-product-variation-swatches\/?utm_source=wordpress&amp;utm_medium=referral&amp;utm_content=tracking\" rel=\"nofollow ugc noopener\">Upgrade to Premium Now!<\/a><\/p>\n<p>Check out the demo for a more detailed overview of the features.<\/p>\n<p>\ud83d\udd17 <a target=\"_blank\" href=\"https:\/\/flydemos.com\/wpvs\/?utm_source=wordpress&amp;utm_medium=referral&amp;utm_content=tracking\" rel=\"nofollow ugc noopener\">Live Demo<\/a><\/p>\n<h4>\u261e Swatches on Shop Page\/Archive Pages<\/h4>\n<p>By displaying variation swatches on your WooCommerce Shop page\/Archive Page, make your shoppers quickly understand the variations which are available and which are not.<\/p>\n<h4>\u261e Add Multiple Swatch Design<\/h4>\n<p>Swatch Design is a unique feature that allows you to create multiple design types for any attribute swatches by styling the icon details, tooltip, hover and border details, etc. So, even for a single website, several design types can be created.<\/p>\n<h4>\u261e Swatch Display Options<\/h4>\n<p>Swatches can be displayed in five different ways besides the default style: Dropdown, Slider, Accordion, Horizontal Scroller, and Vertical Scroller.<\/p>\n<p><a target=\"_blank\" href=\"https:\/\/flydemos.com\/wpvs\/product\/cool-t-shirts\/\" rel=\"nofollow ugc noopener\" class=\"broken_link\">Slider Demo<\/a>| <a target=\"_blank\" href=\"https:\/\/flydemos.com\/wpvs\/product\/matte-lipstick\/\" rel=\"nofollow ugc noopener\" class=\"broken_link\">Scroller Demo<\/a><\/p>\n<h4>\u261e Individual Attribute Settings<\/h4>\n<p>With individual attribute settings, you can override the global settings for individual swatches.<\/p>\n<h4>\u261e Additional Tooltips<\/h4>\n<p>You can set an <strong>image, term name, or description<\/strong> as a tooltip for swatches.<br \/>\n<a target=\"_blank\" href=\"https:\/\/flydemos.com\/wpvs\/product\/football-boots\/\" rel=\"nofollow ugc noopener\">Description Tooltip Demo<\/a>| <a target=\"_blank\" href=\"https:\/\/flydemos.com\/wpvs\/product\/thermosteel-water-bottles\/\" rel=\"nofollow ugc noopener\" class=\"broken_link\">Image Tooltip demo<\/a><\/p>\n<h4>\u261e Default Swatches to Variation Image Swatches<\/h4>\n<p>The Variation Swatches plugin lets you convert the product variation selection dropdown into variation image swatches in a single click.<\/p>\n<h4>\u261e Separate Style Customization<\/h4>\n<p>Custom styling can be done for individual swatches with the premium version of the plugin. You can style the icon height, width, and roundness, and also the border color, color on hover and color on selected.<\/p>\n<h4>\u261e Extra Styling for Tooltips<\/h4>\n<p>With options to display images and descriptions as tooltips, you also have options to style them according to your WordPress theme and product pages.<\/p>\n<h4>\u261e Bicolor Swatches<\/h4>\n<p>Display dual colored products with a bicolor swatch just like a color swatch instead 2 colors appear inside the icon.<\/p>\n<h4>\u261e Out of Stock Styling<\/h4>\n<p>The \u201cOut of Stock\u201d text, which is the default behavioral style, is used to notify any out-of-stock variant. In addition to the default style other behavioral styles like Blur, Blur with Cross, Blur with Cancel, and Hide are available.<\/p>\n<h4>\u261e Stock Left Alert<\/h4>\n<p>With a minimum stock left alert, you can call the attention of shoppers to the limited stock of any product in your WooCommerce store.<br \/>\n<a target=\"_blank\" href=\"https:\/\/flydemos.com\/wpvs\/product\/football-boots\/\" rel=\"nofollow ugc noopener\">Live Demo<\/a><\/p>\n<h4>\u261e Get Product Variations as URL<\/h4>\n<p>Option to create product variation links for quick purchase.<\/p>\n<p>= \u261e Show swatches on filter widgets=<br \/>\nThe Variation Swatches plugin lets you display attributes as swatches on filter widgets.<\/p>\n<h4>\u261e Stock Left Alert on Shop Page<\/h4>\n<p>Display the stock left on the WooCommerce shop page, so that the shoppers can grab products of limited numbers. Also, you can set the minimum value for receiving the stock left alert.<\/p>\n<h4>\u261e Search Option for Swatch Designs &amp; Attributes<\/h4>\n<p>Both the swatch designs and attributes section includes a search option that lets you find any specific design or attribute in no time.<\/p>\n<h4>\u261e Display Swatches on Cart &amp; Checkout<\/h4>\n<p>Display the chosen image and color variations in a swatch form on the cart and checkout page.<\/p>\n<p><em>Explore the complete features by visiting the <a target=\"_blank\" href=\"https:\/\/www.themehigh.com\/product\/woocommerce-product-variation-swatches\/?utm_source=wordpress&amp;utm_medium=referral&amp;utm_content=tracking\" rel=\"nofollow ugc noopener\">Variation Swatches for WooCommerce<\/a> plugin\u2019s official page.<\/em><\/p>\n<p>Check how it works (<a target=\"_blank\" href=\"https:\/\/flydemos.com\/wpvs\/?utm_source=wordpress&amp;utm_medium=referral&amp;utm_content=tracking\" rel=\"nofollow ugc noopener\">Live Demo<\/a>)<\/p>\n<h3>Why ThemeHigh<\/h3>\n<p>Frequent updates are made to improve the plugin with a talented group of developers. Moreover, the dedicated support team will help you set up and customize your dream store with all available features and hooks.<\/p>\n<p>\ud83c\udfc6 2 Million+ Customers<br \/>\n\ud83c\udfc6 Quickest Turn-around Support<br \/>\n\ud83c\udfc6 Most Lightweight Plugins<\/p>\n<p><strong>See a few reviews below;<\/strong><\/p>\n<blockquote>\n<p>jackofallspades (@jackofallspades) \u2b50\u2b50\u2b50\u2b50\u2b50<br \/>\n  I\u2019m trying something about 10 plugins, and this one is the best. Best functionality, smooth animation and excellent support. Thank you!<\/p>\n<p>francescol (@francescol) \u2b50\u2b50\u2b50\u2b50\u2b50<br \/>\n  Great plugin! I needed a help with some issue but the support it was very excellent. 5 stars you really deserve.<\/p>\n<p>amrankalpaka (@amrankalpaka) \u2b50\u2b50\u2b50\u2b50\u2b50<br \/>\n  They have excellent features for variation swatches. Great work!<\/p>\n<\/blockquote>\n<p>For more info on ThemeHigh and Variation Swatches for WooCommerce plugin in specific, check out the following:<\/p>\n<ul>\n<li>The <a target=\"_blank\" href=\"https:\/\/www.themehigh.com\/product\/woocommerce-product-variation-swatches\/?utm_source=wordpress&amp;utm_medium=referral&amp;utm_content=tracking\" rel=\"nofollow ugc noopener\">Variation Swatches for WooCommerce<\/a> premium plugin homepage.<\/li>\n<li>The <a target=\"_blank\" href=\"https:\/\/help.themehigh.com\/hc\/en-us\/categories\/900000374206-Variation-Swatches-For-WooCommerce-\" rel=\"nofollow ugc noopener\" class=\"broken_link\">Knowledgebase<\/a>.<\/li>\n<li>Other <a target=\"_blank\" href=\"https:\/\/www.themehigh.com\/plugins\/?utm_source=wordpress&amp;utm_medium=referral&amp;utm_content=tracking\" rel=\"nofollow ugc noopener\">WordPress Plugins<\/a> by the ThemeHigh team.<\/li>\n<li>Follow ThemeHigh on <a target=\"_blank\" href=\"https:\/\/www.facebook.com\/ThemeHigh-319611541768603\/?utm_source=wordpress&amp;utm_medium=referral&amp;utm_content=tracking\" rel=\"nofollow ugc noopener\">Facebook<\/a>, <a target=\"_blank\" href=\"https:\/\/www.linkedin.com\/company\/themehigh\/?utm_source=wordpress&amp;utm_medium=referral&amp;utm_content=tracking\" rel=\"nofollow ugc noopener\">LinkedIn<\/a>, <a target=\"_blank\" href=\"https:\/\/twitter.com\/themehigh\/?utm_source=wordpress&amp;utm_medium=referral&amp;utm_content=tracking\" rel=\"nofollow ugc noopener\">Twitter<\/a> &amp; <a target=\"_blank\" href=\"https:\/\/www.youtube.com\/channel\/UC-_uMXaC_21j1Y2_nGjTyvg\/?utm_source=wordpress&amp;utm_medium=referral&amp;utm_content=tracking\" rel=\"nofollow ugc noopener\">YouTube<\/a>.<\/li>\n<\/ul>\n<\/div>\n<div id=\"screenshots\" class=\"plugin-screenshots section\">\n<h2 id=\"screenshots-header\">Screenshots<\/h2>\n<ul class=\"plugin-screenshots\">\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-1.png?rev=2429324\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-1.png?rev=2429324\" alt=\"\"><\/a><figcaption>Color swatch preview<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-2.png?rev=2429324\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-2.png?rev=2429324\" alt=\"\"><\/a><figcaption>Image swatch preview<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-3.png?rev=2429324\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-3.png?rev=2429324\" alt=\"\"><\/a><figcaption>Label swatch preview<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-4.png?rev=2429324\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-4.png?rev=2429324\" alt=\"\"><\/a><figcaption>Behaviour for unavailable and out of stock variation<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-5.png?rev=2429324\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-5.png?rev=2429324\" alt=\"\"><\/a><figcaption>Term name tooltip preview<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-6.png?rev=2529508\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-6.png?rev=2529508\" alt=\"\"><\/a><figcaption>Swatches Design types<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-7.png?rev=2529508\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-7.png?rev=2529508\" alt=\"\"><\/a><figcaption>Attribute styling<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-8.png?rev=2529508\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-8.png?rev=2529508\" alt=\"\"><\/a><figcaption>Swatch type styling<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-9.png?rev=2529508\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-9.png?rev=2529508\" alt=\"\"><\/a><figcaption>Tooltip styling<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-10.png?rev=2529508\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-10.png?rev=2529508\" alt=\"\"><\/a><figcaption>Hover and Border styling<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-11.png?rev=2529508\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-11.png?rev=2529508\" alt=\"\"><\/a><figcaption>Global settings<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-12.png?rev=2529508\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-12.png?rev=2529508\" alt=\"\"><\/a><figcaption>Global color variation attribute list preview<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-13.png?rev=2529508\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-13.png?rev=2529508\" alt=\"\"><\/a><figcaption>Global image variation attribute list preview<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-14.png?rev=2626613\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-14.png?rev=2626613\" alt=\"\"><\/a><figcaption>Checkmark with Border<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-15.png?rev=2661724\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-15.png?rev=2661724\" alt=\"\"><\/a><figcaption>Swatches on Additional Info<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-16.png?rev=2661724\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/screenshot-16.png?rev=2661724\" alt=\"\"><\/a><figcaption>Swatches as Dropdown<\/figcaption><\/figure>\n<\/li>\n<\/ul>\n<\/div>\n<div id=\"tab-installation\" class=\"plugin-installation section\">\n<h2 id=\"installation-header\">Installation<\/h2>\n<h4>Minimum Requirements<\/h4>\n<ul>\n<li>WooCommerce 4.0 or greater<\/li>\n<li>WordPress 5.3 or greater<\/li>\n<li>PHP 7.0 or greater is recommended<\/li>\n<li>MySQL 5.6 or greater is recommended<\/li>\n<\/ul>\n<h4>Automatic installation<\/h4>\n<ol>\n<li>Log in to your WordPress dashboard.<\/li>\n<li>Navigate to the Plugins menu, and click \u201cAdd New\u201d.<\/li>\n<li>Search and locate \u2018Product variation swatches for WooCommerce\u2019 plugin.<\/li>\n<li>Click \u2018Install Now\u2019, and WordPress will take it from there.<\/li>\n<\/ol>\n<h4>Manual installation<\/h4>\n<p>Manual installation method requires downloading the \u2018Product variation swatches for WooCommerce\u2019 plugin and uploading it to your web server via your FTP application. The WordPress codex contains <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/article\/managing-plugins\/#manual-plugin-installation\" rel=\"ugc noopener\">instructions on how to do this here<\/a>.<\/p>\n<\/div>\n<div id=\"faq\" class=\"plugin-faq section\">\n<h2 id=\"faq-header\">FAQ<\/h2>\n<dl>\n<dt id=\"how%20to%20setup%20swatches%20settings%20in%20product%20variation%20swatches%20for%20woocommerce%3F\">\n<h3>How to setup Swatches settings in Product Variation Swatches for WooCommerce?<\/h3>\n<\/dt>\n<dd>\n<ol>\n<li>Navigate to Dashboard <span aria-hidden=\"true\" class=\"wp-exclude-emoji\">\u2192<\/span> Products <span aria-hidden=\"true\" class=\"wp-exclude-emoji\">\u2192<\/span> Swatches Options<\/li>\n<li>Under Swatches Options, navigate to Global Settings <span aria-hidden=\"true\" class=\"wp-exclude-emoji\">\u2192<\/span>Attribute Settings.<\/li>\n<li>Set properties for icon and label like shape, height &amp; width.<\/li>\n<li>Save the changes to save the Swatches settings.<\/li>\n<\/ol>\n<\/dd>\n<dt id=\"what%20is%20a%20tooltip%20for%20a%20swatch%20and%20how%20does%20this%20work%20in%20woocommerce%20variation%20swatches%3F\">\n<h3>What is a tooltip for a swatch and how does this work in WooCommerce Variation Swatches?<\/h3>\n<\/dt>\n<dd>\n<p>The tooltip is used to set hover element for each term of an attribute\/variation.<\/p>\n<p>To set tooltip for swatches,<\/p>\n<ol>\n<li>Navigate to Swatches Options <span aria-hidden=\"true\" class=\"wp-exclude-emoji\">\u2192<\/span> Global Settings  <span aria-hidden=\"true\" class=\"wp-exclude-emoji\">\u2192<\/span> Tooltip Settings.<\/li>\n<li>Enable the checkbox Enable tooltip.<\/li>\n<li>Save the changes.<\/li>\n<\/ol>\n<p>Note: Free version will let you have Term name in the tooltip, you can have Image, description as well in the tooltip when using the Premium version of WooCommerce Product Variation Swatches<\/p>\n<\/dd>\n<dt id=\"where%20can%20i%20enter%20the%20term%20image%2Fcolor%2Flabel%20in%20woocommerce%20variation%20swatches%3F\">\n<h3>Where can I enter the term image\/color\/label in WooCommerce Variation Swatches?<\/h3>\n<\/dt>\n<dd>\n<ol>\n<li>Navigate to Products <span aria-hidden=\"true\" class=\"wp-exclude-emoji\">\u2192<\/span> Attributes<\/li>\n<li>To add a New Attribute and then configure the term (image\/color\/label), follow steps 3-7. If you already have an attribute saved, you can skip the steps and directly go to step 6.<\/li>\n<li>Using Add New Attribute section add a new attribute. Fill in the desired attribute name.<\/li>\n<li>Choose the attribute type from the type drop down. You can choose between attribute type Color \/Image \/Label \/Radio(available in Premium Version)<\/li>\n<li>Click on Add Attribute button to add the attribute.<\/li>\n<li>Once the attribute is added, you can now configure the Terms as per the attribute type selected for the attribute.<\/li>\n<li>Click on Configure Terms, you now add in the terms.\n<ul>\n<li>Attribute type Label \u2013 You will be asked to enter the Label Display Term Name along with default term data.<\/li>\n<li>Attribute type Image \u2013 You will be asked to upload the term image along with default term data.<\/li>\n<li>Attribute type Color \u2013 You will be asked to pick the term colour along with default term data.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/dd>\n<dt id=\"is%20there%20an%20option%20to%20set%20swatches%20for%20local%20attributes%20in%20woocommerce%20variation%20swatches%3F\">\n<h3>Is there an option to set swatches for local attributes in WooCommerce Variation Swatches?<\/h3>\n<\/dt>\n<dd>\n<p>Yes, Under the edit products option you can set swatches for local attributes in Swatches Settings Tab.<\/p>\n<\/dd>\n<dt id=\"how%20to%20set%20up%20different%20styles%20for%20different%20swatches%3F\">\n<h3>How to set up different styles for different swatches?<\/h3>\n<\/dt>\n<dd>\n<ul>\n<li>Navigate to Dashboard <span aria-hidden=\"true\" class=\"wp-exclude-emoji\">\u2192<\/span> Products <span aria-hidden=\"true\" class=\"wp-exclude-emoji\">\u2192<\/span> Swatches Options<\/li>\n<li>Select Swatches Design tab<\/li>\n<li>Choose any of the designs and you can customize the attribute styling, hover and border styling, tooltip styling, and swatch type specific styling.<\/li>\n<p>Note: The plugin\u2019s free version only provides 4 swatches designs, whereas the Premium version lets you add as many as you like.<\/p>\n<li>Once you\u2019ve done styling Swatches Design, go to Product Attributes<\/li>\n<li>Select any attribute, and from the \u2018Design Type\u2019 dropdown menu, select the design you styled.<\/li>\n<\/ul>\n<\/dd>\n<dt id=\"how%20to%20set%20up%20different%20selection%20styles%2F%20checkmark%20styles%20for%20swatches%3F\">\n<h3>How to set up different selection styles\/ checkmark styles for swatches?<\/h3>\n<\/dt>\n<dd>\n<ul>\n<li>Select a design from the Swatches Design tab.<\/li>\n<li>Click on the \u2018Hover and Border Styling\u2019 option, and then under Selection Style choose a swatch selection style you prefer.<\/li>\n<li>Set the size and color of the tick if the chosen style is \u2018Checkmark with border\u2019<\/li>\n<\/ul>\n<\/dd>\n<dt id=\"what%20else%20to%20do%20if%20swatches%20do%20not%20work%20on%20particular%20pages%2Fpages%20created%20with%20the%20builder%3F\">\n<h3>What else to do if swatches do not work on particular pages\/pages created with the builder?<\/h3>\n<\/dt>\n<dd>\n<p>Please add the below filter  in your child theme\u2019s functions.php<\/p>\n<pre><code>add_filter(\u2018thwvsf_enqueue_public_scripts', \u2018enqueue_public_script\u2019);\nfunction  enque_public_script(){\n    if(is_page (Page Id) {\n     return true;\n    }\n}\n<\/code><\/pre>\n<\/dd>\n<dt id=\"can%20i%20set%20an%20image%20as%20a%20tooltip%3F\">\n<h3>Can I set an image as a tooltip?<\/h3>\n<\/dt>\n<dd>\n<p>With the free version of WooCommerce Variation Swatches, you only have the option to set term name as a tooltip. If you need Images as the tooltip, you have to Upgrade to Premium Version of WooCommerce Product Variation Swatches.<\/p>\n<\/dd>\n<dt id=\"is%20there%20an%20option%20to%20display%20the%20number%20of%20products%20left%20in%20the%20stock%3F\">\n<h3>Is there an option to display the number of products left in the stock?<\/h3>\n<\/dt>\n<dd>\n<p>Upgrade to Premium version to display the number of products left in the stock. Stock left alert (min count) can also be set as per your preference when using WooCommerce Variation Swatches.<\/p>\n<\/dd>\n<\/dl>\n<\/div>\n<div id=\"tab-reviews\" class=\"plugin-reviews section\">\n<h2 id=\"reviews-header\">Reviews<\/h2>\n<div class=\"plugin-reviews\">\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/4675d479bf4b8a6a070bd803d60f21bae98081f886cbd3866816e3db784e3bb1?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/4675d479bf4b8a6a070bd803d60f21bae98081f886cbd3866816e3db784e3bb1?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/useful-plugin-for-variation-swatches\/\" rel=\"noopener\">Useful plugin for variation swatches<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/rezamnchr\/\" title=\"Posts by Reza Manouchehri\" rel=\"author noopener\">Reza Manouchehri<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">January 5, 2025<\/span><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"review-replies\">1 reply<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">I found this plugin the most useful among other ones, because:<\/p>\n<p>It has 5 different swatches types like color\/bio color, Image, Image with label, text\/label\/button, and radio.<\/p>\n<p>It has swatches display styles that makes it possible to display many swatches in Horizontal scroll, vertical scroll, accordion, dropdown, and slider.<\/p>\n<p>The possibility to create links for variations<\/p>\n<p>Affordable Price for pro version<\/p>\n<p>Fantastic support team for solving problems and customizations<\/p>\n<p>Creating unlimited designs for variation swatches<\/p>\n<p>Creating custom designs for each variation<\/p>\n<p>Compatibility with other plugins<\/p><\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/5c87dfeb0614b22ccb9db9fd9099d7d61b778f9727a9efb442d4fb5274624078?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/5c87dfeb0614b22ccb9db9fd9099d7d61b778f9727a9efb442d4fb5274624078?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/very-helpful-customer-care\/\" rel=\"noopener\">Very helpful customer care<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/macallock\/\" title=\"Posts by macallock\" rel=\"author noopener\">macallock<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">November 20, 2024<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">I had a little issue with a plugin and in about 2 updates they provided the solution! Grat customer care<\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/d700ddb9b71dd36ee10b1460e332255e8ec8cded44b6c82f8de52572e450b8b7?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/d700ddb9b71dd36ee10b1460e332255e8ec8cded44b6c82f8de52572e450b8b7?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/great-plugin-fantastic-support-142\/\" rel=\"noopener\">Great plugin, fantastic support<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/indagraf\/\" title=\"Posts by indagraf\" rel=\"author noopener\">indagraf<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">August 30, 2024<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">Very good plugin but the support is even better.<\/p>\n<p>Good vibes and great professionalism in the support.<\/p>\n<p>Recommended 100%.<\/p><\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/fb33a321a1d60dbc29174beb45e91864e84a444da17f6c17f15e4dbf77284b1f?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/fb33a321a1d60dbc29174beb45e91864e84a444da17f6c17f15e4dbf77284b1f?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/good-plugin-fast-support-11\/\" rel=\"noopener\">Good plugin, fast support<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/wollelli\/\" title=\"Posts by wollelli\" rel=\"author noopener\">wollelli<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">August 12, 2024<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">The plugin is very convenient. Support responded very quickly to queries. I like that very much.<\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/0fe228272e2c9136f21aceef19689e597b48e7e657e432d614017613274f471f?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/0fe228272e2c9136f21aceef19689e597b48e7e657e432d614017613274f471f?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/excellent-plugin-works-perfectly-with-both-my-sites\/\" rel=\"noopener\">Excellent Plugin, Works Perfectly With Both My Sites<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/mfghost\/\" title=\"Posts by mfghost\" rel=\"author noopener\">mfghost<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">April 13, 2024<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">Easy to use, works properly right from the jump. I use it on both my websites and never had an issue. Easy to set up and use.<\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/3fbe5a0aec6d53cc17c6e07a90b5baf6218afae485886906e100d71f2e0f91d8?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/3fbe5a0aec6d53cc17c6e07a90b5baf6218afae485886906e100d71f2e0f91d8?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"1 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"1\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-empty\"><\/span><span class=\"dashicons dashicons-star-empty\"><\/span><span class=\"dashicons dashicons-star-empty\"><\/span><span class=\"dashicons dashicons-star-empty\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/didnt-work-and-then-ruined-my-site\/\" rel=\"noopener\">Didn\u2019t work and then ruined my site.<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/tradin\/\" title=\"Posts by tradin\" rel=\"author noopener\">tradin<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">March 27, 2024<\/span><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"review-replies\">1 reply<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">Updated all attributes as per instructions, none of my product pages updated.<\/p>\n<p>Had to update them all manually, but the unavailable items still weren\u2019t marked with a cross despite setting this correctly.<\/p>\n<p>Useless on a mobile phone \u2013 no swatches visible and multiple customers contacted me for help.<\/p>\n<p>Logged support ticket, gave access to the site to fix, next day still having the same issues so uninstalled the plugin.<\/p>\n<p>Now I have to go into every product to manually fix them \u2013 the uninstall made things even worse with text over text over images. <\/p>\n<p>Nightmare!<\/p><\/div>\n<\/p><\/div>\n<\/article><\/div>\n<p>\t\t<a target=\"_blank\" class=\"reviews-link\" href=\"https:\/\/wordpress.org\/support\/plugin\/product-variation-swatches-for-woocommerce\/reviews\/\" rel=\"noopener\"><br \/>\n\t\t\tRead all 78 reviews\t\t<\/a><\/div>\n<div id=\"tab-developers\" class=\"plugin-developers section\">\n<h2 id=\"developers-header\">Contributors &amp; Developers<\/h2>\n<div class=\"plugin-contributors\">\n<p>\u201cVariation Swatches for WooCommerce\u201d is open source software. The following people have contributed to this plugin.<\/p>\n<p><span class=\"screen-reader-text\">Contributors<\/span><\/p>\n<ul id=\"contributors-list\" class=\"contributors-list\">\n<li>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/ba7e5cfec8fd1291ff07d52aa4a93b2414113769596e95d42be0c630813cad68?s=32&amp;d=mm&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/ba7e5cfec8fd1291ff07d52aa4a93b2414113769596e95d42be0c630813cad68?s=64&amp;d=mm&amp;r=g 2x\" class=\"avatar avatar-32 photo\" height=\"32\" width=\"32\">\t\t\t\t<a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/themehigh\/\" rel=\"noopener\"><br \/>\n\t\t\t\t\tThemeHigh\t\t\t\t<\/a>\n\t\t\t<\/li>\n<\/ul><\/div>\n<div class=\"plugin-development\">\n<p>\u201cVariation Swatches for WooCommerce\u201d has been translated into 1 locale. Thank you to <a target=\"_blank\" href=\"https:\/\/translate.wordpress.org\/projects\/wp-plugins\/product-variation-swatches-for-woocommerce\/contributors\" rel=\"noopener\">the translators<\/a> for their contributions.<\/p>\n<p><a target=\"_blank\" href=\"https:\/\/translate.wordpress.org\/projects\/wp-plugins\/product-variation-swatches-for-woocommerce\" rel=\"noopener\">Translate \u201cVariation Swatches for WooCommerce\u201d into your language.<\/a><\/p>\n<h3>Interested in development?<\/h3>\n<p><a target=\"_blank\" href=\"https:\/\/plugins.trac.wordpress.org\/browser\/product-variation-swatches-for-woocommerce\/\" rel=\"noopener\" class=\"broken_link\">Browse the code<\/a>, check out the <a target=\"_blank\" href=\"https:\/\/plugins.svn.wordpress.org\/product-variation-swatches-for-woocommerce\/\" rel=\"noopener\">SVN repository<\/a>, or subscribe to the <a target=\"_blank\" href=\"https:\/\/plugins.trac.wordpress.org\/log\/product-variation-swatches-for-woocommerce\/\" rel=\"noopener\" class=\"broken_link\">development log<\/a> by <a target=\"_blank\" href=\"https:\/\/plugins.trac.wordpress.org\/log\/product-variation-swatches-for-woocommerce\/?limit=100&amp;mode=stop_on_copy&amp;format=rss\" rel=\"noopener\" class=\"broken_link\">RSS<\/a>.<\/p>\n<\/div>\n<\/div>\n<div id=\"tab-changelog\" class=\"plugin-changelog section\">\n<h2 id=\"changelog-header\">Changelog<\/h2>\n<h4>2.3.9<\/h4>\n<ul>\n<li>Added WooCommerce 9.4 compatibility.<\/li>\n<li>Added WordPress 6.7 compatibility.<\/li>\n<\/ul>\n<h4>2.3.8<\/h4>\n<ul>\n<li>Added WooCommerce 9.2 compatibility.<\/li>\n<li>Added WordPress 6.6 compatibility.<\/li>\n<\/ul>\n<h4>2.3.7<\/h4>\n<ul>\n<li>Added WooCommerce 8.9 compatibility.<\/li>\n<li>Added WordPress 6.5 compatibility.<\/li>\n<\/ul>\n<h4>2.3.6<\/h4>\n<ul>\n<li>Added WooCommerce 8.7 compatibility.<\/li>\n<\/ul>\n<h4>2.3.5<\/h4>\n<ul>\n<li>Added WordPress 6.4 compatibility.<\/li>\n<li>Added WooCommerce 8.3 compatibility.<\/li>\n<\/ul>\n<h4>2.3.4<\/h4>\n<ul>\n<li>Added WordPress 6.3 compatibility.<\/li>\n<li>Added WooCommerce 8.0 compatibility.<\/li>\n<\/ul>\n<h4>2.3.3<\/h4>\n<ul>\n<li>Added compatibility with HPOS(High-Performance order storage).<\/li>\n<li>Added WordPress 6.2 compatibility.<\/li>\n<li>Added WooCommerce 7.7 compatibility.<\/li>\n<\/ul>\n<h4>2.3.2<\/h4>\n<ul>\n<li>Improved the labels.<\/li>\n<li>Added a link to the \u2018Attributes\u2019 settings page that directs users to the plugin\u2019s settings page.<\/li>\n<li>Added WooCommerce 7.4 compatibility.<\/li>\n<\/ul>\n<h4>2.3.1<\/h4>\n<ul>\n<li>Fixed attribute-related issues in different languages.<\/li>\n<li>Added quick links in the plugin settings page and integrated with looped-in for idea submission.<\/li>\n<li>Added WooCommerce 7.2 compatibility.<\/li>\n<li>Added WordPress 6.1 compatibility.<\/li>\n<\/ul>\n<h4>2.3.0<\/h4>\n<ul>\n<li>Added Compatibility with Woodmart, Porto, Kadence, Motor, and Enfold themes. <\/li>\n<li>Added Compatibility with Pi-direct checkout plugin. <\/li>\n<li>Added WooCommerce 6.9 compatibility.<\/li>\n<\/ul>\n<h4>2.2.0<\/h4>\n<ul>\n<li>Added compatibility with <a target=\"_blank\" href=\"https:\/\/woocommerce.com\/products\/product-bundles\/\" rel=\"nofollow ugc noopener\">WooCommerce Product Bundles<\/a> plugin.<\/li>\n<li>Added compatibility with <a target=\"_blank\" href=\"https:\/\/woocommerce.com\/products\/composite-products\/\" rel=\"nofollow ugc noopener\">WooCommerce Composite Products<\/a> plugin.<\/li>\n<li>Added WooCommerce 6.8 compatibility.<\/li>\n<\/ul>\n<h4>2.1.0<\/h4>\n<ul>\n<li>Added a new feature to allow users to import and export variation swatches along with WooCommerce default product import-export.<\/li>\n<li>Added WooCommerce 6.6 compatibility.<\/li>\n<\/ul>\n<h4>2.0.9<\/h4>\n<ul>\n<li>Added WooCommerce 6.5.1 compatibility.<\/li>\n<li>Added WordPress 6.0 compatibility.<\/li>\n<\/ul>\n<h4>2.0.8<\/h4>\n<ul>\n<li>Added WooCommerce 6.3.1 compatibility.<\/li>\n<li>Added filter for variation separator.<\/li>\n<li>Added REST API support.<\/li>\n<\/ul>\n<h4>2.0.7<\/h4>\n<ul>\n<li>Added swatches on the additional info tab for simple products.<\/li>\n<li>Added WooCommerce 6.1.0 compatibility.<\/li>\n<li>Added lazy loading for image swatch type.<\/li>\n<li>Added swatches as a dropdown feature.<\/li>\n<\/ul>\n<h4>2.0.6<\/h4>\n<ul>\n<li>Added an option for displaying the swatches in the Additional information tab.<\/li>\n<\/ul>\n<h4>2.0.5<\/h4>\n<ul>\n<li>Added  WPC Smart Quick View for woocommerce by WPClever  compatibility.<\/li>\n<\/ul>\n<h4>2.0.4<\/h4>\n<ul>\n<li>Fixed the issue of out-of-stock behavior of default selected variations.<\/li>\n<li>Fixed the issue of selected attribute labels not shown for default selected variations. <\/li>\n<li>Added WooCommerce 5.9.0 compatibility.<\/li>\n<li>Added new selection styles for color, image and label swatches.<\/li>\n<\/ul>\n<h4>2.0.3<\/h4>\n<ul>\n<li>Fixed the Flatsome quick view issue.<\/li>\n<li>Added Radio button as a new variation swatch type.<\/li>\n<li>Added WooCommerce 5.6.0 compatibility.<\/li>\n<li>Added WordPress 5.8 compatibility.<\/li>\n<\/ul>\n<h4>2.0.2<\/h4>\n<ul>\n<li>Added product attributes tab in the Swatches Options settings.<\/li>\n<li>Added terms settings option in the product attributes tab.<\/li>\n<li>Added an option to show the selected variation name beside the attribute label.<\/li>\n<li>Added WooCommerce version \u2013 5.4.1 compatibility.<\/li>\n<\/ul>\n<h4>2.0.1<\/h4>\n<ul>\n<li>Fixed issue in the Custom Attribute Settings<\/li>\n<\/ul>\n<h4>2.0.0<\/h4>\n<ul>\n<li>Settings screen UI improved.<\/li>\n<li>Added Swatches Designs feature to create multiple sets of swatch designs and assign the same to individual attributes.<\/li>\n<li>WooCommmerce 5.2.2 compatibility added.<\/li>\n<\/ul>\n<h4>1.2.0<\/h4>\n<ul>\n<li>Fixed issue of custom attribute tab expanding for multiple word attribute.<\/li>\n<li>Fixed the Attribute link used in the local attribute area.<\/li>\n<li>Fixed issue default variation selection while loading the page for local attributes.<\/li>\n<li>Removed multiple id used in the plugin.<\/li>\n<li>Added OceanWP quick view compatibility.<\/li>\n<li>Improved the last active tab opened in the admin settings.<\/li>\n<li>WordPress 5.6 style issue corrected for buttons.<\/li>\n<li>WooCommerce 4.8.0 compatibility added.<\/li>\n<\/ul>\n<h4>1.1.1<\/h4>\n<ul>\n<li>Added missing alt attribute to all image tag used in the plugin.<\/li>\n<li>WooCommmerce 4.7.0 compatibility added.<\/li>\n<\/ul>\n<h4>1.1.0<\/h4>\n<ul>\n<li>Settings screen UI improved.<\/li>\n<li>New option to easily convert all the default swatches to label swatches.<\/li>\n<li>New label specific settings.<\/li>\n<li>New options to style active and hover behaviour for a variation<\/li>\n<li>New options to set out of stock behaviour.<\/li>\n<li>Added Ajax threshold settings.<\/li>\n<li>Added clear on reselect settings.<\/li>\n<li>Added option for disabling the plugin style sheet.<\/li>\n<li>Added option for adding swatches type the local attributes in the single product page.<\/li>\n<li>WooCommmerce 4.5.2 compatibility added.<\/li>\n<\/ul>\n<h4>1.0.7<\/h4>\n<ul>\n<li>WooCommmerce 4.3.0 compatibility added.<\/li>\n<\/ul>\n<h4>1.0.6<\/h4>\n<ul>\n<li>WooCommmerce 4.0.1 compatibility added.<\/li>\n<\/ul>\n<h4>1.0.5<\/h4>\n<ul>\n<li>WooCommmerce 3.9.1 compatibility added.<\/li>\n<\/ul>\n<h4>1.0.4<\/h4>\n<ul>\n<li>Added compatibility with WordPress 5.3.0 and WooCommmerce 3.8.0.<\/li>\n<li>Added compatibility with OceanWP theme.<\/li>\n<li>Added compatibility with Hestia theme.<\/li>\n<li>Added Blur style for unavailable variation.<\/li>\n<li>Added Compatibility with bundled product plugin By WPclever.net.<\/li>\n<li>Fixed issue with Flatsome quick view.<\/li>\n<\/ul>\n<h4>1.0.3<\/h4>\n<ul>\n<li>WooCommerce compatible version updated.<\/li>\n<\/ul>\n<h4>1.0.2<\/h4>\n<ul>\n<li>WooCommerce version 3.6.1 compatibility added.<\/li>\n<\/ul>\n<h4>1.0.1<\/h4>\n<ul>\n<li>Swatch styles improved.<\/li>\n<\/ul>\n<h4>1.0.0<\/h4>\n<ul>\n<li>Initial Release<\/li>\n<\/ul>\n<\/div><\/div>\n<p><!-- .entry-content --><\/p>\n<p>\t<!-- .entry-meta --><br \/>\n<\/article>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><br \/>\n<br \/><br \/>\n<br \/><a href=\"https:\/\/wordpress.org\/plugins\/product-variation-swatches-for-woocommerce\/\" target=\"_blank\" rel=\"noopener\">Source link <\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Variation Swatches for WooCommerce By ThemeHigh Download Details Reviews Installation Development Support Description Introduction WooCommerce Variation Swatches plugin enables you to convert default WooCommerce product attribute drop-downs into stylish swatches. This fantastic plugin helps you exhibit product variants (based on color, size, texture, etc.) in style, assisting customers to choose their preferred variant quickly. Using [&hellip;]<\/p>","protected":false},"author":60,"featured_media":5065,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"give_campaign_id":0,"footnotes":""},"categories":[43,39,40],"tags":[3178,2787,2001],"class_list":["post-5064","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-commercial-plugin","category-lite-version","category-wp-plugin-solution","tag-swatches","tag-variation","tag-woocommerce"],"acf":[],"fifu_image_url":"https:\/\/ps.w.org\/product-variation-swatches-for-woocommerce\/assets\/banner-772x250.png?rev=2002722","_links":{"self":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/posts\/5064","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/users\/60"}],"replies":[{"embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/comments?post=5064"}],"version-history":[{"count":0,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/posts\/5064\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/media\/5065"}],"wp:attachment":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/media?parent=5064"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/categories?post=5064"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/tags?post=5064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}