How to Remove Related Products From Product Page In WooCommerce

Woocommerce offers a lot of features and flexibility to create an online store, including the ability to display related products on the product page. However, in some cases, you may want to remove this feature. In this article, we’ll show you how to remove related products from the product page in WooCommerce.

Follow these steps to Remove Related Products From the Product Page In WooCommerce.

Step 1: Log in to your WordPress dashboard

The first step is to log in to your WordPress dashboard, which is the backend of your website. Once you’re logged in, navigate to the “Appearance” menu on the left-hand side.

Step 2: open “Theme Editor”

After you’ve clicked on the “Appearance” menu, click on “Theme Editor” to access the theme editor. This will open a new window with a list of files on the right-hand side.

Step 3: Select “functions.php”

In the list of files, find “functions.php” and click on it to open it in the editor.

Step 4: Add the code to remove related products

<?php
/**
 * Cxc Remove Related Product
 */
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );
?>

You may also use CSS in the “Additional CSS” section of your customizers to conceal the related product’s output.

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

By following the steps outlined in this article, you can easily remove related products and customize your product page to meet your needs.

Also Read:

• How to Get Category ID by Category Name in WordPress
• Different Methods for Creating CSS Gradient Shadows

FAQs