How to Remove Related Products in WooCommerce

It is always recommended to encourage clients to add more things to their shopping carts when it comes to e-commerce. Because of this, WooCommerce enables you to automatically display related products on the product detail page, which aids in upselling and cross-selling customers. Customers are able to appropriately raise order sizes by perusing different products in your store.

Unfortunately, business owners occasionally find that these associated items don’t perform as well as they should. They could mislead the visitors, which could result in no sales at all.

For instance, after adding a pair of glasses to his cart, the customer is given the option to view additional brandy glasses at the bottom of the product page. This forces him to investigate the new ones a little before choosing which to pay for. He can become sidetracked as a result and walk out of your store empty-handed. You then forfeit that sale.

This post will explain some plugins that will make the process of manually removing related products from a single WooCommerce product page easier as well as how to do it.

How to Set up Related Products in WooCommerce

It’s really easy to set up related products in WooCommerce. Navigate to Products in your WordPress dashboard and click on any product. Upsells and cross-sells can be configured in the WooCommerce products editor by going to the Product data section, selecting the Linked Products tab.

How to Remove Related Products in WooCommerce

WooCommerce offers related products by default, such as upsells and cross-sells, but there aren’t many customisation options available. A specialized plugin can be used to show related products.

We’re going to use a free plugin called Custom Related Products for WooCommerce for this demonstration. One more option will appear in the related products area once the plugin has been installed and activated.

display related products.

You have the option to search for products to show up as related products

Once you’ve made your selections, be sure to save the updated settings. Then, head over to the frontend of your site and view the product page. You should now see the related products you’ve chosen seamlessly integrated into the page.

Ways to Remove Related Products in WooCommerce

You can disable associated WooCommerce products in two ways: by installing a free plugin or by adding a few lines of code to the functions.php file of your theme. Now let’s begin with the first technique.

1. Editing the theme’s functions.php file

To manually disable WooCommerce-related products, use these two primary steps:

Step 1: Create a child theme

Since your custom code may be removed when you update the parent theme, you must first build a child theme and make modifications there.

You can open your theme directory and make a new folder by new name.

Step 2: In the functions.php file of your child theme, add a few lines of code.

* Remove related products output
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );

One developer-level solution that calls for some familiarity with code and themes is editing the functions.php file. Consider using a plugin to make the associated product removal procedure easier if you’re not tech savvy.

2. Remove related products with CSS

With a small CSS code, you can quickly hide those linked products from individual product pages. There is no need to install any plugins or interfere with theme files while using this technique.

Firstly, in WordPress dashboard, go to Appearance > Customize.

Click on Additional CSS section.

Add this CSS code in Additional CSS section.

.related.products {
display: none;

The WordPress customizer features a real-time live-preview wizard, enabling you to view all the updates in real time.

Using CSS to hide related products is very simple. Just update the configuration after pasting the code, and you’re ready to go.

How to use related products to increase conversion rates

One key advantage of featuring related products is to boost your conversion rates. The concept involves showcasing items that are associated with the product the shopper is currently viewing, encouraging them to purchase additional items. Typically, these related products complement or enhance the performance of the main item. For instance, when looking at a laptop, related products might include a laptop case, an external hard drive, an HDMI cable, and so on.

This strategy is popular in eCommerce. Major online retailers like Amazon or Flipkart, for instance, showcase various related products based on the user’s prior orders, search history, preferred brands, and other relevant factors.


Overall, leveraging complementary products can enhance your sales performance. Nevertheless, there are instances when concealing them may be necessary.

In this guide, we’ve seen two different methods to remove related products in WooCommerce:

  • Editing the theme’s functions.php file
  • Remove related products with CSS

We sincerely hope you find our comprehensive guide on hiding, disabling, and removing related products in WooCommerce to be helpful.

Kindly leave a comment below if you have any questions about this topic.

We appreciate your time, will see you soon.

Also Read – Best Free WooCommerce Product Feed Manager Plugins

Leave a Reply