Help with URL to bring me image

sfalconp43 · 2024-10-13T14:50:29.538Z

Hi guys, greetings. I need help with something that I have not been able to solve. I have to use this API: https://www.themoviedb.org/settings/api to bring me the movies poster, the problem is that when I connect to the API and try to bring me the path-url of the movies, it doesn’t bring me anything, investigating, I realized that the API response for the field that brings the image has the path incomplete, the response is :

“poster_path“:”/kKgQzkUCnQmeTPkyIwHly2t6ZFI.jpg”

And this part is missing: https://image.tmdb.org/t/p/w500/

In bubble I have tried, but, I don’t know how to make the url can be placed complete, this is the only thing I have reached :

bubbleimage905×522 38.8 KB

How could I please put the URL together correctly so that it can bring me the image.

Thank you in advance.

siddharth · 2024-10-13T14:55:23.557Z

Put the image url then add the API response poster path in dynamic image

sfalconp43 · 2024-10-13T15:17:17.904Z

Hi! thank you very much for your reply. I have placed it like this:

image1219×301 21.3 KB

But, it tells me that the list is empty.

siddharth · 2024-10-13T15:48:26.330Z

In your first screenshot it’s a image on the next it’s a group.
So can you try it image

sfalconp43 · 2024-10-13T16:03:31.151Z

Sorry, you´re right. Here it is as only an image

image814×486 19.4 KB

The problem is that basically I don’t know in bubble how to build the URL one part with https://image.tmdb.org/t/p/w500 and then join it with the path provided by the API.

siddharth · 2024-10-13T16:41:58.503Z

Don’t use arbitrary text, place all in dynamic image itself (base URL+ API returned part).
First try out in only one image element

IMG-20241013-WA00091080×409 36.4 KB

sfalconp43 · 2024-10-13T17:05:57.916Z

Hi! Ok, here it is:

image829×555 20.3 KB

Still does not show me the image

siddharth · 2024-10-13T17:41:23.668Z

Can you go to debugger and see what your actual image url is shown there, if that’s empty or not

mario11 · 2024-10-13T17:50:17.387Z

Hi! I think there is a basic problem on the setup. I see only one image and you as a result have entered “each element”. Is image D inside a repeating group or something like that?

Don’t expect to see the image there right away… you won’t see anything from the editor… you have to try to watch a preview of the page… but it depends on how you set up the work… if you explained better or shared a link to the editor everything would be clearer here

sfalconp43 · 2024-10-13T18:10:31.345Z

Thank you very much Mario, it turns out that if the image appeared for a while, indeed I was seeing only the editor view, I guess it is a beginner’s error, I did it in only one image, I wanted to use group selection, but in group selection I do not see the way to place the full path, ie the base url + the path that comes from the API. Is there any way to do it there? Otherwise, I thought about grouping the images into a single group image by image and styling it.

mario11 · 2024-10-13T18:15:35.826Z

Of course, and in fact we are here to help but so I can’t quite understand what you have in mind.

For what I can read, I think there is a modulation error here. You are telling to bubble to show all the images that come from that API (if a filter has not been inserted) in a single image.

To be able to help you I have to understand what and how you want to show… a single movie poster? Then there is an error in the setting of the formula…

More movie cards? Then you need to first create a repeated group, insert the image inside it and then model the API response.

For the problem on the full link, @siddharth gave you the same solution that I would use… but we’ll deal with it later.

Explain to us through the editor screen how you have currently set up the graphic model and what you have in mind

mario11 · 2024-10-13T18:37:37.572Z

Someone pointed it out… what did you write?

sfalconp43 · 2024-10-13T18:50:50.184Z

Nothing wrong, I just sent an image of the design of the screens and I didn’t realize that one of the movies was a horror movie, that’s probably why it was removed, but well, I just need the typical gallery form, where the movie posters appear side by side.

mario11 · 2024-10-13T19:06:26.385Z

You need a repeating group… see the bubble documentation for this

sfalconp43 · 2024-10-13T19:23:19.117Z

My doubt with repeating group is precisely that, how do I put in the data source field the part of the url that goes in plain text, since I have not looked for a way to do it.

image825×544 18.6 KB

mario11 · 2024-10-13T19:36:36.311Z

I don’t think what kind of image content is the right one… you should try to insert your api there… unfortunately for me so it’s complicated to say it… I should have access to the editor to solve it