“Product Grid” is the name of the section you will see if you navigate to your site’s “…com/collections/all” page. I want to place this element directly on my homepage, rather than a Featured Products collection or similar, because there is filter/sort bar at the top. How can I do this?
1 Like
Hi @vsbuilder ,
Since the section uses a template collections, you cannot just add that section without changing multiple codes. You can also use javascript to render the page in your home page. But this will require a developer to do this for you
This is an advanced customization, You can contact me if you need the customization done, info in sig.
Unfortunately we cannot just copy the section JSON into index.json from collection.json for the product-grid of the section main-collection-product-grid.liquid due to liquid pagination limitations.
Also there is a heavy UX consideration to make first.
Bogging down the frontpage is the easiest mistake new stores make messing with themes.
If doing this customization then a frontpage with this feature will need to have as few other features as possible.
That means turning off slideshows, no instagram feeds, maybe even no quickviews or other sections that impact performance as now the theme is loading a lot more.
It should not paginate on the front page but to users to the actual collection page for further exploration.
And the product count should be limited don’t mindlessly load 20+ ,50++ products on the front page.