topic Re: Image not Loading on the landing page in CMS Development

Image not Loading on the landing page

MDien — Tue, 31 Dec 2024 02:50:21 GMT

Aloha!
I'm having an issue with loading images on the landing page.
We want to use about 20 images to show on the page. But only 10 images are displayed, the rest of the images are broken. (Attached)
Here is the custom code we used to get the image. (attached)
Can anyone help me check this?

I'm looking forward to hearing from you.

Best Regards,
Dien

Re: Image not Loading on the landing page

SanjayKumar — Tue, 31 Dec 2024 06:28:01 GMT

Hi @MDien,

The issue seems to be related to the code or the data source used for rendering the images on the landing page. Based on the provided code snippet, I'll highlight potential causes and solutions:

Potential Issues:
1) Resource Limitations:

If the system or CMS has a limit on how many images it can handle in a single request, it might break when exceeding that limit.
The file_by_id function is limited to 10 calls per page, and since your code is iterating through list_image with 20 items, the function stops working after the first 10 calls. This limitation causes the remaining images to fail to load, resulting in broken images on the page.
You should use the files_by_ids function, which allows you to retrieve metadata for multiple files in a single call. Here's how you can fix the code:

Update the Code to Use files_by_ids:

Modify your logic to retrieve all the image metadata in one call using files_by_ids.

{% set all_images = files_by_ids(list_image) %}

{% for day1image in all_images %}

{% endfor %}

2) Missing or Invalid image_item IDs:

If the image_item in list_image references an invalid or missing file, the file_by_id function will fail to fetch it.
Ensure all the IDs in list_image are valid and correspond to actual images.

3) Broken Links (URLs):

The friendlyUrl property may not resolve properly for some images. Verify that the URLs generated by day1image.friendlyUrl are accessible

Re: Image not Loading on the landing page

MDien — Tue, 31 Dec 2024 07:00:45 GMT

It works. Thanks for your help! 😊

Re: Image not Loading on the landing page

MDien — Fri, 24 Jan 2025 00:52:06 GMT

Hi Markestac,

I appreciate your help! We made the changes to my template based on the code you recommended above. The broken image looks okay now.

However, We are having another trouble with the image. When we updated more images (Above 30 images) on the landing page. On the front end, the last images of the page are not showing (Not broken). Can you help me check this?

Again, thank you for your help!