{"id":8664,"date":"2025-03-19T03:52:05","date_gmt":"2025-03-19T03:52:05","guid":{"rendered":"https:\/\/s-o-s.net\/swatchly-woocommerce-variation-swatches-for-products-product-attributes-image-swatch-color-swatches-label-swatches\/"},"modified":"2025-03-19T03:52:05","modified_gmt":"2025-03-19T03:52:05","slug":"swatchly-woocommerce-variation-swatches-for-products-product-attributes-image-swatch-color-swatches-label-swatches","status":"publish","type":"post","link":"https:\/\/s-o-s.net\/en_gb\/swatchly-woocommerce-variation-swatches-for-products-product-attributes-image-swatch-color-swatches-label-swatches\/","title":{"rendered":"Swatchly \u2013 WooCommerce Variation Swatches for Products (product attributes: Image swatch, Color swatches, Label swatches)"},"content":{"rendered":"<p> <br \/>\n<\/p>\n<article id=\"post-142164\" class=\"alignwide post-142164 plugin type-plugin status-publish hentry plugin_tags-color-swatch plugin_tags-product-attributes plugin_tags-variation-swatches plugin_tags-woocommerce-attributes plugin_tags-woocommerce-variation plugin_category-ecommerce plugin_contributors-alberuni-azad plugin_contributors-aslamhasib plugin_contributors-hasthemes plugin_contributors-tarekht plugin_contributors-zenaulislam plugin_business_model-commercial plugin_committers-hasthemes\">\n<div class=\"plugin-banner\" id=\"plugin-banner-swatchly\"><\/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\/swatchly\/assets\/icon-128x128.png?rev=2893238, https:\/\/ps.w.org\/swatchly\/assets\/icon-256x256.png?rev=2893238 2x\" src=\"https:\/\/ps.w.org\/swatchly\/assets\/icon-256x256.png?rev=2893238\" alt=\"\">\t\t\t\t<\/div>\n<div>\n<h1 class=\"plugin-title\">Swatchly \u2013 WooCommerce Variation Swatches for Products (product attributes: Image swatch, Color swatches, Label swatches)<\/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\/hasthemes\/\" rel=\"noopener\">HasThemes<\/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\/swatchly.1.4.0.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\/swatchly\/#description\" rel=\"noopener\">Details<\/a><\/li>\n<li id=\"tablink-reviews\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/swatchly\/#reviews\" rel=\"noopener\">Reviews<\/a><\/li>\n<li id=\"tablink-installation\">\n\t\t\t\t<a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/swatchly\/#installation\" rel=\"noopener\">Installation<\/a>\n\t\t\t<\/li>\n<li id=\"tablink-developers\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/swatchly\/#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\/swatchly\/\" 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<p>Are you getting frustrated with WooCommerce\u2019s current way of presenting the product attributes for your products? Well, This plugin allows you to turn the WooCommerce product variation\u2019s select options into more user-friendly swatches. Such as color swatch, button swatch &amp; image swatch. That means you no longer need to rely on the default dropdown options when it comes to selecting product variations. With the help of this plugin, the customers will have the opportunity to observe the products they need more visually than the default dropdown options shown in WooCommerce.<\/p>\n<p>This exceptional WordPress plugin is designed for all store owners that want their customers to find what they\u2019re searching for quickly. Get rid of dropdown type determination and go with one that rocks!<\/p>\n<p>\ud83d\udc49 <a target=\"_blank\" href=\"https:\/\/theplugindemo.com\/swatchly\/\" rel=\"nofollow ugc noopener\">Live Demo<\/a> | <a target=\"_blank\" href=\"https:\/\/hasthemes.com\/docs\/swatchly\/how-to-use-swatchly\/\" rel=\"nofollow ugc noopener\" class=\"broken_link\">Documentation<\/a> | <a target=\"_blank\" href=\"https:\/\/hasthemes.com\/plugins\/swatchly-product-variation-swatches-for-woocommerce-products\/\" rel=\"nofollow ugc noopener\">Purchase Pro<\/a> | <a target=\"_blank\" href=\"https:\/\/hasthemes.com\/contact-us\" rel=\"nofollow ugc noopener\">Support<\/a> \ud83d\udc48<\/p>\n<h3>\ud83c\udfc6 Main Features:<\/h3>\n<ol>\n<li>Enable Swatches for Shop \/ Product List \/ Product details pages<\/li>\n<li>3 different Swatch types (label, color, image, radio[pro])<\/li>\n<li>Supports multi-colored Swatch<\/li>\n<li>3 different Swatch Shapes Style (Squared, Rounded, Circle)<\/li>\n<li>Swatches Alignment (Left, Center, Right)<\/li>\n<li>Auto convert variation dropdowns to label\/button type Swatch<\/li>\n<li>Set Swatch width, height &amp; font size<\/li>\n<li>Define global settings for single product \/ product list page separately<\/li>\n<li>Override Swatch settings for each product individually<\/li>\n<li>Option to reset individual product swatch settings into default<\/li>\n<li>Disabled Attribute Type (Cross Sign, Blur with Cross, Blur Only, Hide)<\/li>\n<li>Enable\/Disable tooltip<\/li>\n<li>2 different tooltip types (text, image)<\/li>\n<li>Option to change tooltip image size<\/li>\n<li>Option to change default Ajax variation threshold<\/li>\n<li>Option to generate URL based on selected variation attributes.<\/li>\n<li>Swatch Preview Column for Admin<\/li>\n<li>Enable\/Disable Shape inset<\/li>\n<li>Shape Inset size<\/li>\n<li>Deselect On Click<\/li>\n<li>Show selected option name on single product page<\/li>\n<li>Set image size for image type swatches<\/li>\n<li>Variation Label Separator<\/li>\n<li>Responsive for mobile device<\/li>\n<li>Shortcode support<\/li>\n<li>Support Quick View<\/li>\n<li>Ordering support for the swatches<\/li>\n<\/ol>\n<h3>\ud83c\udfc6Shop Page Features<\/h3>\n<ol>\n<li>Enable\/Disable Swatches for Shop page<\/li>\n<li>Control Swatches Position (Before Title, After Title, Before Price, After Price, Before Cart, After Cart)<\/li>\n<li>Swatches can be positioned into a custom hook<\/li>\n<li>Shortcode support<\/li>\n<li>Product Thumbnail Selector<\/li>\n<li>Enable Ajax Add to Cart button for shop page<\/li>\n<li>Show\/Hide Clear Link for shop page<\/li>\n<li>Show\/Hide Swatches label for shop page<\/li>\n<\/ol>\n<h3>\ud83c\udfc6Premium Features<\/h3>\n<ol>\n<li>Auto convert variation dropdowns to image Swatch<\/li>\n<li>Auto convert variation dropdowns to image Swatch for individual product<\/li>\n<li>Disable showing Out of Stock variation from Swatch items<\/li>\n<li>Option to select an attribute as a special\/featured attribute<\/li>\n<li>Enable catalog mode, both (global \/ custom) attribute support<\/li>\n<li>Ajax Add to Cart feature for Shop page<\/li>\n<li>Custom Add to Cart Text<\/li>\n<li>Enable\/Disable Swatch Limit for shop page<\/li>\n<li>Number of Swatch to Show<\/li>\n<li>Option to add PHP condition to enable\/disable swatches for the product listing pages<\/li>\n<\/ol>\n<h3>\ud83c\udfc6Quick View Support<\/h3>\n<ol>\n<li>ShopLentor<\/li>\n<li>WPC Smart Quick View for WooCommerce<\/li>\n<li>WPB Product Quick View Popup for WooCommerce <\/li>\n<li>QuickSwish<\/li>\n<li>Quick View for WooCommerce<\/li>\n<li>QODE Quick View for WooCommerce<\/li>\n<li>CSSIgniter Quick View for WooCommerce<\/li>\n<li>Addonify \u2013 Quick View For WooCommerce<\/li>\n<li>Direct Checkout | Quick View | Buy Now For WooCommerce<\/li>\n<li>Merchant<\/li>\n<li>Premium Quick View by CodeAstrology<\/li>\n<li>Quick View WooCommerce<\/li>\n<li>Woo Quick View<\/li>\n<li>YITH WooCommerce Quick View<\/li>\n<\/ol>\n<h3>\ud83d\udc49 <a target=\"_blank\" href=\"https:\/\/hasthemes.com\/plugins\/swatchly-product-variation-swatches-for-woocommerce-products\/\" rel=\"nofollow ugc noopener\">Purchase Swatchly Pro<\/a><\/h3>\n<h3>Video Tutorial:<\/h3>\n<h4>How to Configure Swatches For Variable Products<\/h4>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><\/p>\n<div class=\"responsive-embed responsive-embed-16x9 embed-youtube\"><iframe title=\"How To Install Swatchly Plugin And Configure Swatches For Variable Products | Part 1\" width=\"1140\" height=\"641\" src=\"https:\/\/www.youtube.com\/embed\/ZTpV8JFugbc?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><\/span><\/p>\n<h3>\ud83d\ude80 Key Feature Comes with Swatchly \u2013 Variation Swatches For WooCommerce Plugin \ud83d\ude80<\/h3>\n<h3>\ud83c\udfc6 Enable Swatches for Shop \/ Product List \/ Product details pages<\/h3>\n<p>The plugin comes with the feature to enable swatches for the shop, product list, and product detail pages. Swatchly \u2013 WooCommerce Variation Swatches is a WooCommerce plugin that allows you to add color, image, and label swatches to your WooCommerce variations. With this plugin, you can enable swatches for the shop, product list, and product detail pages. This plugin is easy to use and is fully compatible with WooCommerce. WooCommerce Variation Swatches is the perfect plugin for WooCommerce stores that sell products with multiple variations.<\/p>\n<p>\ud83d\udc49 <a target=\"_blank\" href=\"https:\/\/hasthemes.com\/wp\/swatchly\/preview\/\" rel=\"nofollow ugc noopener\">Shop Demo<\/a> | <a target=\"_blank\" href=\"https:\/\/hasthemes.com\/wp\/swatchly\/preview\/\" rel=\"nofollow ugc noopener\">Product List<\/a> | <a target=\"_blank\" href=\"https:\/\/hasthemes.com\/wp\/swatchly\/preview\/\" rel=\"nofollow ugc noopener\">Product Details<\/a> | <a target=\"_blank\" href=\"https:\/\/theplugindemo.com\/swatchly\/documentation\/\" rel=\"nofollow ugc noopener\">Documentation<\/a><\/p>\n<h3>\ud83c\udfc6 Auto convert variation dropdowns to label\/button type Swatch<\/h3>\n<p>The plugin has an auto-convert feature that will help you automatically convert the WooCommerce product variation\u2019s dropdowns to label\/button type swatches. This WooCommerce Variation Swatches plugin is a great way to automatically convert your product variation select dropdowns to button swatches. Once installed, the plugin will do the work for you, making it easy to keep your product variations consistent and easy to navigate. In addition, the plugin offers a variety of customization options, so you can make sure the button swatches match your product and brand. Whether you\u2019re looking for a simple way to improve the look of your product variations or want more control over how they\u2019re displayed, WooCommerce Variation Swatches is a great option.<\/p>\n<p>\ud83d\udc49 <a target=\"_blank\" href=\"https:\/\/theplugindemo.com\/swatchly\/documentation\/\" rel=\"nofollow ugc noopener\">Documentation<\/a><\/p>\n<h3>\ud83c\udfc6 Allow color swatches for Variable product attribute variations.<\/h3>\n<p>Swatchly WooCommerce Variation Swatches is the best plugin that can help you add color swatches to your WooCommerce product attributes. This will enable you to show colors for each attribute value. For example, if you have a product with different color variations, you can use WooCommerce Variation Swatches to display the colors in a user-friendly way. Color swatches are much easier to select than the traditional dropdown menu, and they can also help to visually differentiate your products. If you want to add more life to your WooCommerce store, enabling color swatches for variable product attributes is a great way to do it.<\/p>\n<p>\ud83d\udc49 <a target=\"_blank\" href=\"https:\/\/hasthemes.com\/wp\/swatchly\/preview\/\" rel=\"nofollow ugc noopener\">Live Demo<\/a> | <a target=\"_blank\" href=\"https:\/\/theplugindemo.com\/swatchly\/documentation\/\" rel=\"nofollow ugc noopener\">Documentation<\/a><\/p>\n<h3>\ud83c\udfc6 Enable Image Swatches For Variable Product Attribute Variations<\/h3>\n<p>WooCommerce is a great platform for selling online, but one of its drawbacks is that displaying variations of a product can be difficult and unappealing. The WooCommerce Variation Swatches plugin helps to solve this problem by allowing you to display image swatches for variable product attributes. This makes it easy for customers to see what each variation looks like, and it can help to increase sales. In addition, the plugin is easy to use and customize, so you can make it match the look and feel of your site. Whether you\u2019re selling products with many variations or just a few, the WooCommerce Variation Swatches plugin is a great way to display them.<\/p>\n<p>\ud83d\udc49 <a target=\"_blank\" href=\"https:\/\/theplugindemo.com\/swatchly\/product\/short-sleeve-classic-plaid-shirt\/\" rel=\"nofollow ugc noopener\">Live Demo<\/a> | <a target=\"_blank\" href=\"https:\/\/theplugindemo.com\/swatchly\/documentation\/\" rel=\"nofollow ugc noopener\">Documentation<\/a><\/p>\n<h3>\ud83c\udfc6 3 different Swatch types (label, color, image)<\/h3>\n<p>This WooCommerce variation swatches plugin offers 3 different types of swatches. They are label swatches, color swatches, and image swatches. Swatchly WooCommerce Variation Swatches plugin offers 3 different types of swatches. They are label swatches, color swatches, and image swatches. Label swatches are Text-based labels that can be used for products with multiple variations, such as size or color. Color swatches display a color chip for each variation, making it easy for customers to see what colors are available. Image swatches display thumbnail images of each variation, allowing customers to see a preview of what they\u2019re buying. WooCommerce Variation Swatches make it easy to find the perfect type of swatch for your product. With so many options available, you\u2019re sure to find the perfect way to showcase your products.<\/p>\n<p>\ud83d\udc49 <a target=\"_blank\" href=\"https:\/\/theplugindemo.com\/swatchly\/product\/mens-35mm-classic-jean-belt\/\" rel=\"nofollow ugc noopener\">Live Demo<\/a> | <a target=\"_blank\" href=\"https:\/\/theplugindemo.com\/swatchly\/documentation\/\" rel=\"nofollow ugc noopener\">Documentation<\/a><\/p>\n<h3>\ud83c\udfc6 Supports multi-colored Swatch<\/h3>\n<p>The plugin supports multi-colored swatches. That means you will be able to create a swatch with multiple colors. Swatchly \u2013 WooCommerce Variation Swatches is a great plugin for creating different swatches for products. With this plugin, you can create swatches with multiple colors. This is a great feature for WooCommerce sites that want to offer products in different colors. The plugin is easy to use and color swatches can be created in minutes. WooCommerce Variation Swatches is a must-have plugin for any WooCommerce site that wants to offer products with different colors.<\/p>\n<p>\ud83d\udc49 <a target=\"_blank\" href=\"https:\/\/theplugindemo.com\/swatchly\/product\/rb3025-classic-aviator-sunglasses\/\" rel=\"nofollow ugc noopener\">Live Demo<\/a> | <a target=\"_blank\" href=\"https:\/\/theplugindemo.com\/swatchly\/documentation\/\" rel=\"nofollow ugc noopener\">Documentation<\/a><\/p>\n<h3>\ud83c\udfc6 3 different Swatch Shapes Style (Squared, Rounded, Circle)<\/h3>\n<p>The plugin comes with 3 different swatch shape styles. They are squared, rounded, and circular. WooCommerce Variation Swatches is a plugin that comes with three different swatch shape styles. They are squared, rounded, and circular. Depending on the look you are going for on your WooCommerce site, you can choose which style of swatch will work best. If you want a more modern look, the squared or rounded swatches may be better. If you want a more classic look, the circular swatches may be better. No matter what look you are going for, WooCommerce Variation Swatches has you covered.<\/p>\n<p>\ud83d\udc49 <a target=\"_blank\" href=\"https:\/\/theplugindemo.com\/swatchly\/product\/short-sleeve-classic-plaid-shirt\/\" rel=\"nofollow ugc noopener\">Live Demo<\/a> | <a target=\"_blank\" href=\"https:\/\/theplugindemo.com\/swatchly\/documentation\/\" rel=\"nofollow ugc noopener\">Documentation<\/a><\/p>\n<h3>\ud83c\udfc6 Swatches Alignment (Left, Center, Right)<\/h3>\n<p>This feature allows you to align the swatches to the left, center, or right. The WooCommerce Variation Swatches plugin allows you to quickly and easily change the alignment of your swatches. With just a few clicks, you can align the swatches to the left, center, or right. This simple but powerful plugin is a great way to improve the appearance of your WooCommerce store. In addition to aligning swatches, the WooCommerce Variation Swatches plugin also allows you to change the color and size of swatches. With this plugin, you have complete control over the appearance of your WooCommerce store. Whether you want to make a minor adjustment or completely change the look of your store, the WooCommerce Variation Swatches plugin is a great choice.<\/p>\n<p>\ud83d\udc49 <a target=\"_blank\" href=\"https:\/\/theplugindemo.com\/swatchly\/product\/under-armour-t-shirt\/\" rel=\"nofollow ugc noopener\">Live Demo<\/a> | <a target=\"_blank\" href=\"https:\/\/theplugindemo.com\/swatchly\/documentation\/\" rel=\"nofollow ugc noopener\">Documentation<\/a><\/p>\n<h3>\ud83c\udfc6 Set Swatch width, height &amp; font size<\/h3>\n<p>You will be able to set the width, height, and font size of the swatches from the backend.<\/p>\n<h3>\ud83c\udfc6 Define global settings for a single product\/product list page separately<\/h3>\n<p>The plugin comes with the feature to define global settings for the single product or product list pages separately. WooCommerce Variation Swatches is a plugin that allows you to define global settings for the single product or product list pages separately. The plugin comes with an extensive WooCommerce customization panel which allows you to manage products, variations, attributes, and categories. WooCommerce Variation Swatches also allow you to assign color, image, or label swatches to your products. As a result, you can provide customers with a better shopping experience by helping them quickly identify the products they are looking for. WooCommerce Variation Swatches is an essential tool for any WooCommerce store owner who wants to provide their customers with a seamless shopping experience.<\/p>\n<h3>\ud83c\udfc6 Override Swatch settings for each product individually<\/h3>\n<p>The plugin also allows you to override the swatch settings for each product individually. The WooCommerce Variation Swatches plugin gives you the ability to override the swatch settings for each product individually. This means that you can choose which swatches are displayed for each product, and change the order in which they are displayed. You can also choose to display swatches on the product page or not. This flexibility allows you to customize the look of your store to match your products.<\/p>\n<h3>\ud83c\udfc6 Option to reset individual product swatch settings into default<\/h3>\n<p>The plugin comes with an option to reset the individual product\u2019s swatch settings into the default. WooCommerce Variation Swatches plugin is the best option to WooCommerce store owners who want more flexibility and visibility for their customers while choosing the products. The WooCommerce Variation Swatches plugin comes with an option to reset the individual product\u2019s swatch settings into the default. This will be really useful when there are too many products having different customizations. The WooCommerce Variation Swatches plugin will help you manage your products easily and efficiently. You can use this plugin to create beautiful product variations, color swatches, image swatches, and label swatches. The WooCommerce Variation Swatches plugin is flexible and easy to use, which makes it the perfect solution for WooCommerce store owners who want to improve their store\u2019s usability and customer experience.<\/p>\n<h3>\ud83c\udfc6 Disabled Attribute Type (Cross Sign, Blur with Cross, Blur Only, Hide)<\/h3>\n<p>The plugin allows you to show disabled attribute types.<\/p>\n<h3>\ud83c\udfc6 Enable\/Disable tooltip<\/h3>\n<p>The plugin comes with an option to enable or disable the tooltip.<\/p>\n<h3>\ud83c\udfc6 Tooltip Type (Info, Text, Image)<\/h3>\n<p>There are 3 types of tooltips available. They are Info, Text, and Image.<\/p>\n<p>\ud83d\udc49 <a target=\"_blank\" href=\"https:\/\/theplugindemo.com\/swatchly\/\" rel=\"nofollow ugc noopener\">Live Demo<\/a> | <a target=\"_blank\" href=\"https:\/\/theplugindemo.com\/swatchly\/documentation\/\" rel=\"nofollow ugc noopener\">Documentation<\/a><\/p>\n<h3>\ud83c\udfc6 Tooltip Position (Top Right, Top Center, Top Left, Bottom Right, Bottom Center, Bottom Left)<\/h3>\n<p>The plugin offers 6 different tooltip positions. They are top right, top center, top left, bottom right, bottom center, and bottom left. You can find this option under Swatchly <span aria-hidden=\"true\" class=\"wp-exclude-emoji\">\u2192<\/span> Settings.<\/p>\n<h3>\ud83c\udfc6 Allow customers to purchase variable products without selecting any attributes<\/h3>\n<p>The plugin comes with an option to allow customers to purchase variable products without selecting any attributes. ==<\/p>\n<h3>\ud83c\udfc6 Option to show\/hide selected attribute label on the frontend<\/h3>\n<p>The plugin has an option to show or hide the selected attribute label on the front end. ==<\/p>\n<h3>\ud83c\udfc6 Variation URL<\/h3>\n<p>Generate a URL dynamically based on the attributes selected for variations.<\/p>\n<h3>\ud83c\udfc6 Import\/Export<\/h3>\n<p>It comes with an import\/export feature for the plugin\u2019s global settings.<\/p>\n<h3>\ud83c\udfc6 Design options for Swatch<\/h3>\n<ol>\n<li>Swatch Text Color<\/li>\n<li>Swatch Text Font Size<\/li>\n<li>Swatch Text Line Height<\/li>\n<li>Swatch Background Color<\/li>\n<li>Swatch Border Size<\/li>\n<li>Swatch Border Color<\/li>\n<li>Swatch Border Type<\/li>\n<li>Swatch Item Margin<\/li>\n<li>Swatch Item Padding<\/li>\n<li>Swatches Wrapper Margin<\/li>\n<li>Swatches Wrapper Padding<\/li>\n<\/ol>\n<h3>\ud83c\udfc6 Design options for Tooltip<\/h3>\n<ol>\n<li>Tooltip Width<\/li>\n<li>Tooltip Maximum Width<\/li>\n<li>Tooltip Background Color<\/li>\n<li>Tooltip Border Size<\/li>\n<li>Tooltip Border Color<\/li>\n<li>Tooltip Border Type<\/li>\n<li>Tooltip Spacing<\/li>\n<li>Tooltip Text Color<\/li>\n<li>Tooltip Text Font Size<\/li>\n<li>Tooltip Text Line Height<\/li>\n<li>Tooltip Text Padding<\/li>\n<li>Tooltip Arrow Color<\/li>\n<li>Tooltip Arrow Size<\/li>\n<li>Tooltip Arrow Spacing<\/li>\n<li>Tooltip Image Border Size<\/li>\n<li>Tooltip Image Border Color<\/li>\n<\/ol>\n<h3>Need Help?<\/h3>\n<p>Is there any feature that you want to get in this plugin?<br \/>\nNeeds assistance to use this plugin?<br \/>\nFeel free to <a target=\"_blank\" href=\"https:\/\/hasthemes.com\/contact-us\/\" rel=\"nofollow ugc noopener\">Contact us<\/a><\/p>\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\/swatchly\/assets\/screenshot-1.png?rev=2893238\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-1.png?rev=2893238\" alt=\"\"><\/a><figcaption>Quickly Navigate to the Settings page of the plugin<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-2.png?rev=2893238\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-2.png?rev=2893238\" alt=\"\"><\/a><figcaption>General settings global<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-3.png?rev=2893238\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-3.png?rev=2893238\" alt=\"\"><\/a><figcaption>Color, Label &amp; image types swatches are showing on the product details page<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-4.png?rev=2893238\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-4.png?rev=2893238\" alt=\"\"><\/a><figcaption>The swatched are showing for the Shop\/Product details page<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-5.png?rev=2893238\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-5.png?rev=2893238\" alt=\"\"><\/a><figcaption>General settings for product details page<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-6.png?rev=2893238\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-6.png?rev=2893238\" alt=\"\"><\/a><figcaption>General settings for shop page<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-7.png?rev=3037737\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-7.png?rev=3037737\" alt=\"\"><\/a><figcaption>Product list.png<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-8.png?rev=2893238\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-8.png?rev=2893238\" alt=\"\"><\/a><figcaption>Design for swatch<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-9.png?rev=2893238\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-9.png?rev=2893238\" alt=\"\"><\/a><figcaption>Design for tooltip<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-10.png?rev=2893238\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-10.png?rev=2893238\" alt=\"\"><\/a><figcaption>Design for tooltip text<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-11.png?rev=2893238\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-11.png?rev=2893238\" alt=\"\"><\/a><figcaption>Design for tooltip arrow<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-12.png?rev=2893238\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-12.png?rev=2893238\" alt=\"\"><\/a><figcaption>Design for tooltip image<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-13.png?rev=2893238\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-13.png?rev=2893238\" alt=\"\"><\/a><figcaption>Other settings<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-14.png?rev=2893238\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-14.png?rev=2893238\" alt=\"\"><\/a><figcaption>Color type attribute options<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-15.png?rev=2893238\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-15.png?rev=2893238\" alt=\"\"><\/a><figcaption>Image type attribute options<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-16.png?rev=2893238\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-16.png?rev=2893238\" alt=\"\"><\/a><figcaption>Product level options 1<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-17.png?rev=2893238\" rel=\"nofollow noopener\" class=\"broken_link\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-17.png?rev=2893238\" alt=\"\"><\/a><figcaption>Color type swatch options product level<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-18.png?rev=2893238\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/swatchly\/assets\/screenshot-18.png?rev=2893238\" alt=\"\"><\/a><figcaption>Image type swatch options product level<\/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<p>This section describes how to install the \u201cSwatchly\u201d plugin and get it working.<\/p>\n<h4>1) Install<\/h4>\n<p>i. Go to the WordPress Dashboard \u201cAdd New Plugin\u201d section.<\/p>\n<p>ii. Search For \u201cSwatchly\u201d.<\/p>\n<p>iii. Install, then Activate it.<\/p>\n<h4>OR:<\/h4>\n<p>i. Unzip (if it is zipped) and Upload <code>swatchly<\/code> folder to the <code>\/wp-content\/plugins\/<\/code> directory<\/p>\n<p>ii. Activate the plugin through the \u2018Plugins\u2019 menu in WordPress<\/p>\n<h4>2) Configure<\/h4>\n<p>i. After install and activate the plugin you will get a notice to install WooCommerce Plugin ( If already have it then do not show any notice. ).<\/p>\n<p>ii. A new menu called \u201cSwatchly\u201d will be appear in your dashboard below the \u201cProducts\u201d menu<\/p>\n<p>iv. Use the options &amp; configure as your need and that\u2019s all!<\/p>\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\/2decf39cb82d038f24da7503f610e77cc32d32081053078236170f46bdde1249?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/2decf39cb82d038f24da7503f610e77cc32d32081053078236170f46bdde1249?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\/flexible-customizations-awesome-plugin\/\" rel=\"noopener\">Flexible customizations, awesome plugin<\/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\/johnkokkinos\/\" title=\"Posts by johnkokkinos\" rel=\"author noopener\">johnkokkinos<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">January 8, 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\">Really easy to use with great customization.<\/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\/7d1a08327b703f51ecf163160c32b266501be8ed8b5bfca989c2a302947e6d7e?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/7d1a08327b703f51ecf163160c32b266501be8ed8b5bfca989c2a302947e6d7e?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\/horrible-software-forcing-you-to-rate-it-non-stop\/\" rel=\"noopener\">Horrible software forcing you to rate it non stop<\/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\/simpoo\/\" title=\"Posts by simpoo\" rel=\"author noopener\">simpoo<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">December 10, 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\">If i closed the rating popup it will non stop come no matter what and I finally came to leave this review to tell the authors that 1. I\u2019m going to uninstall your  no good piece of software 2. Stop these horrible tactics to leave you 5 star reviews.<\/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\/e492c2305b1ff2de35dc83cab86090a5fd304c82b4fc1288f6781a1c42602c45?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/e492c2305b1ff2de35dc83cab86090a5fd304c82b4fc1288f6781a1c42602c45?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\/tried-some-other-swatch-plugins-but-this-one-feels-and-features-what-we-after\/\" rel=\"noopener\">Tried some other swatch plugins but this one feels and features what we after.<\/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\/oldnewzealand\/\" title=\"Posts by oldnewzealand\" rel=\"author noopener\">oldnewzealand<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">December 1, 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\">Tried several other Swatch plugins but this one has the features that we after and it\u2019s easy to setup with many configurable options even with the free one. Thank you dev.<\/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\/113b7d48253b739d6f60a7b9adfb5531190456f3339fa2d410c62e3ffe2373f3?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/113b7d48253b739d6f60a7b9adfb5531190456f3339fa2d410c62e3ffe2373f3?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\/it-works-fine-and-if-not-they-solve-it\/\" rel=\"noopener\">It works fine, and if not they solve it!<\/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\/brandhip\/\" title=\"Posts by brandhip\" rel=\"author noopener\">brandhip<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">October 23, 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\">It works fine with elementor. It is easy to use and customize. <\/p>\n<p>One day it stops working because an Elementor update. But it only takes few hour to them to solve the problem.<\/p>\n<p>Good choice for your web.<\/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\/2f9fbaea2c38a390ba88690bdf99d21de1caeb8f9bcfeefa47d4f9290bae10c3?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/2f9fbaea2c38a390ba88690bdf99d21de1caeb8f9bcfeefa47d4f9290bae10c3?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\/muito-bom-1927\/\" rel=\"noopener\">Muito bom!<\/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\/guilherme3301\/\" title=\"Posts by guilherme3301\" rel=\"author noopener\">guilherme3301<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">October 15, 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\">Funciona muito bem, tudo certinho.<\/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\/ded1525cea7a56bdc11a28ab58c63f6cd4ebb9aa86fc35da55977be712977127?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/ded1525cea7a56bdc11a28ab58c63f6cd4ebb9aa86fc35da55977be712977127?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-and-quick-support-7\/\" rel=\"noopener\">Good and quick 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\/mikkelaveo\/\" title=\"Posts by mikkelaveo\" rel=\"author noopener\">mikkelaveo<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">September 25, 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\">I had some issues with WooCommerce Bundle and this plugin, but I wrote to the support team and they quickly fixed it. Great support and plugin!<\/div>\n<\/p><\/div>\n<\/article><\/div>\n<p>\t\t<a target=\"_blank\" class=\"reviews-link\" href=\"https:\/\/wordpress.org\/support\/plugin\/swatchly\/reviews\/\" rel=\"noopener\"><br \/>\n\t\t\tRead all 24 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>\u201cSwatchly \u2013 WooCommerce Variation Swatches for Products (product attributes: Image swatch, Color swatches, Label swatches)\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\/afad9fd53d4424dba770eca18c0d95c82159899ee8d5aa492e00d43e05bd5aae?s=32&amp;d=mm&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/afad9fd53d4424dba770eca18c0d95c82159899ee8d5aa492e00d43e05bd5aae?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\/hasthemes\/\" rel=\"noopener\"><br \/>\n\t\t\t\t\tHasThemes\t\t\t\t<\/a>\n\t\t\t<\/li>\n<li>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/e278f3779e7a048ea12386a62095faefc5c3393587fff933428caa0667de23ea?s=32&amp;d=mm&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/e278f3779e7a048ea12386a62095faefc5c3393587fff933428caa0667de23ea?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\/tarekht\/\" rel=\"noopener\"><br \/>\n\t\t\t\t\tTarek Aziz\t\t\t\t<\/a>\n\t\t\t<\/li>\n<li>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/542b682c47dd81c6d50d73595aa123892d2cf485a55e63bd369d091c5aaf348e?s=32&amp;d=mm&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/542b682c47dd81c6d50d73595aa123892d2cf485a55e63bd369d091c5aaf348e?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\/aslamhasib\/\" rel=\"noopener\"><br \/>\n\t\t\t\t\tAslam Hasib\t\t\t\t<\/a>\n\t\t\t<\/li>\n<li>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/b7baae5eeaecaaed5deca584805a1b3afdf0b55f78716211060c35de99d50f7d?s=32&amp;d=mm&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/b7baae5eeaecaaed5deca584805a1b3afdf0b55f78716211060c35de99d50f7d?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\/alberuni-azad\/\" rel=\"noopener\"><br \/>\n\t\t\t\t\tAlberuni Azad.\t\t\t\t<\/a>\n\t\t\t<\/li>\n<li>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/cbe2863813789dbd2045071f95f4ad95ddf7d051f63d64b18d081bd5a5a5f38e?s=32&amp;d=mm&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/cbe2863813789dbd2045071f95f4ad95ddf7d051f63d64b18d081bd5a5a5f38e?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\/zenaulislam\/\" rel=\"noopener\"><br \/>\n\t\t\t\t\tZenaul Islam\t\t\t\t<\/a>\n\t\t\t<\/li>\n<\/ul><\/div>\n<div class=\"plugin-development\">\n<p><a target=\"_blank\" href=\"https:\/\/translate.wordpress.org\/projects\/wp-plugins\/swatchly\" rel=\"noopener\">Translate \u201cSwatchly \u2013 WooCommerce Variation Swatches for Products (product attributes: Image swatch, Color swatches, Label swatches)\u201d into your language.<\/a><\/p>\n<h3>Interested in development?<\/h3>\n<p><a target=\"_blank\" href=\"https:\/\/plugins.trac.wordpress.org\/browser\/swatchly\/\" rel=\"noopener\" class=\"broken_link\">Browse the code<\/a>, check out the <a target=\"_blank\" href=\"https:\/\/plugins.svn.wordpress.org\/swatchly\/\" rel=\"noopener\">SVN repository<\/a>, or subscribe to the <a target=\"_blank\" href=\"https:\/\/plugins.trac.wordpress.org\/log\/swatchly\/\" rel=\"noopener\" class=\"broken_link\">development log<\/a> by <a target=\"_blank\" href=\"https:\/\/plugins.trac.wordpress.org\/log\/swatchly\/?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>Version: 1.4.0 -Date: 29 January 2025<\/h4>\n<ul>\n<li>Fixed: Issue with multiple initialization of Swatchly on product page.<\/li>\n<\/ul>\n<h4>Version: 1.3.9 -Date: 03 December 2024<\/h4>\n<ul>\n<li>Fixed: Conflict with 3rd party plugin.<\/li>\n<\/ul>\n<h4>Version: 1.3.8 -Date: 25 November 2024<\/h4>\n<ul>\n<li>Fixed: Text Domain loading warning with WordPress 6.7.1<\/li>\n<\/ul>\n<h4>Version: 1.3.7 -Date: 17 November 2024<\/h4>\n<ul>\n<li>Fixed: \u201cVariation URL\u201d not working with elementor loop issue.<\/li>\n<li>Fixed: Swatch not working properly with bundles product issue.<\/li>\n<\/ul>\n<h4>Version: 1.3.6 -Date: 14 October 2024<\/h4>\n<ul>\n<li>Fixed: Issue with the button text color on swatch button hover does not change correctly.<\/li>\n<\/ul>\n<h4>Version: 1.3.5 -Date: 26 September 2024<\/h4>\n<ul>\n<li>Added: Compatibility for WooCommerce Product Bundles plugin.<\/li>\n<\/ul>\n<h4>Version: 1.3.4 -Date: 11 September 2024<\/h4>\n<ul>\n<li>Added: Compatibility for Astra Pro quick view<\/li>\n<\/ul>\n<h4>Version: 1.3.3 -Date: 01 September 2024<\/h4>\n<ul>\n<li>Improved: Coding standards in some areas.<\/li>\n<li>Compatibility with WooCommerce latest version.<\/li>\n<\/ul>\n<h4>Version: 1.3.2 -Date: 03 August 2024<\/h4>\n<ul>\n<li>Updated: 3rd party libraries for latest PHP version compatibility.<\/li>\n<\/ul>\n<h4>Version: 1.3.1 -Date: 11 July 2024<\/h4>\n<ul>\n<li>Fixed: Encoding issue in product variation dropdown.<\/li>\n<\/ul>\n<h4>Version: 1.3.0 -Date: 10 July 2024<\/h4>\n<ul>\n<li>Fixed: Issue duplicate form field id in the same form.<\/li>\n<\/ul>\n<h4>Version: 1.2.9 -Date: 24 June 2024<\/h4>\n<ul>\n<li>Fixed: Escaping issues have been resolved in multiple areas.<\/li>\n<li>Updated: Language translation .pot file<\/li>\n<\/ul>\n<h4>Version: 1.2.8 -Date: 13 May 2024<\/h4>\n<ul>\n<li>Fixed: Escaping issues have been resolved in multiple areas.<\/li>\n<\/ul>\n<h4>Version: 1.2.7 -Date: 18 Apr 2024<\/h4>\n<ul>\n<li>Tweak: Loading banner in the post\/page editor has been removed<\/li>\n<\/ul>\n<h4>Version: 1.2.6 -Date: 17 Apr 2024<\/h4>\n<ul>\n<li>Added: Compatibility for ShopLentor universal product slider<\/li>\n<li>Added: Option to generate URL based on selected variation attributes for product details page.<\/li>\n<li>Improved: Removed dependency on JS for Diagnostic data notice dismiss issue<\/li>\n<li>Fixed: Product image doesn\u2019t change issue in product loop while use single product add to cart function<\/li>\n<\/ul>\n<h4>Version: 1.2.5 -Date: 19 Feb 2024<\/h4>\n<ul>\n<li>Added: Option to generate URL based on selected variation attributes.<\/li>\n<li>Updated: Language translation .pot file<\/li>\n<\/ul>\n<h4>Version: 1.2.4 -Date: 18 Dec 2023<\/h4>\n<ul>\n<li>Updated: Language translation .pot file<\/li>\n<li>Tweak: Opt-in message to provide non-sensitive diagnostic data and usage information to improve the plugin<\/li>\n<\/ul>\n<h4>Version: 1.2.3 -Date: 14 Nov 2023<\/h4>\n<ul>\n<li>Fixed: Console error issue with the Barn2 plugin<\/li>\n<\/ul>\n<h4>Version: 1.2.2 -Date: 13 Sep 2023<\/h4>\n<ul>\n<li>Added: Compatibility with Barn2 Product Filters Plugin.<\/li>\n<\/ul>\n<h4>Version: 1.2.1 -Date: 10 Apr 2023<\/h4>\n<ul>\n<li>Added: Security nonce verification for recommended plugins<\/li>\n<\/ul>\n<h4>Version: 1.2.0 -Date: 04 Apr 2023<\/h4>\n<ul>\n<li>Added: 2 new action hooks<\/li>\n<li>Added: YITH infinite scroll support<\/li>\n<\/ul>\n<h4>Version: 1.1.9 -Date: 19 Jan 2023<\/h4>\n<ul>\n<li>Fixed: Swatches doesn\u2019t show in elementor preview mode<\/li>\n<\/ul>\n<h4>Version: 1.1.8 -Date: 06 Oct 2022<\/h4>\n<ul>\n<li>Fixed: Product loop gallery navigation doesn\u2019t change after variation update<\/li>\n<li>Updated: Readme file<\/li>\n<\/ul>\n<h4>Version: 1.1.7 -Date: 11 Aug 2022<\/h4>\n<ul>\n<li>Tweak: Compatibility for Elementor\u2019s related products<\/li>\n<li>Fixed: Related product\u2019s Alignment issue<\/li>\n<\/ul>\n<h4>Version: 1.1.6 -Date: 17 Jul 2022<\/h4>\n<ul>\n<li>Tweak: Added product type condition to avoid generating error<\/li>\n<li>Fixed: get_current_screen Undefined function issue<\/li>\n<li>Fixed: Tooltip override issue<\/li>\n<li>Fixed: Codestar file not found issue<\/li>\n<li>Added: Full Compatibility with the infinite scroll support<\/li>\n<li>Added: Compatibility for the WooLentor\u2019s universal product quick view &amp; position<\/li>\n<li>Added: Compatibility for the Astra theme<\/li>\n<\/ul>\n<h4>Version: 1.1.5 -Date: 29 May 2022<\/h4>\n<ul>\n<li>Fixed: Show selected variation name issue <\/li>\n<li>Fixed: Shortcode notice was shown on products loaded via ajax<\/li>\n<li>Added: Compatibility for the \u201cUrna\u201d theme ajax loading issue on shop page<\/li>\n<li>Added: Compatibility for the \u201cjet smart filters\u201d plugin<\/li>\n<li>Added: Compatibility for the \u201cAiri\u201d theme infinite scroll &amp; all major infinite scroll<\/li>\n<\/ul>\n<h4>Version: 1.1.4 -Date: 28 Apr 2022<\/h4>\n<ul>\n<li>Improved: Global Settings<\/li>\n<li>Updated: Pot file<\/li>\n<\/ul>\n<h4>Version: 1.1.3 -Date: 23 Mar 2022<\/h4>\n<ul>\n<li>Fixed: swatchly_pl_swatches shortcode error while using it outside it\u2019s scope<\/li>\n<\/ul>\n<h4>Version: 1.1.2 -Date: 12 Mar 2022<\/h4>\n<ul>\n<li>Fixed: Duplicate variation JS file on single product page<\/li>\n<li>Changed: Demo link<\/li>\n<\/ul>\n<h4>Version: 1.1.1 -Date: 26 Feb 2022<\/h4>\n<ul>\n<li>Added Compatibility: For the \u201cannasta WooCommerce Product Filters\u201d plugin<\/li>\n<\/ul>\n<h4>Version: 1.1.0 -Date: 14 Feb 2022<\/h4>\n<ul>\n<li>Fixed: e.indexOf is not a function JS error<\/li>\n<\/ul>\n<h4>Version: 1.0.9 -Date: 8 Jan 2022<\/h4>\n<ul>\n<li>Recommended extensions added in admin<\/li>\n<li>Hello elementor theme support<\/li>\n<li>Updated pot file<\/li>\n<\/ul>\n<h4>Version: 1.0.7 -Date: 1 Nov 2021<\/h4>\n<ul>\n<li>Fixed: Tooltip image size override issue<\/li>\n<li>Fixed: Tooltip options were overridden even if the the swatch type is = select\/inherit at product level<\/li>\n<li>Fixed: Event preventDefault for the product loop<\/li>\n<li>Improved: Global settings<\/li>\n<\/ul>\n<h4>Version: 1.0.6 -Date: 9 Oct 2021<\/h4>\n<ul>\n<li>Fixed: Attribute slug show instead of the the label<\/li>\n<li>Fixed: Ordering support for the swatches<\/li>\n<li>Fixed: Tooltip image size value override<\/li>\n<li>Added: swatchly_return_default_select filter to return default select programmatically<\/li>\n<li>Added: swatchly_exclude_variation filter to exclude variation programmatically<\/li>\n<li>Added: Tooltip image size global option<\/li>\n<li>Added: Catalog mode help text<\/li>\n<li>Improved: Undefined array key warning<\/li>\n<li>Improved: Variable naming into the code<\/li>\n<li>Improved: Some global options<\/li>\n<\/ul>\n<h4>Version: 1.0.5 -Date: 4 Oct 2021<\/h4>\n<ul>\n<li>Updated: Language file<\/li>\n<li>Fixed: Version name parameter with enqueue CSS\/JS<\/li>\n<\/ul>\n<h4>Version: 1.0.4 -Date: 13 Sep 2021<\/h4>\n<ul>\n<li>Fixed: Single product variation form\u2019s table tr,td CSS apply for only swatchly tr,td. Conflict fixed for pricing tier plugins.<\/li>\n<li>Fixed: Swatches does not show for out of stock products in the product loop <\/li>\n<li>Added: Show \u201cout of stock\u201d status when a variation combination chosen from product loop<\/li>\n<li>Improved: Typo of plugin settings options<\/li>\n<\/ul>\n<h4>Version: 1.0.3 -Date: 4 Sep 2021<\/h4>\n<ul>\n<li>Fixed: Notice conflict with whols plugin<\/li>\n<li>Added: Support link to the description after intro<\/li>\n<li>Fixed: Menu position conflict problem<\/li>\n<\/ul>\n<h4>Version: 1.0.2 -Date: 1 Aug 2021<\/h4>\n<ul>\n<li>Fixed: Pro notice width<\/li>\n<li>Fixed: \u201cRemove Image\u201d button of product Meta Box<\/li>\n<\/ul>\n<h4>Version: 1.0.1 -Date: 29 Jun 2021<\/h4>\n<ul>\n<li>Added quick view support<\/li>\n<li>General settings indicator improved<\/li>\n<li>Added Ajax variation threshold<\/li>\n<li>Preview admin column warning fix<\/li>\n<li>Added \u201creset to default swatch settings\u201d option for product Meta Box<\/li>\n<\/ul>\n<h4>Version: 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><br \/>\n<br \/><a href=\"https:\/\/wordpress.org\/plugins\/swatchly\/\" target=\"_blank\" rel=\"noopener\">Source link <\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Swatchly \u2013 WooCommerce Variation Swatches for Products (product attributes: Image swatch, Color swatches, Label swatches) By HasThemes Download Details Reviews Installation Development Support Description Are you getting frustrated with WooCommerce\u2019s current way of presenting the product attributes for your products? Well, This plugin allows you to turn the WooCommerce product variation\u2019s select options into more [&hellip;]<\/p>","protected":false},"author":411,"featured_media":8665,"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":[5523,3154,1975,2895,2416,2978,5524,3178,5522,2787,2001],"class_list":["post-8664","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-commercial-plugin","category-lite-version","category-wp-plugin-solution","tag-attributes","tag-color","tag-image","tag-label","tag-product","tag-products","tag-swatch","tag-swatches","tag-swatchly","tag-variation","tag-woocommerce"],"acf":[],"fifu_image_url":"https:\/\/ps.w.org\/swatchly\/assets\/banner-772x250.jpg?rev=2893238","_links":{"self":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/posts\/8664","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\/411"}],"replies":[{"embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/comments?post=8664"}],"version-history":[{"count":0,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/posts\/8664\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/media\/8665"}],"wp:attachment":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/media?parent=8664"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/categories?post=8664"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/tags?post=8664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}