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
Table of Contents
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.
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.
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.
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 – 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
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