How to Display Related Products with Woo-Products Widget?

With UAEL version 1.8.4 and above, Woo-Products Widget offers the option to display Related Products. Here is the announcement link for this feature. 

When you design a template for Single Product page from Elementor Pro, you can display related products with Woo-Products Widget.

Related Products will be displayed on the basis of the product category.

Below are the steps to design a Single Product template with Elementor Pro and adding a Woo-Products Widget to display related products –

Necessary plugins – Elementor, Elementor Pro, Ultimate Addons for Elementor

Step 1 – From the dashboard navigate to Elementor > My Templates > Single Product
Step 2 – Click on the Add New and give a name for the template
Step 3 – You can import ready blocks from Elementor or can use widgets to display a single product
Step 4 – To display related products, drag and drop Woo-Products widget
Step 5 – In the widget select Query > Source > Related Products.
Step 6 – Publish the template by selecting Display Conditions.

Now when you will view the Single Product page, you will see the above template design. Related Products will be displayed from the respective product category.
For example – If the product – Woo Album #4 has categories Music and Album. Then related products will be displayed from the Music and Album categories on the single product page for Woo Album #4.

All the layout and styling options from Woo-Products widget can be applied for related products too. Here is a detailed document for the widget.

Not the solution you are looking for? Check other articles, or open a support ticket.