Back to Blog

WooCommerce Snippet: WooCommerce: Remove Related Products on Product single page

See how to remove the Product Page Related Products in WooCommerce


WooCommerce Remove Related Products on Product single page

In this snippet we’ll show you 2 different ways to remove related products on the WooCommerce single product page for all products.

To add this code to your WordPress website, you will either need to create a Child Theme yourself, or to add a small Site Customizations plugin where you can add any type of custom code.

Remove related products using php:

Simply add the following PHP to your child theme functions.php file and that will remove the related products section on all WooCommerce products.

// Remove WooCommerce Related Products on product single page
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );

Remove related products using CSS

Another way to remove related products on the WooCommerce single product page is to use a little custom CSS. This method is recommended more as a backup for the php snippet and we recommend rather using the php snippet above.

body.single-product section.related.products {
    display: none !important;
}

Our WooCustomizer plugin offers these code snippets all built into the WordPress Customizer to easily remove related products on your product pages in WooCommerce, the WooCustomizer plugin uses the php snippet as well as the custom CSS as a backup.