Help Understanding linking a grid to CMS

I’ve built a Webflow site in the past and overall the build was fairly simple and easy. Venturing into adding a Headless E-Commerce site which uses CMS connected to Shopify via Looop and I’m struggling a bit (by no means am I a developer).

Trying to link my products in a grid that takes this form.

Mistakenly I just created a regular grid which won’t connect to each product but it looks like I need the “Collections List”??? Is there a way to transfer these Div Blocks into the CMS grid while still maintaining the spacing etc?

Sorry probably a lot of stupid questions, but I’m learning

Everything look right for a CMS-driven grid.
Collection list is setup [1] and configured as a grid [2]
The items within it are bound to CMS data.

1 Like

Another thing I seemingly did not realize, that editing the page would change the link lol. Was after something more like this random organic grid… but have decided to go with the uniform grid and will attempt to alter it later! Thanks for the response, it is appreciated!

That’s still a uniform grid. The difference is only that the images are both max-height and max-width constrained, so you get a “portrait” look and a “landscape” look.