Webstudio
Log in

Join the Webstudio community

Updated 9 months ago

'filtering' collection items

At a glance

The community member is confirming that the approach of adding collections with different tags in separate sections and using visibility conditions to filter the desired posts is a best practice. The comments discuss some additional considerations, such as handling cases where the desired tag is not the first one, and the potential issue of not having enough posts of each type to fill the grid. Another community member suggests making separate API calls for each tag, but notes that this may not be suitable for an actual blog post due to the additional loading time. Overall, the community members agree that the proposed approach is a valid solution.

Useful resources
SSteve Suderman
I just want to confirm this is the best way to do this. If I am pulling in a collection of posts, but I want to display posts of a specific tag in one section of the page and then posts of another tag in another section. I would simply add the collections in different sections and put a visibility condition to filter for the items i want? It works. Just confirming this is best practice.
J
S
4 comments
JJohn Siciliano
This will work. Two things to consider:

  1. You're looking for the first tag. What if publication is the second tag? I recall in a previous thread I showed a way to access the "primary tag" which I suppose you can set in Ghost.
  1. There's no guarantee you'll have enough posts of each type to fill up your grid. This won't be a problem until you scale though and have more than however many is the limit in their api (e.g. you have 200 posts in Ghost but only get 100 at a time via the API).
JJohn Siciliano
On the webstudio site, I make a separate API call for each tag I want on this page https://webstudio.is/blog
JJohn Siciliano
The API is very fast and the overview page can afford an extra 100 ms or so of loading time. I wouldnt take that trade off on an actual blog post though
SSteve Suderman
This all makes sense. Thanks John.
Add a reply
Sign up and join the conversation on Discord