Clothing
Compare materials and sizes.
Commerce / widget · Elementor module
Product Attribute Comparison Widget Plugin for Elementor
Compare the attributes of 2 to 4 products, such as material, colour or size, in an accessible table with one row per attribute.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Product attribute comparisonProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Examples
These are the actual published outputs of the widget for products from the demo shop.
02 / Inside WordPress
Product attribute comparison controls in Elementor
Content sets the products (up to 4, optionally starting with the product being viewed), the rows and wording, the caption, name links, images and the missing-value text. The Style tab covers the table text, header, row labels, stripes, lines, padding, best value colour, caption and images.
03 / Website use cases
Where to use product attribute comparison
Specifications decide between similar products, but WooCommerce shows each product's attributes in its own Additional information tab. Product attribute comparison puts the attributes of 2 to 4 products side by side, one row per attribute, either every visible attribute they have or only the ones you choose, with a clear note where a product lacks one.
Electronics
Compare specifications.
Furniture
Compare finishes and materials.
04 / Installation and setup
How to add a product attribute comparison 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 comparison in the Complementor library.
Add the widget to a product template or page.
Choose two to four products, or start with the product being viewed.
Set the rows and wording.
Style the table.
05 / Content and style controls
Customize product attribute comparison in Elementor
Configure the settings available for this module to suit the page you are building.
2 to 4 products.
Every visible attribute or chosen ones.
Variation attributes optional.
Names or slugs accepted.
Missing values marked.
Accessible table with caption.
06 / Choose the right approach
Product attribute comparison and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Comparison plugins
Often add their own scripts, pages and styling.
A table typed by hand
Gets out of date when products change.
07 / Requirements and compatibility
Product attribute comparison compatibility with Elementor
- Requires Elementor and WooCommerce.
- Two to four products.
- Reads products; never changes them.
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 comparison
Check these settings if the published page behaves differently from the editor.
Why is an attribute missing?
None of the products has it, or it is hidden on the product page.
Why are colours listed?
They are variation attributes. Turn off Include attributes used for variations.
What can I type?
Attribute names or slugs, such as Material, colour or pa_colour.
Why "Not available"?
That product does not have the attribute.
Product attribute comparison plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor and WooCommerce.
Does it show hidden attributes?
No. Only attributes marked visible on the product page are listed automatically.
How many products can it compare?
Two to four.
Is it accessible?
Yes. It is a real table with a caption, column headers for products and row headers, and it scrolls inside its own keyboard-reachable box on phones.
Does it change product data?
No. It only reads the products and prints what it finds.
10 / Annual All Access subscription
Get product attribute comparison 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.