Nested looper shows content in preview, but not live

Support
#1

Using ACF & CPTs, I’ve created “Destinations” & “Airlines”.

On Destination pages, the airlines that fly there are displayed in a loop.

I have another loop on a Direct Flight page, where I have all of the Destinations looping on the page.

Here’s the problem that I’m experiencing…

Each of the Destinations on the Direct Flight page is setup using a Flip Card. The Destination’s featured image is on the front and a shortcode of the associated Airlines is on the back.

In the builder, I’m seeing the first card display as expected… but ONLY the first card. It’s not showing on the second, third, etc etc.

image
image1794×1126 389 KB

On the front end, the back of the card (Airline Shortcode) isn’t showing at all.

image
image1848×1240 296 KB

I read on another post about this potentially being a known issue that’s being worked on. I am unsure if this is that, so I thought I’d try and post here. It’s about the only thing preventing me from launching this site, so it’s kind of driving me nuts.

Any suggestions?

#2

Hi

  1. What kind of a “loop” is it? Custom or some looper provided by the themeco theme/cornerstone?
  2. What data do you feed into the “flip card” (what ever solution it is)? Or how do you fetch the content of the CPTs?

Which of the heuristics is correct: An airline has many destinations or a destination has many airlines?

#3

Hello @splaquet,

Thanks for writing to us.

In order to help you with your concerns we need to check your setting, I would request please share the admin login details meanwhile I would suggest you troubleshoot a few of the common issues before we investigate your settings. Please share your details in a secure note. Please provide the following details

  • WordPress Login URL
  • Admin-level username and password
  • Exact page URL

You can find the Secure Note button at the bottom of your posts

secure-note
secure-note1040×250 15.3 KB

Thanks

#4

thank you for getting back with me! I’m working with my team to get our dev environment published. as soon as that’s online, I’ll reply back with credentials and links. as of now, the only install is a local build… which doesn’t quite work.

#5

Hi @splaquet,

Please let us know once your website is ready to access.

Thanks

#6

I’ve got everything setup now. I’ve shared credentials in secure note.

#7

Hi @splaquet,

Unfortunately, the given credentials are not working. Can you please check and send it once again ?

Thanks

#8

I super apologize. I have no idea what happened, but it’s all set now. I tested it out myself.

user/pass:
themeco / u(Ic#^^M6Sk2mFS1e$TOLm

#9

I just realized that the editor is changing some of the characters. here’s one w/o any special characters.

u(Ic#^^M6Sk2mFS1e$TOLm

#10

also, the site is heavily cache with CloudFront. the backend (wp-admin) should display correctly, but front end will most likely need a CloudFront cache flush.

Settings > CloudFront
https://dev101.bradleyairport.com/wp-admin/options-general.php?page=c3-admin-menu

#11

Hi @splaquet,

I am able to log in now, but when I investigated, I did not find the exact component where you are facing the issue. Can you please share the exact component and page where we can investigate it? Also, if you can share any screencasting video that will help us recognize the problem.

Thanks

#12

here’s the page:
https://dev101.bradleyairport.com/journey-5/nonstop-destinations/

here’s the component:
https://dev101.bradleyairport.com/cornerstone/edit/15903

I’ll take a screencast now.

#13

screencast:

#14

Hello @splaquet,

It seems that you cannot pass a dynamic content custom field inside a component. I have created a demo at the bottom of the current Destination component. You may need to redesign and display something else at the back of the card.

  • See the secure note below.

Thanks.

#15

AHHHH! …well, I feel a little better knowing that I did have it correctly setup.

when you say component, is that implying that the card is a component or that the shortcode is considered a component? (I’m just trying to understand the logic behind it)

also, is this be a limitation of the Card element or an ACF limitation?

if it’s the Card element, would it be possible to pass this over to dev team as a new feature?

#16

Hey @splaquet,

It is the limitation of the component that you have inserted inside the back content of the Card element. Card element is also best to use as a child element and not as a container element.

Yes, we will also forward this to the dev team.

Cheers.

#17

hmmm… thank you for the feedback.

with that being said, do you know if there’s any native solution that might produce the desired results?

#18

Hello @splaquet,

You will have to create your own Card Flip element using the DIV element and the effects module.

Screenshot 2025-08-09 at 9.37.48 AM
Screenshot 2025-08-09 at 9.37.48 AM910×700 34.5 KB

In this way, you can incorporate this into your Looper and be able to achieve what you have in mind. Check out the demo in the secure note below.

Cheers.

#19

wow, you rule! I was only looking for some insight… but you totally took it a step up for me!!! thank you, @ruenel :blush:

#20

thank you so much for the help! it looks great now :smiley:

https://dev101.bradleyairport.com/journey-5/nonstop-destinations/