Image Display Issue in Webflow Collection Header | Relume Community

Image Display Issue in Webflow Collection Header

Image Issue in Hero! Has anyone seen this weird issue before? https://share.zight.com/rRuKQ8p6 When trying to add an image to a collection header, the image placeholder appears, and images can be selected from within Webflow/Media/Uploads area. However, when selecting an image assigned to a collection, the image does not display, effectively disappearing from the page. Read Only Link

49 comments

Matt J.
·
·
James D. are you able to provide a published URL as well?
James D.
·
·
https://te-tohu-o-te-ora-o-ngati-awa.webflow.io/organisations/te-tohu-o-te-ora-o-ngati-awa Here ya go :)
Matt J.
·
·
James D. yeah I really think its just the fact that the fields are filled out - I know you kind of showed that but actually initially you didn't have anything in that field. But when I toggle through the items, and land on the one you were editing in your video, with the landscape aerial photo - it loads up fine in that component.
Matt J.
·
·
Matt J.
·
·
https://te-tohu-o-te-ora-o-ngati-awa.webflow.io/organisations/te-waipuna-ariki-o-matangireia
Matt J.
·
·
and that must be an older published version because what is in designer now versus published is different
James D.
·
·
Woooow what the heck! It’s working now 🤔
James D.
·
·
Wait….its blank on mobile? 🤔 🤔
Matt J.
·
·
hmm not for me its not
James D.
·
·
I’ll try a different browser. Screenshot was from safari.
Matt J.
·
·
yeah safari is bad lol
James D.
·
·
K so this is brave , both on/off my wifi so can’t be caching issue 🤔 🤔
Matt J.
·
·
hmm idk - all of the fancy stuff goes away as soon as it goes to tablet, its just a stacked image
Matt J.
·
·
there's really nothing going on within this component tablet down
James D.
·
·
Sorry Matt, so are you saying its a component problem or a collection problem? Trying to understand.
Matt J.
·
·
saying its pretty unlikely to be a component issue
❤️1
Matt J.
·
·
James D. try checking this box and publishing and testing on mobile - maybe Webflow is trying to render an asset that isn't loading properly or something but we can rule out any interference by Webflow with this checkbox.
Matt J.
·
·
or maybe it is a component issue - I'd have to look at the vanilla component - but if this dropdown was set to lazy load by default, then its a component issue but if it wasn't then I would say this may also be the reason
Matt J.
·
·
hero headers should always be set to eager load with the page, never with lazy load on scroll like it is set right now.
James D.
·
·
OK, I’ve set those settings you;ve suggessted. Trying again
James D.
·
·
Just a note - this isn’t unique to this header. It’s EVERY header section
James D.
·
·
….on this page!
James D.
·
·
I could put header 3 on the page and as soon as I connect it to a collection image it disappears…unless I use the logo field!
Matt J.
·
·
okay, so not unique to this collection item, you mean?
Matt J.
·
·
makes sense, its a template thats just swapping out dynamic data
Matt J.
·
·
hmm yeah well those collections items all had header image empty except one
Matt J.
·
·
engineers do this to me all the time "It works fine for me" its infuriating. I'm seriously not trying to do that to you here.
Matt J.
·
·
im just pointing out what I'm seeing so far and there's not a lot of evidence pointing me towards the component itself
James D.
·
·
Correct - I dont think its the component
James D.
·
·
coz if I put say header89 on the page, as soon as I connect to any of those image fields the whole image disappears
Matt J.
·
·
and yeah, It doesn't have to just be a component issue to get help from me - a bug is a bug - so if we can figure out a solution, happy to help any way I can
James D.
·
·
Should i reach out to Webflow support?
James D.
·
·
Or maybe delete/duplicate the collection and start over
James D.
·
·
(appreciate your help)
Matt J.
·
·
I would maybe consider cleaning up the collection items themselves first
James D.
·
·
ok, There is only one
Matt J.
·
·
maybe to the point of deleting those items and then just use the webflow generate items, and it'll fill in all the fields for you real quick
James D.
·
·
Oh wait - no there isnt
🔥1
Matt J.
·
·
so then you have nice clean data to test and work with first
Matt J.
·
·
which is my general rule anyway - and then from there you could delete those items, and start populating with real data and feel confident everything is displaying properly.
James D.
·
·
k doing that now
James D.
·
·
Oh no…..this collection is linked into EVERYTHING!
James D.
·
·
This is like the master collection for the entire site 😞
James D.
·
·
i think I might need to create a new collection and test it there
Matt J.
·
·
yeah with that many changes, we may not ever know what is causing this then but oh well if its resolved, its resolved
James D.
·
·
Fixed it! Assigning an image to each of the collections worked!!
James D.
·
·
Not sure why, but it worked 🙂
James D.
·
·
I’ve made it a required field 🙂
Matt J.
·
·
🙌