Looper with multiple sources

[MidasSelect]

I’m wondering if anyone can suggest an alternative route here. I’m trying to build a gallery in a grid where the images are sourced from multiple posts (Project Type).

I have multiple Projects, and each one has an ACF Image Gallery field - sometimes there’s one image and sometimes there’s a few images in each project item.

What I have tried so far:
I can display the images by using a Looper Provider Query Builder filtering for Project Type with Gallery images and then Consuming each Project before a second layer Looper Provider gives access to the individual images in the current project. That’s great, and it works.

But I’d like for them to line up in the grid without the individual project gaps, as though sourced from one place. Here’s how it currently appears - as you can see, it is creating its own grid for each. Any ideas?

Is there a way to pull in all images that are attached to Project Gallery, or some other way to create a single Provider that the Cell of the grid can consume all in one go?

[ruenel]

Hello Micahel,

Thanks for writing in! We would love to check your Grid and your Looper settings. We wonder why there is a Gap in the grid. It could be that the project type item that is loaded does not have gallery images, which means that the filter did not work well. You can create a secure note in your next reply along with the following info:
– Link to your Staging site
– WP login URL
– WP username
– WP password
– WP Administrator Role
– Confirmation that we can access and make changes to your site

To know how to create a secure note, please check this out: How The Forum Works

Best Regards.

[MidasSelect]

Hi @ruenel - Thanks for your reply. I should say that there aren’t any problems with the gap in my screenshot - that’s to be expected with the current set-up because the Inner Grid is consuming the Post and the Cell is consuming the Gallery pics of that Post. I was wondering if there was a different approach that would remove this gap and let the next project wrap to the next available space.

I’m working locally on this project, so I can’t share login details for now.

Essentially, the approach I’d love to work out is a masonry or normal grid where the looper runs through all projects and inserts their Gallery Pictures into the grid. No matter how many pictures a project has, it simply applies all of them to the same grid structure - essentially, each gallery pic gets its own cell.