Magazine Style Repeater

How To
1

As there’s no consumer concept in the new repeater, what’s the best way to recreate this tutorial/concept?

I thought of the following way:

  1. Query 1 = Show 1 post
  2. Static Element with link
  3. Query 2 = Show 4 posts with an offset of 1

Is this the best technical approach?

2

Would also love to have ideas on this. It would be great to be able to do!

3

Hi Dean,

Currently, the only way to get this done is, as you’ve already mentioned, two loops with an offset of one, as it’s hard to make such a layout with Flexbox and one loop.

However, with CSS Grid (available in one of the following versions), this would probably work with only one loop and the nth-child selector.

Best regards,
timmse