I have a CMS collection with 200 items.
To get around the 100 item limit for Collection Lists, I created two Collection List Wrappers. The first displays items 1-100 and the second displays items 101-200. Each list has 3 columns to make a grid.
I use custom code to hide collection items that do match the current calendar day and time. After the items are hidden, the page will typically display 2-10 matching items.
The problem is that it does not result in a fluid grid because items from the second collection list always begin on a new row.
See attached screenshot
- First collection has two matching items
- Second collection has 3 matchin items
- This results in an empty space in the first row
The only workaround I have seen is here: How to make a fluid grid from a collection list
However, in this solution, a separate collection list is created for each collection item. Since I will have hundreds of collection items, this will become very labor intensive.
Any ideas? Thanks!