Removing the related products section from your WooCommerce product pages is a simple process that can be easily using a child theme, or using the StoreCustomizer plugin.

Remove WooCommerce related products using code

To remove the related products section from your WooCommerce product pages, you simply need to add the following code to your child theme functions.php file.

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );

Go to a product page on your website and now the related products should not be there anymore.

Remove related products using StoreCustomizer

If you’re not very comfortable diving into the code yourself, or you’d just simply prefer to use a plugin to remove the related products and do other WooCommerce store edits then download and install the StoreCustomizer plugin, or navigate to Dashboard -> Plugins -> Add New in your WordPress Dashboard and search for “StoreCsutomizer” and install it from there.

Once StoreCustomizer is installed and activated, you can then navigate to Customize -> StoreCustomizer -> WooCommerce Product Page and scroll down the settings to the “Related & Recommended Products” section.

Here you’ll see you can either edit the Related Products title, adjust the Products per row or Products per page for the WooCommerce related products, OR you can select “Remove Section” to completely remove this section from your product pages.

In this tutorial we’ll give you 2 options to remove them… 1 using custom code that you can add to your functions.php file and another option using the StoreCustomizer plugin.

Remove WooCommerce breadcrumbs using code

To use your own code to remove WooCommerce breadcrumbs, it is advised to use a child theme of your current theme, if you’re not already, as that way when you update your theme you won’t lose any of these custom changes you’ve made.

Add the following PHP code to your child themes functions.php file and that will remove all breadcrumbs from your WooCommerce pages.

remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb' );

OR, if you’d like to remove it only from the WooCommerce Product Pages

if (is_product()) {
    remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb' );
}

Remove WooCommerce breadcrumbs using StoreCustomizer

The other option, if you’re not very comfortable jumping into the code yourself, is to use a plugin like our StoreCustomizer plugin.

StoreCustomizer offers these as built in settings within the WordPress Customizer and you can easily remove them for Shop and/or Product pages as you want.

Using StoreCustomizer, simply navigate to the WordPress Customizer -> StoreCustomizer -> WooCommerce Shop Page.

There, at the top you’ll find the setting to Remove Shop Page Breadcrumbs.

And for the Product pages, you can navigate to Customize -> StoreCustomizer -> WooCommerce Product Page and turn on the setting to remove the breadcrumbs from the WooCommerce product pages.

Edit the WooCommerce my account intro text using StoreCustomizer:

The easiest and quickest way to edit the WooCommerce my account intro text is to use the free StoreCustomizer plugin… Simply install StoreCustomizer from the WordPress.org directory, activate it and then navigate to Customize -> StoreCustomizer -> Account Page, go to the Account Tabs section and click to edit the Account Dashboard tab.

You’ll have 2 options here… You can either add a simple paragraph of text by selecting the Dashboard Tab Content to display Plain Text.

Or you can choose to display Page Content… Then you can create and build a new WordPress page and select to display that page content on the account dashboard tab.

There is also the option to Remove the default dashboard text.

Edit the WooCommerce my account intro text by overriding WooCommerce Templates:

Edit template files in WooCommerce requires using overrides. You’ll need to copy the template file into a directory within your child theme named /woocommerce keeping the same file structure as the templates folder in the WooCommerce plugin, but removing the /templates/ subdirectory.

To override the dashboard text to be what you need, go to wp-content/plugins/woocommerce/templates/myaccount/dashboard.php  in the WooCommerce plugin folder and copy the file to wp-content/themes/yourtheme/woocommerce/myaccount/dashboard.php.

Open the new, copied file in a code editor and fine the line(s) of text that you want to edit.

The copied file, with your added changes will now override the WooCommerce default template file, and you will not lose your changes when WooCommerce posts an update.

This method is not as easy as using the StoreCustomizer plugin, and you’ll need to understand a lot more about code to be able to build a new page for the Dashboard tab.

Hope that helps… Happy building!

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;
}

If you’re rather unfamiliar with adding custom code to your WordPress site and would prefer to easily remove the Related Products section by using visual settings in the WordPress Customizer, then try out our StoreCustomizer WooCommerce plugin.

Our StoreCustomizer 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.

When displaying the WooCommerce categories, there is a number displayed on each category showing how many products are in each category, if your WordPress theme doesn’t style this to look better than the default then it usually displays as a number with a yellow background.

In this article we’ll show you how to remove the category count number completely, or to add some custom styling to display it better for your shop customers.

These code snippets are to be added to your child theme functions.php file, or to a Site Customizations plugin so that you do not lose your changes when you update your WordPress theme.

Remove the category count number everywhere:

To completely remove the category count number, you can simply copy the following PHP code and add it to your site.

// Remove the category count for WooCommerce categories
add_filter( 'woocommerce_subcategory_count_html', '__return_null' );

And to remove the category count for WooCommerce categories using CSS you can add the following code to Customize -> Additional CSS:

.woocommerce-loop-category__title mark.count {
    display: none;
}

Add custom CSS to style the category count to look better:

If you’re wanting the category product count to stay on the categories, but you want it to look better and not have a yellow background then you can add the following custom CSS to Customize -> Additional CSS.

If you know a little more about CSS then you can add more attributes to style it as you want, otherwise, this CSS will make it smaller and lighter so it fits most theme designs and look neater.

.woocommerce-loop-category__title mark.count {
    background: none;
    font-size: 0.8em;
    color: #000;
    opacity: 0.4;
    letter-spacing: 1px;
}

Our StoreCustomizer plugin offers these code snippets all built into the WordPress Customizer to easily remove the WooCommerce category count from the shop pages that are displaying categories.