Smart Swatches Pro

Best Product Variation Swatches for WooCommerce to Boost Your Store Sales

Live Demo

A yearly plan allows you to get 1-year updates & support.

14-Day Money Back Guarantee, No Question Asked.

0+

Active Users Worldwide

+

5-Star Reviews, See All

Last Updated: October 03, 2024

Current Version: 1.0.0 View Changelog

Documentation: View Documentation

Looking to improve your WooCommerce store with an attractive and user-friendly way to display product variants? The Smart Swatches plugin is the ultimate solution. This powerful WooCommerce extension allows you to create and display swatches for your product variations, transforming the selection process into a professional and visually appealing experience.

With the Smart Swatches plugin, you can replace dropdown product attribute fields with product variation items shown in images, colors, labels, and radio buttons. This visual presentation of your product attributes, such as color, size, and material, enhances the visual appeal of your shop or product page and makes it easier for customers to choose the right option, potentially boosting your conversion rate.

The plugin also offers additional features such as enabling swatches in product quick view, providing beautiful tooltips on variation swatch hover, and the ability to disable the default plugin stylesheet to write your own CSS.

Upgrade your WooCommerce store with the Smart Swatches plugin and provide customers with an outstanding shopping experience!

Key Features You'll Love

Replace Dropdowns with Button Swatch

This plugin can automatically convert all your product variation dropdowns to button swatches without having to create swatches for each attribute manually.

Display Swatches on the Shop Catalog

Besides the single product page, swatches are supported on the product catalog pages, such as the shop page. You can also choose a specific attribute to display on the shop page.

Customize Swatches Per Product

Use the plugin to customize swatches per product and override the global settings for swatches of each product attribute. You can change the style and size of your swatches for each product.

Support Different Types of Swatches

The Smart Swatches plugin offers you 5 different swatch styles to showcase your product variations to improve customer shopping experience. Choose from Image, Color, Label, Radio, and Image with Label.

Full Control Over Swatch Styling

The Smart Swatches plugin offers many styling options for customizing the functionality and finding your Product Variation.

Beautiful Tooltips for Swatches

You can enable the tooltip to show more details of your swatches. When the user hovers over a swatch, the tooltip feature will show the attribute name and the option name.

Bi-color or Multi-color Swatches

Dual Color Variation Swatches allow you to insert dual colors for a single variation. If you have variable products with two colors, you can define them from a single variation.

Stock Left Alert and Out of Stock

Inform shoppers about the stock left and out-of-stock variants to make their shopping experience more seamless and your website more engaging.

WooCommerce Filter Widget

WooCommerce Variation Swatches Converts Filter Products by Attribute Widget into Color Swatches. So, you can use the widget to enable swatches for the filter dropdown.

More Features

Display Swatches on the Shop/Archive Page and Product Page
Customize the Swatches to Suit your Theme Styles
5 Different Swatch Types (Button/Label, Color, Image, Radio Button, Image with Label)
Supports Multi-color/ Bio Color Swatches
3 Different Swatch Shape Styles (Square, Rounded, Circle)
Swatch Alignment (Left, Center, Right)
Adjust the Swatch Size for the Product and Shop Page Separately
Customize Swatches for individual Products
4 Display Styles for Product Page (Slider, Accordion, Vertical Scrollbar, Horizontal Scrollbar)
4 Display Styles for Shop/Archive Page (Slider, Accordion, Vertical Scrollbar, Horizontal Scrollbar)
Set Different Swatch Styles for Product and Shop Page
Smart Tooltips for Swatches
3 Different Tooltip Types (Text, Image, Text & Image)
Auto Convert Variation Dropdowns to Button/Label Swatch
Auto Convert Variation Dropdowns to Image Swatch If Variation has a Featured Image Set
5 Disabled Attribute Styles (Cross, Blur, Blur with Cross, Grayscale, Hide)
Make Out of Stock Attribute Disabled
Clear Selected Attribute When Another is Selected
Show Variation Stock Info
Generate URL Based on Selected Variation Attribute
Change Default Ajax Variation Threshold
Option to Show/Hide Tooltips for Product and Shop Page
4 Tooltips Position (Top, Bottom, Left, Right)
4 Animation for Tooltips (Slide, Fade, Glow, Swing)
Tooltip Font Size
Tooltip Color, Background Color

Set Tooltip Image Size
Adjust Tooltip Max Width
Option to Choose Swatch Image Size for Product and Shop Page Individually
Set Swatch Border Width, Hover Width, Color, Hover Color, Active Color and Radius
Stylize Color, Hover Color, and Active Background Color for Swatches
Swatch Text Font Size, Color, Hover Color, and Active Color
Image and Color Swatch Type Inner Padding
Button/Label Swatch Type Inner Padding
Show Selected Swatch label
Show Variation Label Separator
4 Swatch Positions for Shop/Archive Page
Shop Page Swatch Display Limit
Apply Product Page Styles to Shop Page by One Click
Shop Page Swatches Custom Sizing
Show Selected Variation Name Beside Label
Display Swatches Catalog and Singular Pages
Choose Preferred Swatch to Display on Catalog Mode
On Click or Mouseover Swatches Activation Method for Swatches
Seamlessly Integrate with All themes and Easy to Customize
Completely Integrated with the WooCommerce Plugin
Support The Default Exporter and Importer for WooCommerce
Frequently Updated and Secured Codebase
Option to Disable Default Plugin Stylesheet for Theme Developer
Compatible with the Popular WooCommerce Plugin
Lightweight and Minimal Impact on Your Website Performance
One To One Top-notch Support.