Storefront Page Help - how can I prevent all products from showing?

My site is not live yet which is why I didn't provide the URL but hopefully the attached photos will suffice. 

How can I prevent all products from showing on the storefront page? I currently have 60+ items, all shown on the storefront page with no way to remove or edit them. It's as if the products are blocked in with the header, if that makes sense. See example 1. 

I would like only to display the categories along with a sample image and allow the user to click into the categories to begin shopping as seen in example #2.

Any help is very much appreciated. 🙏🏼  

As you create each product, you can hide or show it. So it is in the settings of each product. I haven’t done it in a bit so, I can’t offer specific step by step instructions. On the Squarespace app, I can go to the shop and tap the item. Then it has a toggle for ‘status’ (hidden/visible)

On 2/23/2022 at 8:14 PM, MGroom said:

I would like only to display the categories along with a sample image and allow the user to click into the categories to begin shopping as seen in example #2.

You can create these category tiles manually in a number of ways. On Squarespace 7.1 one of the easiest ways to do this is using one of the "List" options when you create a new section. You can link each of the tiles directly to a category.