ACF gallery on normal CS page

Support
#1

Hi,

I set up an ACF image gallery with a lightbox using modal element from a You Tube tutorial from Josh Donnelly. When I setup in a Single Layout in CS it’s a clear to me and works like a charm!

[https://lapauline.nl/wp/album/lunch/](https://lapauline.nl/wp/album/lunch

Now I like to use exact the same in a normal CS page. Just pull the galley in from ACF.

https://lapauline.nl/wp/lunch/](https://lapauline.nl/wp/lunch

I made a Custom Post type in ACF named “Albums” Within this Custom Post type is a fieldgroup named “Fotos” with the fields “Foto album” (gallery) and “test” (text)

So in my Custom Post type I made the post “Lunch album” with a gallery containing 7 photo’s and in the textfield “test”, I entered ”Click me!”

I copied the whole section of my Single Layout to a normal CS page and off course this won’t work because I can not put conditions in assignment.

Can you help me to get this work in a normal page so I can put in photo galleries from the Custom Post type? I tried a lot but can’t find how to put in the photos. When I use the Query Builder and set Posts Types to Album and Specific Posts include Lunch album, I can get the text field “test” with {{dc:acf:post_field field=“test”}} but can find out how also pull in the photos. I’m now trying with {{dc:looper:item}} but that’s not working.

THX, Carel

#2

Hello @cvdw,

Thanks for writing to us.

I checked your sittings it seems that you are trying to pull the only post from the custom post type. You need to pull the ACF gallery image as well for that you need multiple Looper. You need to use the dynamic content Looper inside the query builder Looper to pull the ACF gallery images. You need to set up dynamic content Looper as you have done on the single layout.

In case you have no idea about how to use multiple Looper please have a look at this video tutorial.

Hope it helps
Thanks

#3

Hi, I have watched all instruction video’s but I can’t find how to set up those looper providers and consumers in the normal page. Can you please set this up for me so I can see and hopefully understand so I learn this?

Regards, Carel

#4

Hello @cvdw,

I have checked your settings and setup the ACF gallery on the given page. Please check your site.
https://lapauline.nl/wp/lunch/#

Thanks

#5

Thank you for the help and lesson!

#6

Hey @cvdw,

You’re most welcome!

#7

Hi, now I have an other question about this set up. The last column Looper consumer is set to 5 items what I want for the biggest screen. Is it possible to change this number on the different breakpoints? So for example: Base breakpoint 5 items, 1200 and down 4 items, 979 and down 3 items, 767 and down 2 items and 480 and down 1 item?

#8

Hey @cvdw,

There is no option to do that dynamically. What you can do is create different sections and on each section, you can set the Looper and just hide the section using the hide during breakpoint functionality.

Hope that helps.

#9

Okay, thanks!

#10

You’re welcome.

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.