How to replicate the "Better Faster Stronger" design cloud template

[thecashbag]

I’m using the template from the “Better Faster Stronger” design cloud.

It has a nice looper of different images (pictures of people working out).

But I can’t figure out the source of the images.

I figured out that the “First Line” row is the Looper Consumer, and that is where the image data source is defined. But when clicking the data source symbol for that Looper Consumer is doesn’t show me what is the current data source. It only lets me override the current settings.

So what is the dynamic source of those images? I never uploaded them to my site, and they’re not in my media gallery, so I don’t know how they are being referenced them as dynamic content.

I need to see what you have done in that template, so that I can learn and do it myself with other images, but right now I can’t figure it out.

[thecashbag]

For example, if I wanted to display a different series of pictures, what dynamic content should I select? I can’t choose “featured image” because the post only has one of those.

[prakash_s]

Hello @thecashbag,

Thanks for writing to us.

The template Better Faster Stronger from Design Cloud, all it’s content coming from the JSON. If you could go to the section and inspect the looper type you would come to know about the content in JSON format and it has been pulled through the dynamic content.

Please have a look at the looper type to learn more about the looper JSON type.

Loopers: Provider Types

You can change the Looper type and then you can call your image by the help of dynamic content featured image.

Hope it helps
Thanks

[thecashbag]

Hello,

When I replace your JSON with my own JSON (images converted to base64) it displays correctly in my editor, but the front end is blank.

I have checked the base64 encoding, and it’s correct. I also did a JSON lint, it too is correct. So I’m not sure what’s happening here. It is definitely related to the JSON because if I remove it and resave the page it starts working again.

Here is my new JSON: https://drive.google.com/file/d/1vNTBXuTsYV803EprgH8U35snr_1Qe7nW/view?usp=sharing

Here is what it looks like in the editor (working):

Here is what it looks like on the front end (broken):

[thecashbag]

Ok figured it out.

One of the images was breaking the site. After remove and replacing that image it worked.

[ruenel]

We are glad you’ve figured out a way to resolve your issue.
Thank you very much for letting us know.