Do you want to suggest products that go with the one a shopper is viewing — a case with a phone, socks with shoes?
Those are cross-sells. The Woo Product Listing widget in The Plus Addons for Elementor shows them on the product page.
To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Edition: Pro — the Woo Product Listing widget is part of The Plus Addons for Elementor Pro. It does not appear in the widget panel of the free plugin.
- WooCommerce installed and active, with some published products.
- A single product template from Nexter Builder or Elementor Pro’s Theme Builder.
- Widget to enable: Woo Product Listing, switched on under ThePlus Settings > Widgets.
WooCommerce normally shows cross-sells on the cart page. This listing shows a product’s cross-sells on its own product page instead.
Step 1: Set cross-sells in WooCommerce
Edit a product, open Product data > Linked Products, and add products to Cross-sells. The field is available on simple and variable products.
Step 2: Add the listing to the product template
Edit the single product template, drag in the Woo Product Listing widget, and set Product Listing Types to Cross Sells.
Limitations
- Single product pages only. It reads the cross-sells of the product being viewed.
- No loading options or filter on this listing type.
- Pro only. The Woo Product Listing widget is not in the free plugin.
Troubleshooting
Nothing appears
The product has no cross-sells, or the widget is not in the single product template.
Related Docs
- Woo Product Listing widget: settings overview — every control in the widget.
- Show upsell products
- Show related products
