Image Issue

Hello there

I’m still facing image preview issues, I have set column to image but some are showing but 80% aren’t showing.
I have checked the suggestions in here in 2020 but I’m still facing the blank cards…
is this a general issue?

These are some of the direct image links not previewing



The image column appears to be empty for most rows.
How did you add the images?

Its not empty :slight_smile:
Here is the spreadsheet

The website is not allowing you to use their image.

image

2 Likes

I’m puzzled as the images are all publicly accessible

Also I confirmed it as I’m able to fetch the images too into the spreadsheet with the =IMAGE(N3,1) function

I don’t know the ins and outs of the restriction, but it’s there. Either download the images yourself and reupload them into your guide storage, or ask the website owner to lift the restriction.

This is really strange as the same link is show in the pdp page below - but not showing on the plp page as above

My best guess is that sometimes Glide will process images through Cloudinary to adjust dimensions or compress images into different formats depending on the type of component and device that is displaying the image. I’m not sure if Cloudinary is used every time, so maybe certain components don’t use Cloudinary, and those that do end up getting blocked. Maybe Frasers doesn’t like the use of Cloudinary??? Not really sure.

Like I said, you are better off hosting the images in Glide.

Yep, the fields component render it as it is.

Collections, no. I don’t even find it referenced. Guess that’s the “error handler” when the attempt to load it failed due to CORS.

1 Like

With that said, a setup like this can easily work with a custom collection.

<img src="{I}">

With {I} being the image link.

4 Likes

When this happened to me, usually Glide cached the image even though the original Website had blocked the image. Best example is LinkedIn. LI ‘moves’ their company and user profile images around which invalidate them. Glide would still show them for awhile (after LinkedIn blocked/moved the image) since they were cached.

Potentially this is why they show in some places in your App and not in others…Glide caching.

Thanks, i tried that img tag, do I specified in sheets or in Glide? Also why is glide converting my 70% to 0.7? Brought in as a csv and sheet but keep converting it…even when I changed column schema to figure, text and vice versa :slight_smile:

Sorry my first time using the app

Create a template column in Glide with that text, and replace ‘{I}’ with the value in your image_link column.

Because 70% truly is 0.7. Mathematically that’s how percentage works. If you want to see 70% for display purposes, then create a math column to multiply that value by 100 and append the percent symbol behind the number within that math column. If you are using it to do mathematical calculations in Glide, you still want the true value to be 0.7. Otherwise, just don’t include the percent symbol in the google sheet and instead edit the numeric column in the glide data editor and add the percent symbol there.

2 Likes