Bundles
Say the page shows the Digital format first.
Commerce / widget · Elementor module
Product Default Variation Attribute Widget Plugin for Elementor
Show which option a WooCommerce variable product’s form starts with, from its Default Form Values, such as Format: Digital.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Product default variation attributeProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
See it
These are the actual published outputs of the widget for a sample variable product in the lab shop.
02 / Inside WordPress
Product default variation attribute controls in Elementor
Product chooses the current product or a selected variable product. Display sets the attribute (or every attribute with a default), the text for each with {name} and {value}, a prefix and an optional icon. The Style tab covers typography, colours, background, border, radius, spacing, alignment, prefix and option colours, bold option and the icon.
03 / Website use cases
Where to use product default variation attribute
When a variable product has Default Form Values, its form opens with an option already chosen, and the price and photo match that option. Shoppers can miss that a choice was made for them. Product default variation attribute says which option the product starts with, in your words, anywhere on the page.
Colour shots
Explain that the photo shows the default colour.
Pricing
Make clear which size the shown price is for.
04 / Installation and setup
How to show a product’s default option 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 Product default variation attribute in the Complementor library.
Set the product’s Default Form Values under Product data, Variations in WooCommerce.
Add the widget to a single product template or a page, and choose the product.
Type an attribute such as Colour, or leave it empty for every default.
Write the text with {name} and {value} and style it on the Style tab.
05 / Content and style controls
Customize product default variation attribute in Elementor
Configure the settings available for this module to suit the page you are building.
Attribute by name or slug, or every attribute that has a default.
Text for each attribute with {name} and {value}.
Prefix such as Pre-selected:.
Only defaults that are still one of the attribute’s options are shown.
Prefix and option colours, bold option, background, border and radius.
Optional icon such as a tick.
Editor notes when nothing would show, listing the product’s attributes.
06 / Choose the right approach
Product default variation attribute and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Variation attribute value
Shows the option the shopper has chosen, rather than the starting one.
Additional information tab
Lists every option, not which one is pre-selected.
07 / Requirements and compatibility
Product default variation attribute compatibility with Elementor
- Requires Elementor and WooCommerce.
- Variable products only.
- Shows public products only.
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 product default variation attribute
Check these settings if the published page behaves differently from the editor.
Why does nothing show?
The product has no Default Form Values, the default is no longer one of the options, or the product is not variable. The editor shows which.
Does it change when the shopper picks another option?
No. It shows the starting option the store set, not the current choice.
Should I type Colour or pa_colour?
Either works for store attributes; custom attributes match by their name.
Where are default form values set?
On the product under Product data, Variations, Default Form Values.
Product default variation attribute plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor and WooCommerce.
Can it show several attributes?
Yes. Leave Attribute empty to list every attribute with a default.
Can I change the wording?
Yes. Write the text with {name} and {value} and an optional prefix.
Does it change the defaults?
No. It only reads them.
Does it work with simple products?
No. Only variable products have default options.
10 / Annual All Access subscription
Get product default variation attribute 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.