Complex Dynamic List Grid Problem

Hi there,

I’m trying to implement a grid style blog page, using a three column dynamic list grid with a featured post at the top spanning two of the three columns on the top row. The third column of the top row would contain the first non-featured post, but I can’t seem to figure out how to implement this.

I haven’t figured out how to insert a dynamic list that contains one grid content block alongside the featured content AND the rest of the grid continuing below the first row. It seems like I could do one or the other, but I’m not sure how to do both pulling from a single collection.

Is there a way to do this?


A straight forward way of doing this would be to use three dynamic lists. The first two would sit in their own row. You could set it up so the newest article is always the featured article. To do that the first list would take the wide design and be limited to one item using the limit feature. (show one item starting at the first item.)

The second list would have the 1/3 design and be limited to one item starting at the 2 item.

Underneath that you would set up a list to use Flex box an reuse the 1/3 design from the second list. You would tell this list to start at the third item but not limit how many are displayed.

If you want to pick and choose a featured item I would suggest using a toggle switch. Then use that to filter the first list. And use it to exclude from the other lists.

Let me know if you need further explanation. :slight_smile:

This topic was automatically closed after 60 days. New replies are no longer allowed.