Requirement – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.<\/em><\/strong><\/p>\n\n\n\n <\/p>\n\n\n\n To create the single product template, you can use the free Nexter Builder<\/a>, or you can use Elementor Pro if you are already using it.<\/p>\n\n\n\n Now once you have created the single product template, make sure you\u2019ve added some products in your WooCommerce store, then follow the steps – <\/p>\n\n\n\n 1. Add the Product Listing widget to the template. <\/p>\n\n\n\n 2. Select Single Page Related Products <\/strong>from the Product Listing Types<\/strong> dropdown.<\/p>\n\n\n\n 3. You can choose the basis for displaying related products by selecting an option from the Related Post Type<\/strong> dropdown. Here you\u2019ll find three options – <\/p>\n\n\n\n Based on Category<\/strong> – This will show related products based on the product category.<\/p>\n\n\n\n Based on Tag<\/strong> – This will show related products based on the product tag.<\/p>\n\n\n\n Both<\/strong> – This will show related products based on category and tags together.<\/p>\n\n\n\n Select the option that fits your need.<\/p>\n\n\n\n 4. Then select the appropriate style and layout from the Style<\/strong> and Layout<\/strong> dropdown, respectively.<\/p>\n\n\n\n Now you should be able to see related products on a single product page based on category and tag.<\/p>\n\n\n\n Note: Make sure to use other <\/em>single product related widgets<\/em><\/a> to ensure that your content is displayed correctly.<\/em><\/p>\n<\/blockquote>\n\n\n\n <\/p>\n\n\n\n You can fine-tune the settings and style from other options.<\/p>\n\n\n\n![\"product](\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/08\/product-listing-single-product-related-products.gif\")
<\/figure>\n\n\n\n\n