Gift sets and kits
Show what is inside a tasting set or starter kit in the description, with links to each product.
Commerce / widget · Elementor module
Grouped Product Directory Plugin for Elementor
List the products inside a WooCommerce grouped product as a read-only directory of links and prices, in their stored order.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Grouped product directoryProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Directories from a real WooCommerce grouped product
These are the actual published outputs of the widget for a sample grouped product with four stored children, one of them a draft: the default directory, a styled version with icons and dividers, prices below centred names, names only, and a message for a group with nothing public to list.
02 / Inside WordPress
Grouped product directory controls in Elementor
Content › Source uses the current product or a selected published grouped product. Behaviour turns prices on or off and chooses whether an empty group hides the widget or shows a message. Display sets the heading and its tag, puts the price beside or below each name, and adds an optional icon. The Style tab covers alignment, row spacing, name-to-price gap, row dividers, heading typography and colour, link typography and Normal, Hover and Focus states, price typography and colour, and icon colour, size and gap.
03 / Website use cases
Where to use grouped product directory
A WooCommerce grouped product bundles related products, but the only place its contents appear is the add-to-cart form with quantity boxes. Grouped product directory lists the same children as clean links with their current prices, so you can show what a set contains in a sidebar, description or landing page without a second purchase form.
Collection landing pages
Point the widget at a grouped product to list a curated range anywhere on your site.
Product page sidebars
Give shoppers quick links to each item in the group beside the main purchase form.
04 / Installation and setup
How to list a grouped product's contents in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor and WooCommerce, connect your license and enable Grouped product directory in the Complementor library.
Create a Grouped product in WooCommerce and add its products under Linked Products › Grouped products, in the order you want them listed.
Add the widget to a single product template or grouped product page, or choose Selected grouped product in Content › Source to use it anywhere.
Set the heading, row layout, price display and what to show when nothing can be listed.
Style the list, publish, and check that draft or private children are not listed.
05 / Content and style controls
Customize grouped product directory in Elementor
Configure the settings available for this module to suit the page you are building.
Source: the current product, or a selected published grouped product from a picker.
Show price using WooCommerce's own price display, including sale prices and the shop tax setting.
Empty groups: hide the widget or show your own message.
Heading text and tag (H2 to H6, p or div), or no visible heading.
Row layout with the price beside or below the name, and an optional icon before each name.
Style: alignment, row spacing, name-to-price gap, row dividers, heading, link Normal/Hover/Focus, price and icon styling.
06 / Choose the right approach
Grouped product directory and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
WooCommerce grouped product form
WooCommerce's own form lists the children with quantity boxes and an Add to cart button. Use it to buy; use this widget for a read-only list you can place and style anywhere.
Elementor Pro Products widget
Elementor Pro's Products widget shows product cards from a query. It is built for grids; this widget gives a compact list of exactly the products stored in one group, in their saved order.
07 / Requirements and compatibility
Grouped product directory compatibility with Elementor
- Requires Elementor and WooCommerce; grouped products only.
- Read-only: no quantity fields, cart buttons or stock totals.
- Lists published, unprotected children in stored order; variations are not expanded.
- The product picker lists up to 200 published grouped products.
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 grouped product directory
Check these settings if the published page behaves differently from the editor.
Why is a product missing from the list?
Only published products without a password are listed, even for administrators. Drafts, private and password-protected children are skipped, as are nested grouped products.
Why is nothing shown?
The source must be a published grouped product. On another product type, or with no published children and When no listed products set to Hide, the widget outputs nothing; the editor explains which case applies.
How do I change the order?
The list follows the order of products in Linked Products › Grouped products. Reorder them there.
Why are prices out of date?
Prices are read when the page is generated. If you use page caching, clear the cache after changing prices or when a scheduled sale starts or ends.
Grouped product directory plugin questions
Does it add products to the cart?
No. It is a read-only list of links and prices. Keep WooCommerce's grouped product form for purchasing.
Does it need Elementor Pro?
No. It works with Elementor and WooCommerce; Elementor Pro lets you place it in single product templates.
Does it show sale prices?
Yes. Each price comes from WooCommerce's own price display, so sale prices show the original price struck through.
Are variations listed?
No. A variable product in the group is listed once with its price range; its variations are not expanded.
Can I show it on a page that is not the grouped product?
Yes. Choose Selected grouped product in Content › Source and pick any published grouped product.
10 / Annual All Access subscription
Get grouped product directory 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.