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 businessbloomer.com/woocommerce-customization * @source https://businessbloomer.com/?p=72966 * @author Rodolfo Melogli, Business Bloomer * @testedwith Woo 3.3.4 */ remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );
It’s that simple, yes 🙂
Is there any way we can hide related products price with hook?
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!
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!
Cool, thanks!
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
functions.php
Does not work
What’s your theme?
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?
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!
Snippet doesn’t work for me
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
I just added this to my functions.php and the related products section below the product description is still showing up. 🙁
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
Hi.
How can we hide _Out of Stock_ products in related products?
Thanks
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
Hi Rodolfo,
Thanks for your snippets. How can we change the text you might also like?
Thanks Jamel
Hey Jamel, there’s a snippet for that 😀 https://businessbloomer.com/woocommerce-change-may-also-like-text/
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
Hey Natalia, thanks for your comment 🙂 My snippet doesn’t do that, so it must be something else. Sorry!
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?
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!
We don’t want them as the related products aren’t related !