Swatchly – WooCommerce Variation Swatches For Products (product Attributes: Image Swatch, Color Swatches, Label Swatches) Wordpress Plugin - Rating, Reviews, Demo & Download
Plugin Description
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:
- Enable Swatches for Shop / Product List / Product details pages
- 3 different Swatch types (label, color, image)
- Supports multi-colored Swatch
- 3 different Swatch Shapes Style (Squared, Rounded, Circle)
- Swatches Alignment (Left, Center, Right)
- Auto convert variation dropdowns to label/button type Swatch
- Set Swatch width, height & font size
- Define global settings for single product / product list page separately
- Override Swatch settings for each product individually
- Option to reset individual product swatch settings into default
- Disabled Attribute Type (Cross Sign, Blur with Cross, Blur Only, Hide)
- Enable/Disable tooltip
- 2 different tooltip types (text, image)
- Option to change tooltip image size
- Option to change default Ajax variation threshold
- Swatch Preview Column for Admin
- Enable/Disable Shape inset
- Shape Inset size
- Deselect On Click
- Show selected option name on single product page
- Set image size for image type swatches
- Variation Label Separator
- Responsive for mobile device
- Shortcode support
- Support Quick View
- Ordering support for the swatches
Shop Page Features
- Enable/Disable Swatches for Shop page
- Control Swatches Position (Before Title, After Title, Before Price, After Price, Before Cart, After Cart)
- Swatches can be positioned into a custom hook
- Shortcode support
- Product Thumbnail Selector
- Enable Ajax Add to Cart button for shop page
- Show/Hide Clear Link for shop page
- Show/Hide Swatches label for shop page
Design options for Swatch
- Swatch Text Color
- Swatch Text Font Size
- Swatch Text Line Height
- Swatch Background Color
- Swatch Border Size
- Swatch Border Color
- Swatch Border Type
- Swatch Item Margin
- Swatch Item Padding
- Swatches Wrapper Margin
- Swatches Wrapper Padding
Design options for Tooltip
- Tooltip Width
- Tooltip Maximum Width
- Tooltip Background Color
- Tooltip Border Size
- Tooltip Border Color
- Tooltip Border Type
- Tooltip Spacing
- Tooltip Text Color
- Tooltip Text Font Size
- Tooltip Text Line Height
- Tooltip Text Padding
- Tooltip Arrow Color
- Tooltip Arrow Size
- Tooltip Arrow Spacing
- Tooltip Image Border Size
- Tooltip Image Border Color
Premium Features
- Auto convert variation dropdowns to image Swatch
- Auto convert variation dropdowns to image Swatch for idividual product
- Disable showing Out of Stock variation from Swatch items
- Option to select an attribute as a special/featured attribute
- Enable catalog mode, both (global / custom) attribute support
- Ajax Add to Cart feature for Shop page
- Custom Add to Cart Text
- Enable/Disable Swatch Limit for shop page
- Number of Swatch to Show
- 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
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
Screenshots
-
Quickly Nagvigate to the Settings page of the plugin
-
General settings global
-
Color, Label & image types swatches are showing on the product details page
-
The swatched are showing for the Shop/Product details page
-
General settings for product details page
-
General settings for shop page
-
Product list.png
-
Design for swatch
-
Design for tooltip
-
Design for tooltip text
-
Design for tooltip arrow
-
Design for tooltip image
-
Other settings
-
Color type attribute options
-
Image type attribute options
-
Product level options 1
-
Color type swatch options product level
-
Image type swatch options product level