{"id":176172,"date":"2021-07-17T02:55:24","date_gmt":"2021-07-17T05:55:24","guid":{"rendered":"https:\/\/quadlayers.com\/?p=176172"},"modified":"2021-08-30T12:55:37","modified_gmt":"2021-08-30T15:55:37","slug":"hide-and-remove-related-products-in-woocommerce","status":"publish","type":"post","link":"https:\/\/quadlayers.com\/hide-and-remove-related-products-in-woocommerce\/","title":{"rendered":"How to Hide and Remove Related Products in WooCommerce"},"content":{"rendered":"

Are you looking for a simple way to hide related products in your store? We’ve got something for you. In this article, we will show you different ways to remove related products in WooCommerce<\/strong>.<\/p>\r\n

What Are Related Products?<\/h2>\r\n

As their name suggests, related products are products that are somehow linked to another item. In WooCommerce, related products are recommendations that are related to the product the shopper is viewing and tend to complement the main item. They usually appear at the bottom of your product pages and they help your business increase sales and revenue. For example, products related to a phone might be headphones, phone cases, camera accessories, and so on.<\/p>\r\n

\"woocommerce<\/a><\/p>\r\n

Why Remove Related Products in WooCommerce?<\/h2>\r\n

If related products help us boost our sales, why would we want to remove them? There are several situations in which you might want to hide the related products in WooCommerce. For example, if you only sell a few products that aren’t related, you may not want to display them. Additionally, if your theme doesn’t perform well with the related products section, you may need to remove it from your store.<\/p>\r\n

On top of that, sometimes the CSS code from some themes or plugins can break your website or parts of it. If there’s a conflict with the related products section, you can remove it.<\/p>\r\n

Additionally, if your product page is cluttered or has too many related products, you can either display fewer items or remove the section altogether.<\/p>\r\n

Before showing you how to remove them, let’s see how to set up related products in WooCommerce.<\/p>\r\n

How to Set up Related Products in WooCommerce<\/h2>\r\n

Setting up related products in WooCommerce is pretty straightforward. In your WordPress dashboard<\/strong>, go to Products<\/strong> and open any product. In the WooCommerce products editor, go to the Product data<\/strong> section, select the Linked Products<\/strong> tab, and you will see an option to configure Upsells and Cross-sells.<\/p>\r\n

\"remove<\/a><\/p>\r\n

Even though upsells and cross-sells are a kind of related product that WooCommerce offers by default, the customization options are quite limited. If you want to display related products, you can use a dedicated plugin.<\/p>\r\n

For this demo, we are going to use a free tool called Custom Related Products for WooCommerce<\/a>. After installing and activating the plugin, you will see one more option in the linked products section.<\/p>\r\n

\"display<\/a><\/p>\r\n

You can search for products you want to display as related products. For example, we are going to list four products.<\/p>\r\n

\"related<\/a><\/p>\r\n

Then update the settings and if you check the product page from the frontend, you will see the selected related products.<\/p>\r\n

\"displaying<\/a><\/p>\r\n

Alternatively, you can remove some related products and display fewer items. For example, let’s say that instead of 4 items, you want to display three. Remove the product you want to hide, update the page and check the frontend.<\/p>\r\n

\"three<\/a><\/p>\r\n

This is one of the best customizations you can apply to your store. Instead of displaying random related products, you can select the items you want to associate with each product. We recommend you run a few tests and check the conversion rates to find the best combinations.<\/p>\r\n

NOTE<\/strong>: It’s worth noting that some templates include a\u00a0Related Products section that takes products that share the same tags or categories. Even though you can’t specify these items, you can use the same tags or categories for the products you want to display together.<\/p>\r\n

Let’s have a look at different methods to hide related products<\/strong>.<\/p>\r\n

How to Hide and Remove Related Products in WooCommerce<\/h2>\r\n

There are several methods to remove WooCommerce related products:<\/p>\r\n

    \r\n
  1. With plugins<\/li>\r\n
  2. Programmatically (coding)<\/li>\r\n
  3. Using a page builder<\/li>\r\n
  4. With CSS<\/li>\r\n
  5. From the theme options<\/li>\r\n<\/ol>\r\n

    Let’s have a closer look at each method.<\/p>\r\n

    1) Hide related products with plugins<\/h3>\r\n

    There are several plugins you can use to hide related products. For this tutorial, we will use NS Remove Related Products<\/a>. First, you need to install and activate the plugin. Go to Plugins > Add new<\/strong>, look for the tool, and install it on your site.<\/p>\r\n

    \"remove<\/a><\/p>\r\n

    After activating the plugin, you will see that you have successfully removed all the related products from your single product pages. This is a plug-and-play plugin and doesn’t need any additional configurations.<\/p>\r\n

    If you check any of your single product pages, you won’t see any related products.<\/p>\r\n

    \"remove<\/a><\/p>\r\n

    If you want to display the related products again, deactivate the plugin. As NS Remove Related Products is a lightweight tool, keeping it installed won’t affect your website’s speed and performance.<\/p>\r\n

    2) Remove related products programmatically<\/h3>\r\n

    If you have coding skills and are comfortable editing code and modifying your files, this is a very interesting method for you. In this section, we will teach you how to tweak your theme’s functions.php<\/strong> file and remove the WooCommerce related products from your online store.<\/p>\r\n

    NOTE<\/strong>: This method involves editing some of your theme’s files, so before moving forward, make sure that you have a complete backup of your WordPress\/WooCommerce website<\/a>. That way, you can restore your site in case something goes wrong.<\/em><\/p>\r\n

    To remove related products, we’ll edit the functions.php<\/strong> theme. To do that, there are two different methods:<\/p>\r\n