As Featured In Fatstacks

Disable & Remove Related Products in WooCommerce – The Right Way To Hide Related Products

Published Categorised as Ecommerce Stores

WooCommerce related products are setup with transparent intention to expose your WooCommerce store visitors to more of your product range. Why else would WooCommerce show related products on your product pages? There’s a profit incentive.

WooCommerce Cross Sell on the Cart Page and WooCommerce Upsells on the Product Page (all types of woocommerce linked products) also come as standard features of WooCommerce Core. Meaning actually, at any one time you could be bombarding the hard earned customer with other products before they’ve even decided to make their first purchase from your store.

You may have wondered How does WooCommerce pick Related Products to show on the Product Page Unlike WooCommerce Cross Sells or WooCommerce Upsells, WooCommerce Related Products cannot be specified by you, but they can be influenced by putting similar products in the same Product Category or by using the same Product Tags. You may have thought that your site was organising WooCommerce related products by category only, but it also takes into account Product Tags.

So it’s no wonder many merchants, store owners, eCommerce marketers and WooCommerce builders opt to turn off WooCommerce Related Products on the Product Page. So here’s how…

How to Hide, Remove & Disable Related Products in WooCommerce

This article contains affiliate links which means we may earn a small commission if you purchase plugins and services we mention at no extra cost to you. We only recommend the best plugins and services – which we have used and can recommend.

How To Remove Related Products in WooCommerce

You have a few options when it comes to hiding WooCommerce Related Products;

  1. Add some code directly to a child theme’s functions.php file (most technical)
  2. Add some code to the main functions.php file using a plugin (so theme updates don’t override changes) (not that technical)
  3. Use some CSS to stop related products from rendering on the product page (pretty easy)

Removing Related Products in WooCommerce by editing your Child Theme’s functions.php file

Obviously this first solution is essentially dependent on you having a Child Theme setup on your site. If you have, then this should be relatively straight forward (especially if you set it up). If you didn’t setup your Child Theme, don’t sweat it.

If you have access to the Theme Editor from within your WordPress dashboard (go to Appearance > Theme Editor as shown below)

Theme Editor on Child Theme WooCommerce Related Products

Then you can locate your functions.php file and add the following code into that file and turn off WooCommerce Related Products for good.

I don’t see the WordPress Theme Editor It’s Missing

You may however be scratching your head and wondering “why is the WordPress Theme Editor missing?” you’re not alone!

It is possible to go ahead and make some edits to the wp-config.php file and find the line (‘DISALLOW_FILE_EDIT’, true) and replace the word ‘true’ with ‘false’ so it looks like this: (‘DISALLOW_FILE_EDIT’, false)

You don’t HAVE to login to your Server or cPanel to be able to make changes to the wp-config.php file, you can access it through a plugin called WP File Manager.

This should fully restore the WordPress Theme Editor option and you can then go about inserting the code into the Child Theme’s functions.php file as planned. If you need some more detailed instruction on the above, check out this troubleshooting guide.

If you don’t have a Child Theme setup and you’d still like to take this approach, you’ll first need to setup a Child Theme. Here’s the guide from WordPress themselves on how to create and install a Child Theme on your WordPress Website regardless of which Theme you have installed.

Disabling Related Products in WooCommerce by adding code to the main functions.php file using a plugin

I feel like this option is a nice middle ground, technically speaking.

By using a plugin to insert code into the main Theme’s functions.php file you avoid the issue of Theme updates overriding the code, but you also don’t need to implement a Child Theme if you don’t already have one.

Firstly you need a code snippets plugin. There are a few of these available on the wordpress.org repository that are completely free, robust and supported plugins.

Here are a couple of plugins we use:

https://wordpress.org/plugins/my-custom-functions/

Once you have one of these plugins installed, you can then go ahead and insert the code I mentioned in the previous method. Here it is again if you missed it:

Simply follow the steps provided by the plugin developer (which is typically as easy as cut and pasting the code into a box) and you’ll have hidden the WooCommerce Related Products from the Product Page quickly, effectively and properly.

Hide Related Products in WooCommerce using Custom CSS to turn off related products on the product page

This one is a pretty easy fix. But it’s a “CSS fix” not a pure “code fix” meaning the function is still there in the background, but you’re instructing it not to display using a style.

This might not bother you two hoots. In which case, you can easily turn off related products on the WooCommerce Product page by pasting this CSS into the “Custom CSS” section of your Theme Customiser. Go to Appearance > Customise > Custom CSS and paste in the following CSS:

.related.products {
display: none;
}

And that’s it, you’ve removed WooCommerce Related Products from your website.

But these 3 examples above are more about restricting WooCommerce from Showing Related Products on product pages. Time for a potentially a better approach…

Get rid of Related Products on WooCommerce Product Pages using a Page Builder

You can remove the WooCommerce Related Products from a Product Page by using a Page Builder like Divi or Elementor.

In fact, you can completely customise the look and feel of the WooCommerce Product page.

You don’t have to do anything radical though!

You can rebuild the WooCommerce Product Page to make it look very much like the default Product Page template, but with a few key things fixed in the process.

Want to disable related products woocommerce? No problem – just don’t include them in your new product page designs

Want to change related products text on WooCommerce product pages? No problem – change the title to whatever you want by using a page builder like Divi

Want to show one column of WooCommerce related products on mobile? No problem, just specify that in your page builder!

Want to change the woocommerce related products image size? Again, no problem – just make the image sizes exactly how you want them with the page builder

Want to remove WooCommerce related products from only certain products? No problem, just don’t include a section for Related Products in the WooCommerce Product Page Redesign for certain pages!

Want to show woocommerce related products as a list? Absolutely not a problem, display related products exactly how and where you want to on the WooCommerce Product page.

Instead of showing woocommerce related products show best sellers? Great idea – and easily achieved by using a page builder to design your WooCommerce product page WITHOUT TOUCHING A SINGLE LINE OF CODE!

So if you’ve been wondering how to control related products on WooCommerce, maybe you need to come at this challenge from a new angle.

Yes – if you just want to edit the related products section of the WooCommerce Product Page you can. But that will likely involve code.

Think bigger.

If you edit the WooCommerce Product page using a Page Builder you can control everything on the WooCommerce Product Page Design.

That doesn’t mean you have to do anything radical!

You can simply replicate the existing design, but tweak it slightly to suit YOUR needs.

Checkout the Divi Theme and Divi Builder below – they’re awesome, powerful and affordable.

So to your question…

Can you turn off related products in WooCommerce?

Yes, there are a number of ways to turn off related products in WooCommerce on certain products, or you can disable WooCommerce related products across all product pages. Some solutions demand the insertion of code into the theme files, other solutions use CSS in the Custom CSS area of the theme customizer.

We however believe the better solution is to take control over your product page design entirely and not to rely on the Product Page template provided by your Theme to Work with WooCommerce.

This way you can replace WooCommerce Related Products and show Best Sellers or Upsell Products, or Cross Sell Products on the WooCommerce Product page.

It’s completely possible to customize the WooCommerce Product page in terms of visual design without touching a single line of code – as we’ve shown with the Divi Theme and Divi Builder approach to replacing WooCommerce Related Products.

So don’t forget to checkout Divi – Click here or click the banner below:

How To Control WooCommerce Related Products

WooCommerce Related Products cannot be specified like WooCommerce Upsells and Cross-Sells, but related products CAN can be influenced by you.

By categorizing products in the same Product Category or by using the same Product Tags on your WooCommerce Products you’re making your products “related” in the eyes of the WooCommerce database. You may have thought that your site was organising WooCommerce related products by product category only, but WooCommerce also relates products by Product Tags.

If, like most WooCommerce store owners you’ve setup multiple product categories and product tags, you’re likely to have a large proportion of your product catalog show up as “related products” on WooCommerce product pages.

FAQs

How do I remove related products in WooCommerce?

As I’ve shown in this article you can remove related products in WooCommerce by; 1. using CSS to hide them, 2. Modifying the PHP using code snippets to disable related products, 3. Using a page builder like Divi to completely rebuild the WooCommerce Product Page excluding the Related Products section from the design

How do I edit related products in WooCommerce?

Products are related in WooCommerce by Product Category and Product Tags. WooCommerce displays in the related products section of the product page products which have the same category and/or tags. To edit which products are related you therefore need to edit the Product Categories and Product Tags.

How do I manage related products in WooCommerce?

If trying to manage which products appear as related products on the WooCommerce product page you should review the Product Categories and Product Tags used for the products between which you’re trying to specify the relationship.

A better way of managing the “related products” that display on the WooCommerce Product page would be to customize the WooCommerce Product Page. Instead of displaying the default, WooCommerce defined related products, you can choose to display user specified “cross sell” and “upsell” products.

Related Topics

Related Topics – Hiding Elements in WooCommerce

If you’re wondering how to hide products in WooCommerce so they don’t display on the Shop page and aren’t visible to your online store visitors – you should check out our comprehensive guide on the several ways to hide WooCommerce Products from the product catalog.

Related Topics – Removing Elements From WooCommerce

How to remove checkout option from WooCommerce and disable cart functionality

How to customize the WooCommerce Thank You or Order Received Page without custom code

How to remove breadcrumbs from WooCommerce Product Page without code

How to disable Customer Account Creation in WooCommerce and why you should!

How to customize the WooCommerce Cart Page without custom code

How to customize the entire WooCommerce Checkout Process without code customization

You have have searched for:

remove related products woocommerce

woocommerce remove related products

woocommerce hide related products

hide related products woocommerce

woocommerce disable related products

woocommerce turn off related products

turn off related products woocommerce

woocommerce related products remove

related products woocommerce remove

how to turn off related products in woocommerce

disable related products woocommerce

how to remove related products woocommerce

remove related products form woocommerce

restrict woocommerce from showing related products

get rid of related products woocommerce

woocommerce suggested products

woocommerce linked products

woocommerce recommended products

You were generally interested in:

woocommerce related products

related products woocommerce

woocommerce auto related products

related products automatic woocommerce

You might have also wondered:

woocommerce show related products

change related products text woocommerce

woocommerce change related products text

woocommerce change the ‘related products’ text

woocommerce related products image size

number of related products woocommerce

woocommerce number of related products

woocommerce change number of related products

show related products woocommerce

display related products woocommerce

woocommerce custom related products

woocommerce display related products

woocommerce related products not showing

woocommerce related products slider

my woocommerce product page shows 2 related products rows

woocommerce change order of related products

edit related products woocommerce

woocommerce related products based on history

related products woocommerce storefront

woocommerce related products field not showing up

woocommerce remove related products from certain products

woocommerce the wrong related products are showing

If looking for more control over WooCommerce Related Products you could be searching for:

woocommerce related products plugin

woocommerce related products code

woocommerce related products by category

woocommerce related products same category

woocommerce related products shortcode

woocommerce related products code

woocommerce related products template

woocommerce get related products

related products plugin woocommerce

woocommerce related products no description

shows only related products when added woocommerce

one column related products on mobile woocommerce

woocommerce related products style

woocommerce related products as a list

woocommerce related products show image

woocommerce related products show best sellers

how to control related products on woocommerce

woocommerce hide related products for certain products

By Ashley Pearce

I'm the founder of Future State Media, a "small-on-purpose" creator-focused SEO agency skilled in helping creators systematically generate traffic, build audiences and maximise their monetisation whilst staying true to their brand.