WooCommerce: Hide Related Products @ Single Product Page

Adding content to the WooCommerce Single Product Page is super easy – but what if you wish to remove / hide a default element?

Well, in this case it gets even easier. All you need to know is the default hook used by WooCommerce – so that you can remove it with one line of PHP in your functions.php. You can find a list of default hooks here: (https://businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/)

For example, how do we hide the Related Products? Well, here’s one line of code that will help you!

PHP Snippet: Hide Related Products @ WooCommerce Single Product Page

/**
 * @snippet       Hide Related Products @ WooCommerce Single Product Page
 * @how-to        Get CustomizeWoo.com FREE
 * @source        https://businessbloomer.com/?p=72966
 * @author        Rodolfo Melogli
 * @testedwith    Woo 3.3.4
 */

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );

It’s that simple, yes 🙂

Where to add this snippet?

You can place PHP snippets at the bottom of your child theme functions.php file (delete "?>" if you have it there). CSS, on the other hand, goes in your child theme style.css file. Make sure you know what you are doing when editing such files - if you need more guidance, please take a look at my free video tutorial "Where to Place WooCommerce Customization?"

Does this snippet (still) work?

Please let me know in the comments if everything worked as expected. I would be happy to revise the snippet if you report otherwise (please provide screenshots). I have tested this code with Storefront theme, the WooCommerce version listed above and a WordPress-friendly hosting on PHP 7.3.

If you think this code saved you time & money, feel free to join 14,000+ WooCommerce Weekly subscribers for blog post updates or 250+ Business Bloomer supporters for 365 days of WooCommerce benefits. Thank you in advance :)

Need Help with WooCommerce?

Check out these free video tutorials. You can learn how to customize WooCommerce without unnecessary plugins, how to properly configure the WooCommerce plugin settings and even how to master WooCommerce troubleshooting in case of a bug!

Rodolfo Melogli

Business Bloomer Founder

Author, WooCommerce expert and WordCamp speaker, Rodolfo has worked as an independent WooCommerce freelancer since 2011. His goal is to help entrepreneurs and developers overcome their WooCommerce nightmares. Rodolfo loves travelling, chasing tennis & soccer balls and, of course, wood fired oven pizza.

Follow @rmelogli

23 thoughts on “WooCommerce: Hide Related Products @ Single Product Page”

Kiran More
November 11, 2021

Is there any way we can hide related products price with hook?

Reply
1. Rodolfo Melogli
  November 29, 2021
  
  Hi Kiran thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!
  
  Reply
greg
November 5, 2021

Hi there, I tried this and it did not work on our WooCommerce site with the theme that we are using. It did work with a default theme.

So I found another easy solution: Since the related products are products from the same category, I created an own sub-category for the product that should not have related products.

Might be a solution for those who commented here that the products shown as related products are not related – clean up your categories!

Reply
1. Rodolfo Melogli
  November 8, 2021
  
  Cool, thanks!
  
  Reply
Sonali
October 25, 2020

Hey..im using front store theme. But I’m confused where to place this snippet. I do not have a single product.php file in my theme editor

Reply
1. Rodolfo Melogli
  October 27, 2020
  
  functions.php
  
  Reply
Shi
March 16, 2020

Does not work

Reply
1. Rodolfo Melogli
  March 20, 2020
  
  What’s your theme?
  
  Reply
Sander
February 5, 2020

Seems like this snippet does not work anymore.. The related products are still showing.
I now removed the output with CSS put it is still being loaded. Any way to prevent this from being loaded?

Reply
1. Rodolfo Melogli
  February 8, 2020
  
  Hi Sander, this will not work on a theme that is improperly overriding WooCommerce. It is definitely possible to fix, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!
  
  Reply
Keely
January 22, 2020

Snippet doesn’t work for me

Reply
1. Rodolfo Melogli
  January 25, 2020
  
  Keely, thanks for your comment! I just tested this again with Storefront theme and it works perfectly. Maybe your theme (or another plugin) is messing/conflicting with my snippet?
  
  To troubleshoot, disable all plugins but WooCommerce and also switch temporarily to “Twentyseventeen” theme (load the snippet there in functions.php) – does it work? If yes, you have a problem with your current theme or one of the plugins.
  
  Hope this helps!
  
  R
  
  Reply
Jessa
August 25, 2019

I just added this to my functions.php and the related products section below the product description is still showing up. 🙁

Reply
1. Rodolfo Melogli
  August 29, 2019
  
  Hello Jessa, thanks for your comment! I just tested this again with Storefront theme and it works perfectly. Maybe your theme (or another plugin) is messing/conflicting with my snippet?
  
  To troubleshoot, disable all plugins but WooCommerce and also switch temporarily to “Twentyseventeen” theme (load the snippet there in functions.php) – does it work? If yes, you have a problem with your current theme or one of the plugins.
  
  Hope this helps!
  
  R
  
  Reply
Sarah
March 1, 2019

Hi.
How can we hide _Out of Stock_ products in related products?
Thanks

Reply
1. Rodolfo Melogli
  March 7, 2019
  
  Hello Sarah, thanks so much for your comment! Yes, this is possible – unfortunately this is custom work and I cannot provide a complementary solution here via the blog comments. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding! ~R
  
  Reply
Jamel
November 19, 2018

Hi Rodolfo,

Thanks for your snippets. How can we change the text you might also like?

Thanks Jamel

Reply
1. Rodolfo Melogli
  November 26, 2018
  
  Hey Jamel, there’s a snippet for that 😀 https://businessbloomer.com/woocommerce-change-may-also-like-text/
  
  Reply
Natalia
October 9, 2018

After Updates my site has related products only if you are logged in!

Can you please suggest anything to undo that ? I want everybody to see related products.

thanks in advance

Reply
1. Rodolfo Melogli
  October 15, 2018
  
  Hey Natalia, thanks for your comment 🙂 My snippet doesn’t do that, so it must be something else. Sorry!
  
  Reply
Ron
April 5, 2018

Why in the world would you want to do this (hiding related products)? I can think of several benefits to having related products, helping SE’s crawl, showing customers what they really wanted, etc … but cons?

Reply
1. Rodolfo Melogli
  April 5, 2018
  
  Eheh, thanks so much for your comment Ron! Some custom product pages require no Related Products, not all ecommerce websites are born equal 🙂 For example, if you only have 1 product per category. Or if each product is really specific to a single audience. Or for custom designs. Or maybe instead of automatically-generated Related Products, you want to show a “recommendation engine”. Hope this helps!
  
  Reply
2. Keely
  January 22, 2020
  
  We don’t want them as the related products aren’t related !
  
  Reply

Questions? Feedback? Support? Leave your Comment Now!
_____

If you are writing code, please wrap it between shortcodes: [php]code_here[/php]. Failure to complying with this (as well as going off topic, not writing in English, etc.) will result in comment deletion. You should expect a reply in about 2 weeks - this is a popular blog but I need to get paid work done first. Please consider joining BloomerArmada to get blog comment reply priority, ask me 1-to-1 WooCommerce questions and enjoy many more perks. Thank you :)