Website Building » WooCommerce » How Do I Hide Related Products in WooCommerce?

How Do I Hide Related Products in WooCommerce?

Last updated on October 1, 2022 @ 4:22 pm

If you’re looking to hide related products in WooCommerce, there are a few things you can do. Depending on your theme, you may be able to hide related products by going to WooCommerce > Settings > Products > Related Products and changing the “Number of Related Products” to 0.

If that doesn’t work, or if you’re using a custom theme, you can try hiding related products with CSS. To do this, go to WooCommerce > Settings > Advanced > CSS and add the following code:

.related { display: none; }

This will hide all related products on your site. If you only want to hide related products on certain pages, you can add the code above to a specific page or post with a plugin like Simple Custom CSS. Just remember to add the code under the “Custom CSS” tab for that specific page or post.

PRO TIP: If you are using WooCommerce to sell products on your WordPress website, you may want to hide the related products section on the product page. By default, WooCommerce displays related products on the product page. This can be distracting for customers, and may cause them to leave your site without purchasing anything.

Hiding related products in WooCommerce is fairly easy, and can be done with a few clicks if your theme supports it. If not, you can always use CSS to hide related products on your site.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.