Re: Multiple Collections on one page

How can I display multiple collections on one Dawn theme page?

SebPotet
Tourist
9 0 2

Hi there,

 

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.

 

Thanks for your help !

 

Sebastien

Replies 9 (9)

MarinaPetrovic
Shopify Partner
559 124 191

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.  🙂 

Best

M.Petrovic | Shopify Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
SebPotet
Tourist
9 0 2

Hi Marina,

 

Many thanks the tip!

 

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.

 

Best

SebPotet
Tourist
9 0 2

Hi David,

 

Thanks for your interest in the matter.

 

Please see screenshots attached.

 

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.

 

Best

 

Product-grid.png

 

Featured-collection.png

BillTuttle
Tourist
7 0 0

Hi -

 

Just curious if you ever got the multiple product grids worked out? Working on the same thing here. Thanks.

SebPotet
Tourist
9 0 2
Hi there,

Nope, no solution found so far… Tried a couple of page editing app’ but it was too much constraints in the end for a rather not satisfactory result...
BillTuttle
Tourist
7 0 0
Thanks - still working on it here.

---Bill Tuttle | Gryphon’s Moon

SebPotet
Tourist
9 0 2
👍 Let me know if any progress ! Have fun !
TinyExplorers
New Member
4 0 0

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). 

 

Hope this helps. 

SebPotet
Tourist
9 0 2
Hey,

Many thanks for the tip. Already tried that actually, the issue being that filters can’t be applied to the featured collections...