I’m using Dawn theme and I’d like to display multiple collections on the same page. The page structure would basically look like that :
Collection 1 Banner
Collection 1 Product grid
Collection 2 Banner
Collection 2 Product grid
etc.
Adding multiple “Featured Collection” sections would actually work except for the filter option which would be lacking.
My shop is bienbon.ch and the idea would be to regroup the collections “Petits Plats” (Small Dishes) / “Plats” (Main dishes) / “Plaisirs sucrés” (Sweet treats) all in the same page so that clients can see the whole menu by scrolling down instead of clicking away.
Hi @SebPotet , you can always create additional page template and create a custom solution.
And it could be customizable too, like you could choose which collection to include on that page etc.
Here is a tutorial of adding the page with multiple collections https://www.youtube.com/watch?v=hLsmSPZT-SA.
But since you want it a little bit differently, with product grid, I think that it would be best to do some custom development for that page.
Although you’re right, I’d like to add multiple product grids so that clients can filter the products by diet type and/or allergens (we sell prepared meals)… I guess a bit of coding is needed.
I use the “Search & Discovery” app’ to apply standard (allergens) and metafield (diet type) filters. Each and every collections have the same filter options.
As the filter can be applied to product grid sections only (as far as I know), the most obvious solution to me would be to be able to add multiple product grids to the same page.
I think you can do it, as long as you don’t have too many products in each collection. I was able to build it with the components available in Dawn. I created a template that inherits from Collections. I called it “Sub-Collections”. It included the following components:
Collection banner
Multiple featured collections
I created a collection with the products I wanted to show in those featured collections.
Then, assigned Theme Template to be the new template I created.
oh, and hide the original product grid in the sub-collections template (you can’t delete it).
A solution I’ve come up with is nesting a featured collection within a collection template then setting the main collection section to “hidden.”
This would look something like this:
Primary Collection Banner - Your collection title (ex. Apparel)
Collection 1 Hero Image
Collection 1 Featured Collection (ex. long sleeve tees)
Collection 2 Hero Image
Collection 2 Featured Collection (ex. short sleeve tees)
The above is just an example & could be swapped out with any number of additional collections. Best of all this requires no additional custom code to be added to the Dawn theme.
Let me know if any progress ! Have fun !