How to Hide Storefront New In Homepage Section

If you are familiar with WooCommerce, then you know that listing new products in a prominent location immediately draws the attention of existing customers who shop with you regularly and are interested in your latest products. This is a great way to boost product visibility and ensure visitors see your latest products when they land on your online store.

Table of Contents

WooCommerce Storefront Hide New in Section Homepage

In this brief tutorial, I will show you how to hide or remove the ‘New in’ section on the front page. This is a default setting in the Storefront theme. However, if you constantly add products to your list, they might clutter up the shop page. Additionally, you may also want to display additional information in this section. This means that you have to list WooCommerce new products separately.

Why List WooCommerce New Products Separately in Your Store?

The main reason as to why you may list WooCommerce new products separately in your store is to make them easy to find. Regular customers will easily find the latest products that they have not seen before. This will make it easy to separate new arrivals from the old stock.

Moreover, you do not have to add a New! Badge to the product images of your WooCommerce new products. This will save you a lot of manual work and this might be visually similar to the products you have on sale.

This means that you should have a dedicated area in your WooCommerce store that lists new products separately from older stock. additionally, it can help to improve rankings on search engines like Google.

The Best Place to List WooCommerce New Products

You have full control of displaying WooCommerce new products. The recommended thing to do is to list your new WooCommerce products is on a separate New Products page. This way it will be easier for customers to see the available stock.

For example, if you sell home decor goods, you can create a different product page to showcase your WooCommerce new products called New Home Decor.

Steps to Hide the New in products in the Storefront Theme

Here are the steps that you need to follow:

Log into your WordPress site and access the Dashboard as the admin user.
From the Dashboard menu, click on Appearance Menu > Theme Editor Menu. When the Theme Editor page is opened, look for the theme functions file where we will add the function that will hide the new in products in the storefront theme.
Add the following code to the php file:

function storefront_child_reorder_homepage_contant() {

remove_action('homepage', 'storefront_recent_products', 30 );

}

add_action('init', 'storefront_child_reorder_homepage_contant');

To see the outcome refresh the Homepage and you will see this:

Conclusion

In this brief tutorial, I have shown you how to remove the recent product section, also known as the ‘New in’ section. Moreover, I have highlighted the importance of listing new products in a prominent location, so that visitors can easily find the new products.

Additionally, regular customers will easily find the latest products that they have not seen before. I have also highlighted why you need to list WooCommerce new products separately in your store. The best place is to list your new WooCommerce products is on a separate page. This is because unlike featured products, you have full control over where you list your WooCommerce new products.

Editorial Staff

How to Hide Storefront New In Homepage Section WooCommerce

WooCommerce Storefront Hide New in Section Homepage

Why List WooCommerce New Products Separately in Your Store?

The Best Place to List WooCommerce New Products

Steps to Hide the New in products in the Storefront Theme

Conclusion

Similar Articles

Related