How to Customize the Display of the Shop Page in WooCommerce

The contents of the Shop page in a WooCommerce store can actually be customized. This is something that many of you don’t know about.

By default, the Shop page will display the product categories and followed by the latest products. This can be changed if you want to. For example, if you don’t want the product categories to be displayed and only want the latest products, you can adjust the settings in the WordPress Customizer.

To begin, head over to the WordPress Customizer area.

Next, select the WooCommerce option.

And followed by selecting the Product Catalog option.

Then, under the Shop page display section, choose what you want to display on the main shop page.

For example, if you only want the latest products to be displayed on the main shop page, then select the Show products option. And if you only want the product categories to be displayed, select the Show categories option.

Once you have set that up, scroll down and you will see Category display. Category display has nothing to do with the Shop page but I’ll explain to you since it’s on the same screen.

The Category display setting is similar to the Shop page display setting. Except that it is meant for the Category page in WooCommerce. So, if you ever find the need to customize the Category page, this is where you should go to.

After that, you will see Default product sorting.

Default product sorting is the way the products are sorted on the Shop page. By default, the Default sorting option will be selected.

Default sorting is basically custom sorting/ordering + name. If you did not custom sort the products on the Shop page, then the products will be sorted by alphabetical order.

See my tutorial here on how to custom sort the products on the Shop page.

Other than that, you can also have the products on the Shop page to be sorted based on Popularity, Average Rating, Most Recent, Price (Asc) or (Desc).

Then, you will see Products per row and Rows per page.

Products per row is the number of products displayed in a single row on the Shop page. The maximum number of products you can have displayed in a single row is 6.

And Rows per page is the number of rows available in a Shop page. You can have an unlimited number of rows appear on the Shop page.

The Products per row and the Rows per page are also how you define the number of products displayed on the Shop page. For example, if you only want six products to be displayed on the Shop page, then you will need to define the right number of products per row and the right number of rows per page. You can set 2 products per row and 3 rows per page or you can set 3 products per row and 2 rows per page – this way only six products will be displayed on the Shop page. If you want twenty products to be displayed on the Shop page, you will need to adjust the numbers to match it – simple multiplication.

Last but not least, if you want to hide certain products from appearing on the Shop page, head over to the product editing screen and pay attention to the Publish section.

Here, look closer to the option that says Catalog visibility. Catalog visibility is a setting for the visibility of a particular product in a WooCommerce store.

Click on the Edit link.

Doing so, you will see four different options appear.

  • Shop and search results
  • Shop only
  • Search results only
  • Hidden

Select the Search results only option and update the product.

As a result, the product will be hidden from the Shop page but it will be appearing in the search results page. And if you want to completely hide the product from appearing in both the Shop page and search results page, select the Hidden option.

That’s how to customize the display of the Shop page in WooCommerce.