Two-column layout with archive + single post view on same page – how to implement in Bricks?

Hi guy kindly support with this:

How can I create a layout (either as a template or a page) in Bricks Builder with two columns:

  • Left column: displays an archive loop of posts (cards showing post title, excerpt, etc.) — each card is clickable.

  • Right column: displays the single post details when a card from the left column is clicked, without reloading the page (similar to [charityjob.co.uk/jobs]

I want both the archive and single post view to appear on the same page.
What’s the correct setup for this — should I use a template type or just a regular page?

I’ve been struggling to implement this in Bricks and would really appreciate any help or guidance. Thank you! :pray:

This might be possible with a query loop within a query loop. The main article list would be part of the first query loop, and the article preview would be in the inner loop. Perhaps AJAX could be used to make it work without reloading the page?

Maybe something like this: https://www.youtube.com/watch?v=iK0k9uQZDI0

I have never done this, so this is all theoretical.

I thought this layout you showed as an example was cool, I would also like to know how it could be done, the list with the loop is no mystery, as for the column on the right I think it would be possible to use a “template”, the issue is to pass the id of the clicked item to this template and not update the screen.
Does anyone out there have any idea how to do this?