Any known workarounds for nesting collections? Need to show tags in cards

Kind of hacky, but if you just want a list of things, and don’t really need the individual pages, you can create an iframe in the collection list, and make the src the link to the individual page. You can do this by adding dynamic fields in the code editor:

Create your collection list, with the iframe inside. The iframe will appear broken in the editor, but the published version should work just fine.

Design the template page to be completely blank, with just the multi-reference at the top (in my case, they’re tags)

The result will be multi references in the collection list. Again, this is something you can do if you don’t need the individual page.

I’ll try updating with JS calls to see if I can maybe pull something without having to use an iframe, but that’s what has worked for me for now.

**** Update ****

A better way to do things is to write a javascript snippet that pulls the multi-reference info from the individual page. That way, you can actually style your individual pages and use them normally!
Since it’s all on the same domain, there are no CORS issues.

Here’s my code, along with comments:

8 Likes