How to have the main landing page of of a store show images of categories instead of all products within the categories.

I think it is possible.

Please see the following post and install the code cited there. The original poster also describes the difficulty in targeting CSS to the main store page vs category pages.

Add the following to Store Settings > Advanced > Page Header Code Injection for the store page.

<style>

  /* this ruleset is not active in SS Preview. to test it use private browsing
     < https://bit.ly/3f6lhq2 > */
  
  html:not( .squarespace-damask ) body:not( [data-store-category] ) .products.collection-content-wrapper .list-grid {
  
    display : none;
    
    }
  </style>

This is for v7.1.

Add a page section to your store page and use blocks to make the section look the way you want.

Let us know how it goes.

This worked perfectly!! Thank you--I appreciate it so much!

Hi @creedon for some reason it didn't work for me? All ended up being hidden and i can't have any product show up. Ideally i would like to be able to create a box for each category and sub-category and for that to lead me to the list of product within those categories. Can you please assist?

lukewildart.com

psw: Test123

51 minutes ago, FMLK said:

for some reason it didn't work for me?

I have updated my post with a better method.

Let us know how it goes.

Thank you for your response. The above post is the same unless i am missing something? Do you mind reposting it please?

@creedon I've followed the above again and the outcome is not there yet. In the main shop page I have my two boxes that are linked to the categories but i still see the categories below. I would like to remove those in the initial view. Also, when i click on the box to go to a specific category i still see the boxes on top is there a way to hide them and only show the category? So to summarise, there are two issues:

1. I still see the categories below my category boxes on the top, would like to hide that on the main shop page.

2. once i click on the box i go to the specific category but i still see all the boxes. Is there a way to hide those once you enter into a category?

Thank you for your help!

FM