Looper consumer chain from JSON provider, only 1st reads

Hi team.
I have a layout as seen, container DIV as looper provider (JSON) and children DIVs per viewport.
Each child has a Headline element (H1) that consumes the value of the JSON, the main idea is not to edit 4 headlines, but 1 JSON.

[
  {
    "headline":"Film Forming Polymers"
  }
]

With this layout, I get H1 headline working and visible for mobile (1st in line as looper consumer).
{{dc:looper:field key="headline"}}

However, the rest of the headlines read nothing, all checked and fine as far as I know.

Pilot page (prod) at https://www.ecopoltech.com/film-forming-polymers/

image

Thank you!

Hello Ricard,

Thanks for writing in.

The Looper Consumer should only be one. If you need the consumer to return one at a time for layout purposes, you will have to set the items to “ONE”.

Base on your JSON, you only have 1 item. I could assume that you would like to repeat your consumer, therefore, you will have to enable the “Rewind” option.
Screenshot 2025-07-05 at 7.41.18 AM

If this does not help you, we would be happy to double check your site if we can log in. You can create a secure note in your next reply with the following info:
– Link to your 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

image

Best Regards.

Hi Rue,
Thanks, I didn’t find the need for the rewind setting yet, so nice to see it on the field.
Curiously, it works fine in 3 out of 4 layouts: 979px refuses to show the headline, despite being identical to their neighbours. Dynamic value is fine, consumer settings checked, but it does not show up.

I am suplying credentials in short.
Thanks again for your support.

No problem, Ricard.
Let us know if you still want us to check the layout and your looper settings .

Hi, just left the secure note. Thanks in advance.

Hi Ricard,

I have saved the existing layout and created another layout with that template. Reordered the Hero section for different screen sizes and found it is working fine. I would suggest you replicate the same or use the new layout. I temporarily assigned the new layout to the specific category.
I added a postfix to the title to recognize the specific screen sizes.

image

NOTE: Deactivated the WP Cache plugin, to avoid the cache while updating the layout.

Hope it helps.
Thanks

Hi @tristup
Thanks for your help. I left it working fine, at last, but as mentioned the order matters.
The issue just affected a different viewport. Always one empty DIV.

As you mentioned, I gave my container DIV for busted and overwrote it with yours, which works as expected no matter the order of the children.

That was a weird one :face_with_monocle:

Thank you all.

Hi Ricard,

Glad that we are able to help you.

Thanks