Product cards
Show the material only for products where it is meant to be public.
Commerce / widget · Elementor module
Product Attribute Visibility Note Widget Plugin for Elementor
Show a WooCommerce product attribute, such as Material: Stoneware, only when the store has set it to Visible on the product page.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Product attribute visibility noteProduct 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 product in the lab shop.
02 / Inside WordPress
Product attribute visibility note controls in Elementor
Product chooses the current product or a selected one. Display sets the attribute, the text when it is visible with {name} and {options}, an optional text when it is hidden and an optional icon. The Style tab covers typography, colours, background, border, radius, spacing, alignment, options colour, bold name and options, and the icon.
03 / Website use cases
Where to use product attribute visibility note
WooCommerce lets you keep some attributes off the product page, such as internal batch codes, by unticking Visible on the product page. Custom layouts that print attributes often ignore that choice. Product attribute visibility note shows an attribute in your own layout only when it is visible, and nothing (or your own text) when it is hidden.
Internal codes
Keep batch or supplier codes off the page while still storing them.
Custom templates
Follow the same visibility as the Additional information tab.
04 / Installation and setup
How to show a visible attribute 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 visibility note in the Complementor library.
On the product, tick or untick Visible on the product page for each attribute under Product data, Attributes.
Add the widget to a single product template, a product card or a page.
Type the attribute, such as Material or Colour.
Write the text with {name} and {options}, and a text for hidden attributes if you like.
05 / Content and style controls
Customize product attribute visibility note 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.
Text when visible with {name} and {options}, such as Material: Stoneware.
Optional text when hidden; empty shows nothing, as WooCommerce does.
Bold name or options and an options colour.
Background, border, radius and spacing.
Optional icon.
The editor says when an attribute is hidden and lists the product’s attributes.
06 / Choose the right approach
Product attribute visibility note and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Additional information tab
Lists every visible attribute in a table; this widget shows one where you want it.
Product attribute option count
Counts an attribute’s options, such as 4 colour options.
07 / Requirements and compatibility
Product attribute visibility note compatibility with Elementor
- Requires Elementor and WooCommerce.
- One attribute per widget.
- 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 visibility note
Check these settings if the published page behaves differently from the editor.
Why does nothing show?
The attribute is not set to Visible on the product page and the text for hidden attributes is empty, or the product has no attribute with that name. The editor says which.
Should I type Colour or pa_colour?
Either works for store attributes; custom attributes match by their name.
Where is the visibility setting?
On the product under Product data, Attributes: Visible on the product page.
Why are the options in this order?
Store attributes follow the order set under Products, Attributes; custom attributes keep the order typed on the product.
Product attribute visibility note 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.
Can I show a hidden attribute anyway?
Only through the text for hidden attributes, which can say something else, such as details on request.
Does it change attributes?
No. It only reads them and their visibility.
Can it look like a label?
Yes. Use the background, padding, radius and icon controls.
10 / Annual All Access subscription
Get product attribute visibility note 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.