Skin CMS
Ext. linksLegal
Skin CMS
Skin CMS
  • Quick Start
  • 3DVista Skin Components
    • 3DVista Label
    • 3DVista Multiline
    • 3DVista Image
    • 3DVista WebFrame
    • 3DVista Button
  • Dynamic Photo Album
  • Optional Features
    • 🟢Mobile sync
    • 🟢Map multiple 3DVista skin components
    • 🟠Attribute Styling
    • 🟠3DVista Functions
      • Show or hide Hotspots
  • Videos
    • All videos • Youtube Playlist
    • Collaborate in Airtable
    • Right click edit this content
    • Linked records to Categorize
    • Dynamic buy button with stripe
  • Common errors
Powered by GitBook
On this page
  • Gallery template
  • Creating your own custom gallery
  • Multiple Galleries

Was this helpful?

Dynamic Photo Album

Previous3DVista ButtonNextMobile sync

Last updated 15 days ago

Was this helpful?

A dynamic photo album in Skin CMS means that you can show 1 image, 2 images or way over 10 images and depending on the record that you're triggering, it will detect whether it's single or multiple images to show.

If it's a single image, it will hide the previous and next buttons, but if the record contains 2 or more images, it will show the previous and next buttons automatically.

Keep in mind that you need to compress the images before importing to make sure it loads fast enough.

Gallery template

Download the template and connect your Attachments field in Airtable with SkinCMS_Gallery_Container.

Creating your own custom gallery

In order to make this work you create in 3DVista:

  • Container and call it SkinCMS_Gallery_Container (not an 'image', even though images will appear in here)

  • Two buttons located inside SkinCMS_Gallery_Container.

    • Call the previous button SkinCMS_Gallery_Previous

    • Call the next button SkinCMS_Gallery_Next

In Airtable you've created an attachment field and uploaded one or more images in each record.

In SkinCMS you connect the Airtable's attachment field with SkinCMS_Gallery_Container

Multiple Galleries

In case you need more than one gallery, which is exceptional, you can duplicate the SkinCMS_Gallery_Container and add a 2 behind Container like SkinCMS_Gallery_Container2. Keep the names for the Previous and Next the same within Container2. And connect this to another attachment field in Airtable.

Tutorial showing you how to do it
8KB
SkinCMS_Gallery_Container.vtl