Choice confirmation
Repeat the chosen colour near the image or price.
Commerce / widget · Elementor module
Variation Attribute Value Widget Plugin for Elementor
Show one attribute of the variation a shopper picks, such as “Colour: Navy”, with all values (“Grey, Navy, Red”) or a prompt before a choice.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Variation attribute valueProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Try it
These are the actual published outputs of the widget for the sample Merino scarf. On a product page they change with the chosen colour.
02 / Inside WordPress
Variation attribute value controls in Elementor
Content sets the product, whether to follow the shopper's choice, the attribute, whether to show its name or your own text before, and what shows before a choice. The Style tab covers typography, colours, surface, border and icon.
03 / Website use cases
Where to use variation attribute value
After picking options, shoppers like to see their choice confirmed in words near the price or image, and stores want to show which colours exist before anyone chooses. Variation attribute value shows “Grey, Navy, Red” first, then the chosen value, and handles options set to “Any” by reading the shopper's pick.
Range at a glance
Show every colour or size before a choice.
Feature pages
Name one option on a landing page.
04 / Installation and setup
How to add a variation attribute value in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor, connect your license and enable Variation attribute value in the Complementor library.
Place the widget on a product template or next to an add-to-cart form.
Name the attribute, or leave it empty for the first one.
Choose what shows before a choice and style it.
Publish and check it on the live page.
05 / Content and style controls
Customize variation attribute value in Elementor
Configure the settings available for this module to suit the page you are building.
Follows the chosen variation.
All values before a choice.
Attribute name or your own label.
Handles options set to “Any”.
Global and custom attributes.
One fixed variation as an option.
06 / Choose the right approach
Variation attribute value and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Additional information tab
Lists all values but never the chosen one.
Swatch plugins
Change the form itself; this widget only shows the value.
07 / Requirements and compatibility
Variation attribute value compatibility with Elementor
- Requires Elementor and WooCommerce.
- Shows one attribute per widget; it does not change the options form.
- Full-page caches keep the value until they are refreshed.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot variation attribute value
Check these settings if the published page behaves differently from the editor.
Why does the editor say there is no such attribute?
Check the spelling or slug, or leave Attribute empty for the first attribute used for variations.
Why does it not change?
The page needs the product's options form and the module's script.
Why are all values shown?
No option is chosen yet. Choose a prompt or nothing instead.
Can I hide “Colour:”?
Yes. Switch off Show the attribute name, or type your own text before.
Variation attribute value plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Does it need WooCommerce?
Yes. Attributes come from WooCommerce products.
Does it work with custom attributes?
Yes. Global and product-specific attributes both work.
Is it accessible?
Yes. It is plain text that updates after the shopper's own choice.
Is the value saved into the page?
No. It is read live each time the page is built, so it stays up to date.
10 / Annual All Access subscription
Get variation attribute value with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.