Creating a default image in a repeater connected to database

Discussion Ask a question
,
1

Hello,
I am making some updates to my site and moving from tables to a repeater. I’ve chosen a generic image to fill the repeater but when I connect the database, the images appear correctly only in the locations where there are already images loaded into the database. When there is no image, a small icon with the image name appears on the live site. I can’t imagine I have to fill my database with the default images. Any tips? I am not very familiar with how to input code but I am willing to try to make it work if that is a necessary component.

1422×1492 160 KB

2

What would you like to have there? Nothing? Or maybe a default image?

3

Honestly it could be either. I would be happy with nothing but I also have a default handle that I could use that is blank.

4

So let’s say the property id of your repeater is “repeater1” and the id of the placeholder image is “image1” and the image key field in your collection is “kidFriendly”, then you can try to use this code:

$w.onReady( function() {
  $w("#repeater1").onItemReady( ($item, itemData, index) => {
    if(!itemData.kidFriendly){$item("#image1").hide();}
  })
} );
5

Success! Thank you so much for your help!