{"id":26859,"date":"2024-07-15T12:47:42","date_gmt":"2024-07-15T06:47:42","guid":{"rendered":"https:\/\/codexpert.io\/?p=26859"},"modified":"2026-05-14T15:31:48","modified_gmt":"2026-05-14T09:31:48","slug":"remove-related-products-in-woocommerce","status":"publish","type":"post","link":"https:\/\/codexpert.io\/blog\/remove-related-products-in-woocommerce\/","title":{"rendered":"How to Remove Related Products in WooCommerce"},"content":{"rendered":"
<\/div>\n

While related products are a great way to showcase your variety and potentially boost sales, they might not always be the right fit for your store’s design or strategy.<\/p>\n\n\n\n

This guide shows you how to manage related products in WooCommerce<\/strong> and give you the power to both create and customize them, or if needed, completely remove them from your product pages.<\/p>\n\n\n\n

Want to know more? Stay tuned!<\/p>\n\n\n\n

What are WooCommerce Products and Related Products? <\/h2>\n\n\n\n

WooCommerce lets you sell a wide range of products and services. This includes physical goods like clothing and shoes, digital downloads like ebooks and software, or even services like consultations and subscriptions.<\/p>\n\n\n\n

While browsing your products, customers might appreciate suggestions for similar or complementary items. This is where related products come in! They act as personalized recommendations which helps customers discover more of what they might be interested in.<\/p>\n\n\n\n

Add Related Products in WooCommerce for Free<\/h2>\n\n\n\n

Before jumping to the main topic, let\u2019s learn how to add related products in WooCommerce – <\/p>\n\n\n\n

Step 1: Install and Activate Necessary Plugin<\/h3>\n\n\n\n

Start by installing and activating CoDesigner in your WooCommerce store.<\/p>\n\n\n\n

\"install-codesigner\"<\/figure>\n\n\n\n

Note:<\/strong> WooCommerce and Elementor are required plugins for CoDesigner. <\/p>\n\n\n\n

Step 2: Enable Related Widgets<\/h3>\n\n\n\n

Go to the CoDesigner > Widgets<\/strong> menu and enable the Single Products <\/strong>widget.<\/p>\n\n\n\n

\"WooCommerce-single-product-widgets\"
Enable Single Products Widgets<\/figcaption><\/figure>\n\n\n\n

Also, enable the Related Products<\/strong> widgets<\/p>\n\n\n\n

\"WooCommerce-related-products-widgets\"
Related Products Widgets<\/figcaption><\/figure>\n\n\n\n

Step 3: Add Shop and Related Products Widgets<\/h3>\n\n\n\n

Create a new template by navigating to Dashboard > Templates > Add New<\/strong> and select CoDesigner Single Product. And open the new template with Elementor.<\/p>\n\n\n\n

\"\"
Select Template Type and Name<\/figcaption><\/figure>\n\n\n\n

In Elementor, drag the Related Products<\/strong> widgets onto the desired sections below the single product page section.<\/p>\n\n\n\n

\"add-related-products-in-WooCommerce\"
Drag Related Product Widgets in Elementor<\/figcaption><\/figure>\n\n\n\n

Step 4: Customize Related Products Widget<\/h3>\n\n\n\n

Select any section to start customizing. From the Related Products section, you can customize everything from content, styles, advanced, and more. CoDesigner lets you to choose specific products including Current<\/strong>, Custom<\/strong>, and Cart Items<\/strong> and customize its text, background, and typography.<\/p>\n\n\n\n

Finally, assign this template to your shop products adding conditions from Elementor settings.<\/p>\n\n\n\n

\"single-product-template-settings\"<\/figure>\n\n\n\n

Note:<\/strong> Make sure you have assigned the Single product template in WooCommerce products.<\/p>\n\n\n\n

2 Ways to Remove WooCommerce Related Products<\/h2>\n\n\n\n

Now that we know the process of creating a stunning WooCommerce shop page<\/a> and related products section. We\u2019ll show you how to remove related products from that section. While there are multiple ways to do this, we’ll go through the easiest ones – <\/p>\n\n\n\n

Step 1: Remove Related Products in WooCommerce <\/h3>\n\n\n\n

This is the easiest part of removing related products from your WooCommerce store. Start by going to Templates, and locate the Single Product Template you’ve created, hover over it and click on the Edit with Elementor<\/strong> button<\/p>\n\n\n\n

From the editor page, manually remove the related products section from the Elementor section.<\/p>\n\n\n\n

\"\"
Click on the Indicated section to Remove Related Products<\/figcaption><\/figure>\n\n\n\n

Step 2: Remove Related Products with Custom Code and CSS<\/h3>\n\n\n\n

This method is for those who have coding knowledge or have studied in that field. If you don’t have experience with coding, you can skip this part.<\/p>\n\n\n\n