This template helps you create a gallery site like Instagram. Below is how the Airtable fields are mapped and displayed in the site.
Airtable field mapped and displayed in a card
How the fields are displayed on the site
| Field | Description |
|---|---|
| Title | The title of the item. E.g. Name of illustration |
| Subtitle | The text displayed beneath the title. E.g. Credits |
| Gallery | Displays images in a carousel inside the popup modal. E.g. examples of how the illustration is used |
| Youtube URL | Displays a video inside a gallery view inside the popup modal. E.g. A video promoting the illustration |
| Description | A paragraph displayed inside a popup modal. E.g. A detailed description about the illustration |
| Call To Action URL | A button displayed inside a popup modal that opens a URL. E.g. A link to download the illustration |
Note: For information regarding filters, see the Filters section
Mapping of fields in the modal to Airtable fields
How to add a record to the Gallery Template
In this example, we will be adding an entry for Miroodles
In the Airtable site-content table, click on a blank row and click the + button
Fill in the title, subtitle, call to action URL and description
Select the Gallery column and click the +
In the image upload modal, drag and drop all the image files you want to show in the carousel
Click the Upload button and wait for the image upload to complete
Refresh you site and you will be able to see the newly created record!
Miroodles Record
Miroodles Modal