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 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.
Unlike WooCommerce Cross Sells or 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…
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;
- Add some code directly to a child theme’s
functions.phpfile (most technical)
- Add some code to the main
functions.phpfile using a plugin (so theme updates don’t override changes) (not that technical)
- 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)
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:
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:
And that’s it, you’ve removed WooCommerce Related Products from your website.
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
You were generally interested in:
woocommerce related products
related products woocommerce
You might have also wondered:
woocommerce show related products
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