Fashion and sizes
Show which sizes are nearly sold out.
Commerce / widget · Elementor module
Variation Stock Quantity Widget Plugin for Elementor
Show how many of the chosen variation are left: “12 in stock”, “Only 2 left”, “Out of stock” or “Available on backorder”, with stock shared by all options said plainly.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Variation stock quantityProduct 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 stock quantity controls in Elementor
Content sets the product, whether to follow the shopper's choice, the quantity, low stock, shared and total texts, what shows before a choice, the status texts and whether to follow WooCommerce's stock display format. The Style tab covers typography, state colours, surface, border and icon.
03 / Website use cases
Where to use variation stock quantity
Shoppers want to know if their size or colour is nearly gone, and “In stock” for the whole product hides it. Variation stock quantity shows the chosen option's count, says “Only 2 left” at the store's low stock threshold, explains stock shared by all options, and shows out of stock and backorder states, following WooCommerce's stock settings.
Limited runs
Show how many of each colour are left.
Made to order
Show backorder availability clearly.
04 / Installation and setup
How to add a variation stock quantity 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 stock quantity in the Complementor library.
Place the widget on a product template or next to an add-to-cart form.
Adjust the quantity and low stock texts.
Choose what shows before a choice and style the states.
Publish and check it on the live page.
05 / Content and style controls
Customize variation stock quantity in Elementor
Configure the settings available for this module to suit the page you are building.
Follows the chosen variation.
“Only 2 left” at the low stock threshold.
Stock shared by all options explained.
Out of stock and backorder states.
Total across options before a choice.
Can follow the store's display format.
06 / Choose the right approach
Variation stock quantity and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
WooCommerce availability text
Follows the store format but sits under the options form only.
A product-level stock widget
Shows one number for the whole product, not the chosen option.
07 / Requirements and compatibility
Variation stock quantity compatibility with Elementor
- Requires Elementor and WooCommerce.
- Shows stock only; it does not reserve or change it.
- 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 stock quantity
Check these settings if the published page behaves differently from the editor.
Why does it show “In stock” without a number?
That option does not count stock, or “Follow WooCommerce's stock display format” is on with a format that hides counts.
Why is there no total before a choice?
A total is shown only when every option counts its own stock, or the product counts stock for all of them.
Why does it say “shared by all options”?
The product, not each variation, manages stock, so all options draw on one number.
Why is nothing shown?
Stock management is off in WooCommerce, or the status texts are switched off; the editor shows a hint.
Variation stock quantity plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Does it need WooCommerce?
Yes. Counts come from WooCommerce's stock management.
Where is the low stock threshold set?
In WooCommerce > Settings > Products > Inventory, or on the product's Inventory tab.
Is it accessible?
Yes. States are written in words, and low and out of stock are bold, not only coloured.
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 stock quantity 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.