Extended Product Loop
Found in the Elementor panel under Dotjuice → Extended Product Loop. Requires WooCommerce.
How it works
This widget renders its own product grid — separate from Elementor's or WooCommerce's native product loop widgets. It shows all your regular published products, plus an extra tile for every individual product variation that has a value set for the attribute you choose. Each tile shows that variation's own image, name, and price, linking through to the parent product page.
Content settings
| Setting | Default | What it does |
|---|---|---|
| Attribute Name | pa_color | The attribute taxonomy to pull variations from, using its technical slug (WooCommerce attributes are typically prefixed pa_, e.g. pa_color, pa_size). |
There's no Style tab on this widget — the grid uses WooCommerce's standard product-grid CSS classes, so it inherits your theme's existing product grid styling.
What to expect in the grid
If a product has three variations matching your chosen attribute (say, three colours), it can appear as up to four tiles: the parent product once, plus one tile per matching variation. This is intentional — it's what makes a "shop by colour" browsing experience possible — but it's worth knowing in advance so it doesn't look like a duplication bug when you first set it up.
This widget's tiles show image, name, and price only — no Add to Cart button, sale badges, or star ratings, since the grid is built independently of WooCommerce's standard loop template. Link the tile through to the product page for the full buying experience.
Setting it up
- Decide which attribute you want to browse by (commonly colour or size) and find its technical slug — check Products → Attributes in your WordPress admin, or look at the attribute's edit URL.
- Enter that slug into Attribute Name.
- Place the widget on a page and confirm the variation tiles appear as expected.
Good to know
- If the attribute slug you enter doesn't exist on your store, the widget quietly falls back to showing only your regular product list — no error is shown, so double-check your spelling if variation tiles aren't appearing.