You can create an image gallery for each location by leveraging the Gallery field.  Each location includes a gallery field by default.

Uploading Images

To add images to a location, edit that location from the Data > All Records screen, then find the Gallery field as shown below:

 

You can upload multiple images as needed.  This image shows the same gallery field after two images have been uploaded.

 

Once you have images added to your locations, you may need to add the Gallery field to your layout.  Like any field in MetaLocator, its placement can be controlled by adjusting the Template Settings in your interface.

A common location for galleries is on the Item Detail Page.  In this screenshot, we've added the Gallery Field to the Item Template, under Template Settings.

 Once the field is added to your desired template, save your Interface.  And we can see the Gallery is displayed at the end of our template.

 

 

The Gallery expands to the width of it's container, which is the page width in the Preview.  To constrain the width of the gallery, you can edit the Item Address Format to add a container (such as a div), or you can add this CSS to your CSS setting:

 

.tp-banner-container {
 width: 50% !important;
}

MetaLocator uses the Revolution Slider, a highly configurable gallery component. To add custom parameters and options to the slider, they can be added under "Advanced" > Gallery Options as a JSON formatted string (omit the outer curly brackets) as in

"startheight":1000

A good collection of options that includes an increased height, and thumbnails is as follows:

"hideThumbs":500,
"navigationType":"thumb",
"fullScreen":"off",
"fullWidth":"off",
"thumbAmount":3,
"thumbWidth":150,
"thumbHeight":150,
"startheight":800

That should be used with the CSS tip above regarding width.

More options and tutorials for the gallery can be found here.

Did this answer your question?