Image slider is selecting all images in my listings database

Please help, the free adalo image slider is display all the images in my listing database but I want it to display only the current listing which is one row of the database. How do I resolve this issue?

See image:

Hi @LoyisoZA

For that, you need to apply a custom filter on the image slider component. Something like current listing > images

Thanks
Shantanu

  1. Make sure your images are stored in a separate collection
  2. Build a relationship between collection “tours” (or whatever yours is) to the image collection
  3. In the image slider now select “current tours > images” and it will only show the ones of this tour.

Storing it as a property on the collection, won’t work.

1 Like

It’s working when I filter - in terms of selecting current listing but it doesn’t show all the images of that current listing i.e. when I have 4 images of a listing, it will only show 1 image of that current listing. I need it to show all images of that current listing because that listing has different listing viewing angles.

Your general filter should be on “current listing/product image”.

You don’t need a custom filter then.

So;
Images displayed: [insert collection]
Filter: [current listing]

When I use general filter - it still doesn’t display all the images in the current listing, I have 4 images in the DB for this listing. It’s selecting only the first image from the DB:

This is what the DB looks like:

The database isn’t set-up correctly.
Each image should be a row.

And each image should be linked to another collection like [product].

So image 1 connected to heater 1
Image 2 connected to heater 1
Image 3 connected to heater 1

The slider reads out database rows. Not columns.

@Judith Sorry if I am coming across slow, but isn’t a row - horizontal and a column is vertical?

@Judith this is how my add product listing form looks like: (therefore hence why my images are represented like that in the database).

@Judith, Perhaps I need a multiple image picker to link all images.

It’s fine how you ask users to input them, but you need to store each image as a new input in your collection.

They all need to be on a new, horizontal, separate line in your image collection. Now each image is in a new field of that collection.

You need a collection “images” with properties

  • name
  • image

(Just 1 image, not 4 images).

Does that make sense?

I changed to a paid multi-select image picker from no-code monkey, it’s in the adalo marketplace. Do you know how to use it? because I’ve installed however when I select and upload the images - there is no preview of the images I’ve just selected. See screenshot:

Nope haven’t used it.
Are your images already saved on separate rows in your collection ?

I am sorted now guys, thank you everyone for your support.

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.