Swatchly – WooCommerce Variation Swatches for Products (product attributes: Image swatch, Color swatches, Label swatches)

Are you getting frustrated with WooCommerce’s current way of presenting the product attributes for your products? Well, This plugin allows you to turn the WooCommerce product variation’s select options into more user-friendly swatches. Such as color swatch, button swatch & 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.

This exceptional WordPress plugin is designed for all store owners that want their customers to find what they’re searching for quickly. Get rid of dropdown type determination and go with one that rocks!

Live Demo | Documentation | Purchase Pro | Support

Main Features:

1. Enable Swatches for Shop / Product List / Product details pages
2. 3 different Swatch types (label, color, image, radio[pro])
3. Supports multi-colored Swatch
4. 3 different Swatch Shapes Style (Squared, Rounded, Circle)
5. Swatches Alignment (Left, Center, Right)
6. Auto convert variation dropdowns to label/button type Swatch
7. Set Swatch width, height & font size
8. Define global settings for single product / product list page separately
9. Override Swatch settings for each product individually
10. Option to reset individual product swatch settings into default
11. Disabled Attribute Type (Cross Sign, Blur with Cross, Blur Only, Hide)
12. Enable/Disable tooltip
13. 2 different tooltip types (text, image)
14. Option to change tooltip image size
15. Option to change default Ajax variation threshold
16. Option to generate URL based on selected variation attributes.
17. Swatch Preview Column for Admin
18. Enable/Disable Shape inset
19. Shape Inset size
20. Deselect On Click
21. Show selected option name on single product page
22. Set image size for image type swatches
23. Variation Label Separator
24. Responsive for mobile device
25. Shortcode support
26. Support Quick View
27. Ordering support for the swatches

Shop Page Features

1. Enable/Disable Swatches for Shop page
2. Control Swatches Position (Before Title, After Title, Before Price, After Price, Before Cart, After Cart)
3. Swatches can be positioned into a custom hook
4. Shortcode support
5. Product Thumbnail Selector
6. Enable Ajax Add to Cart button for shop page
7. Show/Hide Clear Link for shop page
8. Show/Hide Swatches label for shop page

Premium Features

1. Auto convert variation dropdowns to image Swatch
2. Auto convert variation dropdowns to image Swatch for idividual product
3. Disable showing Out of Stock variation from Swatch items
4. Option to select an attribute as a special/featured attribute
5. Enable catalog mode, both (global / custom) attribute support
6. Ajax Add to Cart feature for Shop page
7. Custom Add to Cart Text
8. Enable/Disable Swatch Limit for shop page
9. Number of Swatch to Show
10. Option to add PHP condition to enable/disable swatches for the product listing pages

Purchase Swatchly Pro

Video Tutorial:

How to Configure Swatches For Variable Products

Key Feature Comes with Swatchly – Variation Swatches For WooCommerce Plugin

Enable Swatches for Shop / Product List / Product details pages

The plugin comes with the feature to enable swatches for the shop, product list, and product detail pages. Swatchly – 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.

Auto convert variation dropdowns to label/button type Swatch

The plugin has an auto-convert feature that will help you automatically convert the WooCommerce product variation’s 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’re looking for a simple way to improve the look of your product variations or want more control over how they’re displayed, WooCommerce Variation Swatches is a great option.

Allow color swatches for Variable product attribute variations.

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.

Enable Image Swatches For Variable Product Attribute Variations

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’re selling products with many variations or just a few, the WooCommerce Variation Swatches plugin is a great way to display them.

3 different Swatch types (label, color, image)

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’re buying. WooCommerce Variation Swatches make it easy to find the perfect type of swatch for your product. With so many options available, you’re sure to find the perfect way to showcase your products.

Supports multi-colored Swatch

The plugin supports multi-colored swatches. That means you will be able to create a swatch with multiple colors. Swatchly – 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.

3 different Swatch Shapes Style (Squared, Rounded, Circle)

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.

Swatches Alignment (Left, Center, Right)

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.

Set Swatch width, height & font size

You will be able to set the width, height, and font size of the swatches from the backend.

Define global settings for a single product/product list page separately

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.

Override Swatch settings for each product individually

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.

Option to reset individual product swatch settings into default

The plugin comes with an option to reset the individual product’s 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’s 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’s usability and customer experience.

Disabled Attribute Type (Cross Sign, Blur with Cross, Blur Only, Hide)

The plugin allows you to show disabled attribute types.

Enable/Disable tooltip

The plugin comes with an option to enable or disable the tooltip.

Tooltip Type (Info, Text, Image)

There are 3 types of tooltips available. They are Info, Text, and Image.

Tooltip Position (Top Right, Top Center, Top Left, Bottom Right, Bottom Center, Bottom Left)

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 → Settings.

Allow customers to purchase variable products without selecting any attributes

The plugin comes with an option to allow customers to purchase variable products without selecting any attributes.

Option to show/hide selected attribute label on the frontend

The plugin has an option to show or hide the selected attribute label on the front end.

Variation URL

Generate a URL dynamically based on the attributes selected for variations.

Import/Export

It comes with an import/export feature for the plugin’s global settings.

Design options for Swatch

1. Swatch Text Color
2. Swatch Text Font Size
3. Swatch Text Line Height
4. Swatch Background Color
5. Swatch Border Size
6. Swatch Border Color
7. Swatch Border Type
8. Swatch Item Margin
9. Swatch Item Padding
10. Swatches Wrapper Margin
11. Swatches Wrapper Padding

Design options for Tooltip

1. Tooltip Width
2. Tooltip Maximum Width
3. Tooltip Background Color
4. Tooltip Border Size
5. Tooltip Border Color
6. Tooltip Border Type
7. Tooltip Spacing
8. Tooltip Text Color
9. Tooltip Text Font Size
10. Tooltip Text Line Height
11. Tooltip Text Padding
12. Tooltip Arrow Color
13. Tooltip Arrow Size
14. Tooltip Arrow Spacing
15. Tooltip Image Border Size
16. Tooltip Image Border Color

Need Help?

Is there any feature that you want to get in this plugin?
Needs assistance to use this plugin?
Feel free to Contact us