theme placeholder
f

QODE Variation Swatches for WooCommerce

/Products/Plugins/QODE Variation Swatches for WooCommerce
Variation Swatches Demo
Circled Color & Tab Switch
Circled Color with Title & Tab Switch
Three-attribute Variation
Slider Image & EU/UK Tab Switch
f
f
d
s
s

Present your shoppers with detailed product variations in lists and on product single pages. Include a number of easily adjustable product attributes, optional variation tooltips & descriptions, product availability info, and a whole lot more.

Detailed Presentation

Feature color, image, label, and tab switch attributes. Adjust their appearance to fit your vision.
g
Include practical tab switchers inside swatches.
a
Notify users when items are back in stock.
s
Show descriptions below attributes. Include ‘new’ and ‘on sale’ labels.
t
Display attributes in sliders or classic layouts. Ensure all your swatches look & feel great even on mobile screens.
d

Showcase Product Variations in Great Detail Using QODE Variation Swatches

Enhance the eCommerce experience for all your visitors by featuring product variations next to your products with the help of flexible, option-rich QODE Variation Swatches for WooCommerce plugin.

You can include color, image, label and tab switch attribute swatches and show them in dropdowns or using labels.

Each variation gets displayed on the fly once it is clicked on.

The plugin is fully optimized for presenting your product variations to mobile users too.

Customization

Color and image attributes come with five carefully designed, predefined layout styles each.

You get two styles for the label attributes, and you can easily configure width, height, and idle/active border colors for each of the attributes.

Attributes can be shown in a classic layout, laid out next to and below each other, or you can feature them in practical sliders.

The appearance of each attribute can also be customized using an extensive, clean-cut set of options the plugin provides.

Additional Features

Swatches can include titles and short descriptions, and you can also include useful Additional Information tabs for providing even more descriptive content.

You can also enable easily adjustable tooltips with optional image previews on hover. 

One more outstanding feature is the optional AJAX- powered instant product variation data loading which can easily be enabled.

Swatches can be shown in lists only, or you can enable them on single product pages as well.

Out of Stock Info and Back in Stock Notifications

The out-of-stock item variants can be shown as either crossed out or blurred, or you can opt to omit them altogether.

Moreover, when users click on an out-of-stock product variant, they are presented with a form for providing their email address so they can get automatically notified once the product is back.

Version: 1.0

Released: 2023-xx-xx

Minimum PHP version: 7.0

Requires: WordPress 6.0 and WooCommerce 7.7

Compatible up to: WP 6.5.X and WooCommerce 8.9.X

Supported multilanguage plugins: WPML

Translation ready: YES

Active Installations:30+

GDPR Compliant: Not applicable

Compare packages

Compare packages

Packages
Free
Premium
Attribute creation
Create ‘Color swatches’ attributes
Create dual color swatches to show two-color samples
Enter color codes that will be displayed for selected attributes
Create ‘Image’ attributes
Input additional text related to image attributes to be displayed for the selected attribute
Create ‘Label’ attributes
Create ‘Radio Button’ attributes
Create ‘Tab Switch’ attributes
Choose different layouts for Image, Color and Label attribute types
Customize width, height and border color variants for each attribute individually
Enable Additional Info option to show more details about a certain attribute. When the text is clicked on, an image is displayed in a pop-up
Set a Badge for each attribute term and customize its position and background color
‘Show on List’ option that allows a particular attribute to be shown or hidden on shop lists
Set a tooltip for each attribute term
Variation global options
Auto Convert Dropdown to Label
Choose disabled attribute style
Enable Predefined Style
Global variation options relating to width, height, border color and space between swatches
Global options related to tooltip and its style
Generate variation link for every variation
Choose whether to show the attribute description on the product page or not
Choose whether to show the name of selected attribute term on the product page
Choose whether to show attributes on shop pages or not
Choose position of the variation form on shop page
Set the max number of visible attribute terms in shop lists
Enable instantly loading AJAX-powered variation data loading on shop pages
Customize the text of the ‘Add to cart’ button when a variation is selected
Choose whether to replace the product image when hovering over the attribute or not
Choose whether to show the available attributes in the tab ‘Additional information’ on the product page or not
Choose whether to show product availability (whether a product is in stock or not) on shop pages
Customize the maximum number of variations
Single Variations options
Show Single Variations in Loops
Option to hide parent products in loops when displaying single variations
Order Products by ID when ‘Single Variations in Loops’ option is enabled
Product Single options
Create new attribute terms
Upload a different image gallery for each product variation

Reviews

Be first to add a review

Submit Review

Frequently asked questions

Frequently asked questions

Which themes and plugins can I use QODE Variation Swatches for WooCommerce with?

The plugin fully supports all major WordPress themes and plugins (e.g. Elementor Page Builder, WPBakery, etc. as well as all other Qode products).

Why should I use the QODE Variation Swatches plugin to improve the shopping experience on my site?

The QODE Variation Swatches provides your shoppers with a clear and straightforward way to select different product variations, including product styles, colors, sizes and more, right from the product listing or shop single page. This in turn helps you boost your conversions by reducing the user interaction cost, as well as product comparison and viewing times.

Is there a free version of the QODE Variation Swatches for WooCommerce plugin?

The QODE Variation Swatches plugin comes in two versions – free and Premium. The Premium version of the plugin offers lots more functionalities and features compared to the free plugin variant, and you can see how the two versions compare one to another here.

Can I display variations on both shop and archive pages?

Yes, the QODE Variation Swatches for WooCommerce plugin lets you display variation swatches with selectable attributes on both shop singles and archive pages.

Can I show variations only on the product list pages and not on the shop single pages?

Yes, you have the option to enable variation swatches on product listing pages only, or you can display them in both product lists and on shop single pages.

Can I customize the appearance style of variation swatches?

Yes, the plugin comes with extensive appearance customization options. You can adjust the appearance for each attribute by selecting different attribute layouts, adjusting the variation width & height, and border colors. You can also show descriptions & names below each attribute, enable optional and easily configurable tooltips and more. The attributes can also be featured in a classic layout, or you can feature them in practical sliders.

How many attributes can I display for each individual product?

There’s no limit to the number of attributes you can shop per product, and you can configure the attributes for each product separately.

Is QODE Variation Swatches plugin optimized for mobile devices?

Yes, the plugin is fully mobile optimized and ready for viewing & interacting with on any type of mobile device and screen.

Which WooCommerce product attributes are supported by the QODE Variation Swatches?

Aside from the default WooCommerce attributes, the QODE Variation Swatches plugin supports Color, Image, Label, Tab Switch and Radio Button attribute types.

What happens with out-of-stock product variations?

You can choose whether you wish to feature product availability information directly on your attributes. You can also disable or hide the out-of-stock product variations. In the event that you choose to display them, the users will get informed that those specific variations are out of stock once they click on them.

Does the plugin support AJAX data loading?

Yes, you can enable AJAX-powered instant variation data loading on both archive and shop single pages.

Does the plugin come with tooltip options for swatches?

Yes, you can feature hover-activated tooltips for your attributes. You get to choose where you wish to position the tooltips, adjust the tooltip background & text colors, and you can feature neat image previews in tooltips too.

What do I do if I ever run into any issues using the plugin?

If you ever happen to run into any questions or concerns, there are a number of ways you can try resolving the issue. You can check out our detailed video tutorials (link), the comprehensive plugin documentation (link), or you can contact our support (link) team and one of our support pros will reach out back to you ASAP.

Variation Swatches Demo
Circled Color & Tab Switch
Circled Color with Title & Tab Switch
Three-attribute Variation
Slider Image & EU/UK Tab Switch
f
f
d
s
s
Pricing Plans
Single Website Unlimited Websites
$69 $119
QODE Variation Swatches for WooCommerce
Best Value
Download and try
  • 14-day money-back guarantee
  • 1-year premium support & updates
Your Cart

Your cart is currently empty

Subtotal: $0

*Taxes are calculated at the checkout

You must log in to submit a review.

Reviews