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

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