Image element on some repeater don't appear once page has loaded. Please help....

Ask the community
1

Please find the below link. The profile image is not loading for some repeaters. Is there any way I can solve this issue.

If I set load more button to show all repeaters at one go, image elements load without any issues on repeaters.

2

Now all I can see placeholder text and image on first few repeaters and in-between too, ratings placeholder deformed its position…please help to sort this issue soon…

886×1920 194 KB

3

You will need to provide more information in order for the community to provide assistance. Explain what you are trying to do, what works, and what doesn’t. Also, add any code in a code block as stated in the Forum Guidelines .

Make sure you review the Repeater Element API for full documentation on proper Velo coding for the Repeater.

4

Hello Yisreal, thanks for replying.

I have code for Ratings by User as per the below link on “Discover Travel Advisor”. Page.

https://www.grampsworkbench.com/Examples/Ratings-by-User.

I have no issues with the coding and ratings were working as per the code.

But,

Nowadays When page has loaded fully, profile images in some repeaters does not load. When dataset settings were changed so that all repeaters show up without clicking “load more” button, then all repeaters with elements load without any issues.

This was the issue till yesterday, after I had raised this issue on this forum, added to the said issue, whenever I change ratings, the page refreshes only to show repeaters with placeholder images and texts.

Hope you can understand. Please go through my page to realize my issue.

Sometimes works perfect and other time it won’t. I don’t think so there is issue with coding as it was working fine before…

5

We are unable to debug user websites. However, I took a quick look at the page that you linked to. You have numerous errors in your code, any and all of which might cause the problems you describe. Some of the issues you need to correct:

  • Gather all your code inside one $w.onReady() function. Using more than one page onReady() is incorrect and can lead to unpredictable results.

  • The dataset.onReady() function is only needed in the page’s onReady() function when you need to access the dataset immediately up the page being ready. All of the other times that a dataset is being used the dataset.onReady() function is not needed - in fact, it’s an error and can result in unpredictable results.

  • Only populate a Repeater with one method - either wix-data or the dataset. Mixing the two techniques will create many conflicts with the Repeater data and result in incorrect Repeater rendering.

  • Only declare one onItemReady per repeater and declare it before the dataset is ready or before the items are passed to the data property of the repeater.

  • Make sure that you properly handle all returned Promises from API calls. For example, the dataset functions setFilter() and setSort() return a Promise.

You may have used the Ratings by User example as a guide, but it is not enough to just copy and paste. You need to understand what the code does, why, and how. The example itself works just fine.

If you find that you need assistance with your code, it is possible to find expert developers on the Wix Marketplace .