Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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



Site URL: https://www.wingandwool.com/shop-the-farm


When someone clicks on the "Shop" link from my homepage, I'd like that first store landing page to show pictures/links of the individual categories within the store which will take them to the individual category pages, rather than show pictures of all of the products within all of the categories in the entire store.  Is this possible?

Thank you so much!

Link to comment

2 answers to this question

Recommended Posts

  • 0

I think it is possible.

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


  /* this ruleset is not active in SS Preview. to test it use private browsing
     < https://bit.ly/3f6lhq2 > */
  body:not( .sqs-edit-mode ) .products.collection-content-wrapper .list-grid {
    display : none;

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.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...