PowerPack Documentation

How to Display Related Products using Woo Products Widget?

Table of Contents

In WooCommerce, there are many types of products like Variable Products, Simple Products, Related Products, Grouped Products, etc. Related Products are those products that share the same tags or categories. They are usually displayed on single product pages. For example, if you’re viewing a shirt, then you’ll also see 3-4 shirts having the same category or tags, as related products. This will give more options to users and help them to choose the correct product easily.

Here we will guide you on How you can Display Related Products on your WooCommerce Website with PowerPack Add-ons.

Required Plugins: Elementor, Elementor Pro, PowerPack Add-ons For Elementor.

Go to Theme Builder

Go to Dashboard >> Templates >> Theme Builder.

Theme Builder
Theme Builder

Create a New Layout

Hover to Single Product and Click on Add New. Give a name to the Template and Save it.

New Template for a Single Product
New Template for a Single Product

Edit the Layout

You can either import a template from Elementor Blocks or you can create a template manually.

Elementor Blocks
Elementor Blocks

Add PowerPack Woo Products Widget

After creating the template, drag and drop “Woo-Products” to the Editor.

Woo-Products
Woo-Products

Query Settings

Head over to Query -> Related Products.

Query Settings for Related Products
Query Settings for Related Products

Update the page

Now, when you’ll preview the page, you’ll see your chosen/created template along with Related Products of same category or tags.

Last updated on September 4, 2020

Download PowerPack Free

Subscribe to receive latest updates, announcements, offers, deals & discounts.

Latest Additions