Dynamic content problem!

Ask the community
1

Hi!
I’m making a website for an architectural studio. I’ve made dynamic pages for each category of projects, in the dynamic pages I’ve made repeaters through which user can access specific project (item) page. On the item page, there are placeholders with titles, other textual information, and images, that on each specific page are updated with the information from the database collections I’ve made. I’ve put there horizontal and vertical formats for images, because for some projects client has them vertical, for some horizontal. Also, there is not always an equal number of images per project. But I’ve made all the item pages the same, because it should be possible for the client to update the content by themselves.
So, my question is, how to make the “placeholder” images not appear when I don’t connect them to the database??
I’m attaching a video of this problem and a live version of my page. ( live : https://hanastojakovic.editorx.io/porticus-website )

Please help! Thank youu!

Hana

2

Hi Hana, it is definitely possible. In the editor, make your images non-visible by default, you do that by opening to the ‘code properties’ panel, selecting the image and ticking ‘hidden on load’

Iet’s assume your repeater is $w(‘#repeater1’) and an image is called $w(‘#imageX1’) You need to add a little bit of corvid code in the ‘onready’ function of your page

$w('#repeater1').onItemReady(function($item, itemData, index){
    $item('#imageX1').show()
})

That’s probably all you need :slight_smile: