Join the Webstudio community

Updated 2 months ago

How to add multiple images.

At a glance

A community member is trying to import multiple images from an Airtable column into a web application. They have followed an example and are wondering how to achieve this. Another community member suggests using a collection and binding the image field to it, which should iterate over each image. The original poster tries this approach but is unsure if they are doing it correctly. Eventually, they figure out the solution by using multiple collection blocks.

Useful resources
Hey there. I am pretty much following this example over here: https://www.youtube.com/watch?v=3mW7cPDXIxY

I am wondering how to import multiple images?

On my Airtable, I have a column "Image". And for every entry for the cell in column "Image" I have multiple images.

Here is an example of what I want to achieve: https://www.akcijas123.lv/akciju-bukleti/elvi-akcijas
  • Multiple images in a single column being pulled in from Airtable.
Attachment
Screenshot_2024-12-01_at_19.31.35.png
J
H
4 comments
Add a collection, bind the image field to the collection, and that'll iterate over each image
I figured it out. I used multiple collection blocks
Add a reply
Sign up and join the conversation on Discord