Product cards
Show Available in 6 colours under each product.
Commerce / widget · Elementor module
Product Attribute Option Count Widget Plugin for Elementor
Show how many options a WooCommerce product comes in for one attribute, such as 4 Colour options, with the options listed if you like.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Product attribute option countProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
See it
These are the actual published outputs of the widget for sample products and their attributes in the lab shop.
02 / Inside WordPress
Product attribute option count controls in Elementor
Product chooses the current product or a selected one. Display sets the attribute, the text with {count}, {name} and {options}, a text for a single option and an optional icon. The Style tab covers typography, colours, background, border, radius, spacing, alignment, the number’s colour and weight, and the icon.
03 / Website use cases
Where to use product attribute option count
Shoppers want to know a product comes in their colour or size before they open it, but WooCommerce only lists attributes in the Additional information tab or the variation dropdowns. Product attribute option count puts “Available in 4 colours” wherever you place it, from the product’s own attributes.
Product pages
List the sizes near the title before the variation dropdowns.
Landing pages
Tell shoppers how many finishes a featured product comes in.
04 / Installation and setup
How to show a product’s number of options 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 attribute option count in the Complementor library.
Add the widget to a single product template, a product card or a landing page.
In Product, choose Current product or pick a selected product.
In Display, type the attribute, such as Colour, or leave it empty to use the attribute used for variations.
Write the text with {count}, {name} or {options}, then style it on the Style tab.
05 / Content and style controls
Customize product attribute option count in Elementor
Configure the settings available for this module to suit the page you are building.
Attribute by name or slug: store attributes such as Colour and custom attributes set on the product.
Text with {count}, {name} and {options}, such as Available in {count} colours: {options}.
A separate text for a single option, such as Material: Stoneware.
Empty attribute uses the product’s attribute used for variations.
Number colour and bold, plus background, border and radius.
Optional icon such as a palette.
An editor note lists the product’s attributes when the name does not match.
06 / Choose the right approach
Product attribute option count and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Additional information tab
WooCommerce lists every attribute in a table; use this widget for one attribute in your own words and place.
Variation swatches
Let shoppers pick an option; this widget summarises the choice anywhere on the page.
07 / Requirements and compatibility
Product attribute option count compatibility with Elementor
- Requires Elementor and WooCommerce.
- Counts options set on the attribute, not stock or variations.
- 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 attribute option count
Check these settings if the published page behaves differently from the editor.
Why does nothing show on the page?
The product has no attribute with that name, it has no attributes, or no public product is selected. The editor note lists the product’s attributes.
Why does it count an option that is out of stock?
It counts the options set on the attribute, not stock or which variations exist.
Why are the options in a different order from my list?
Store attributes follow the order set for the attribute under Products, Attributes; custom attributes keep the order typed on the product.
Should I type Colour or pa_colour?
Either works for store attributes. Custom attributes match by the name typed on the product.
Product attribute option count plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor and WooCommerce.
Does it work with simple products?
Yes. Any product with attributes works, not only variable products.
Can it list the options?
Yes. Put {options} in the text to show them as a list, such as Cream, Sage, Navy.
Does it change products?
No. It only reads the product’s attributes.
Can it look like a badge?
Yes. Use the background, padding and radius controls, and an icon.
10 / Annual All Access subscription
Get product attribute option count 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.