Create extra value deals by combining multiple products in practical bundle offers.
- 14-day money-back guarantee
- Free plan available
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.
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.4
Released: 2024-06-25
Minimum PHP version: 7.0
Requires: WordPress 6.0 and WooCommerce 7.7
Compatible up to: WP 6.6.x and WooCommerce 9.3.x
Supported multilanguage plugins: WPML
Translation ready: YES
Active Installations: 30+
GDPR Compliant: Not applicable
Compare packages
Played around a bit with the settings to get exactly what I had in mind, and have to say, it was smooth sailing. You can modify the look and feel of the swatches and even include optional variation descriptions and names which I found very useful.
The plugin also seems fairly lightweight; all in all, I’d recommend this to anyone looking for a simple-to-configure and visually competent way to display product variations in their shops.
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, the comprehensive plugin documentation, or you can contact our support team and one of our support pros will reach out back to you ASAP.
Create extra value deals by combining multiple products in practical bundle offers.
Modify image file formats & reduce file sizes on your site without any compromise to image quality.
Drive conversions & enhance the UX by featuring custom advanced options for all your products.
Played around a bit with the settings to get exactly what I had in mind, and have to say, it was smooth sailing. You can modify the look and feel of the swatches and even include optional variation descriptions and names which I found very useful.
The plugin also seems fairly lightweight; all in all, I’d recommend this to anyone looking for a simple-to-configure and visually competent way to display product variations in their shops.
Cookie | Duration | Description |
---|---|---|
__cfruid | session | Cloudflare sets this cookie to identify trusted web traffic. |
AWSALBCORS | 7 days | This cookie is managed by Amazon Web Services and is used for load balancing. |
cookielawinfo-checkbox-advertisement | 1 year | Set by the GDPR Cookie Consent plugin, this cookie is used to record the user consent for the cookies in the "Advertisement" category . |
cookielawinfo-checkbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
cookielawinfo-checkbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
cookielawinfo-checkbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
edd_items_in_cart | 1 hour | This cookie is set by Easy Digital Downloads plugin.The cookie is used to store product cart information. |
PHPSESSID | session | This cookie is native to PHP applications. The cookie is used to store and identify a users' unique session ID for the purpose of managing user session on the website. The cookie is a session cookies and is deleted when all the browser windows are closed. |
viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |
Cookie | Duration | Description |
---|---|---|
G_ENABLED_IDPS | 7977 years 9 months 23 days 2 hours | Google uses this cookie for Google Single Sign-On. |
Cookie | Duration | Description |
---|---|---|
_gat_UA-139054615-2 | 1 minute | A variation of the _gat cookie set by Google Analytics and Google Tag Manager to allow website owners to track visitor behaviour and measure site performance. The pattern element in the name contains the unique identity number of the account or website it relates to. |
AWSALB | 7 days | AWSALB is an application load balancer cookie set by Amazon Web Services to map the session to the target. |
Cookie | Duration | Description |
---|---|---|
_ga | 2 years | The _ga cookie, installed by Google Analytics, calculates visitor, session and campaign data and also keeps track of site usage for the site's analytics report. The cookie stores information anonymously and assigns a randomly generated number to recognize unique visitors. |
_gat_UA-139054615-1 | 1 minute | A variation of the _gat cookie set by Google Analytics and Google Tag Manager to allow website owners to track visitor behaviour and measure site performance. The pattern element in the name contains the unique identity number of the account or website it relates to. |
_gat_UA-43336951-1 | 1 minute | A variation of the _gat cookie set by Google Analytics and Google Tag Manager to allow website owners to track visitor behaviour and measure site performance. The pattern element in the name contains the unique identity number of the account or website it relates to. |
_gat_UA-52920680-1 | 1 minute | A variation of the _gat cookie set by Google Analytics and Google Tag Manager to allow website owners to track visitor behaviour and measure site performance. The pattern element in the name contains the unique identity number of the account or website it relates to. |
_gat_UA-64910749-1 | 1 minute | A variation of the _gat cookie set by Google Analytics and Google Tag Manager to allow website owners to track visitor behaviour and measure site performance. The pattern element in the name contains the unique identity number of the account or website it relates to. |
_gat_UA-64911354-1 | 1 minute | A variation of the _gat cookie set by Google Analytics and Google Tag Manager to allow website owners to track visitor behaviour and measure site performance. The pattern element in the name contains the unique identity number of the account or website it relates to. |
_gat_UA-70731616-1 | 1 minute | A variation of the _gat cookie set by Google Analytics and Google Tag Manager to allow website owners to track visitor behaviour and measure site performance. The pattern element in the name contains the unique identity number of the account or website it relates to. |
_gcl_au | 3 months | Provided by Google Tag Manager to experiment advertisement efficiency of websites using their services. |
_gid | 1 day | Installed by Google Analytics, _gid cookie stores information on how visitors use a website, while also creating an analytics report of the website's performance. Some of the data that are collected include the number of visitors, their source, and the pages they visit anonymously. |
Cookie | Duration | Description |
---|---|---|
fr | 3 months | Facebook sets this cookie to show relevant advertisements to users by tracking user behaviour across the web, on sites that have Facebook pixel or Facebook social plugin. |
Cookie | Duration | Description |
---|---|---|
aso | 21 days | To allow website owners to track visitor behavior and measure site performance. |