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!
WooCommerce: Hide Related ProductsPHP 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 🙂
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 !