Components· Media
Media
Image galleries, 360° photos, image hotspots and location maps.
4 components
The examples work in test mode: nothing is saved to a real site, no messages are sent and payments are test payments.
Gallery
Section Try it gallery
An image gallery as a grid, mosaic or framed. Pictures enlarge when pressed and can be browsed.
Styles (4)
Pick a style and the example above switches to it. The content stays the same; only the look changes.
Settings (11)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | – |
Layout layout | Choice | Grid |
Columns columns | Number | 3 |
Caption caption | Text | – |
Width width | Choice | – |
Open pictures large on click lightbox | On / off | true |
Topic buttons above the pictures filter | On / off | – |
Effect under the pointer hoverEffect | Choice | – |
Paging paging | Choice | – |
Pictures before the Show more button pageSize | Number | – |
Design design | Choice | – |
Accessibility
Every image has alternative text or is marked decorative. Zoom and the image browser work with a keyboard (arrows, Esc) and announce the position ("Image 2 of 5"). Only the first visible image loads at once.
Used in 29 templates
- Beach volleyball hall
- Barber or hair salon
- Guesthouse and B&B
- Cottage and villa
- Experiences and tours
- Election candidate
All 29 templates
- Beach volleyball hall
- Barber or hair salon
- Guesthouse and B&B
- Cottage and villa
- Experiences and tours
- Election candidate
- Wedding
- Restaurant
- Car wash
- Body shop
- Towing service
- Taxi
- Farm and direct sales
- Athlete
- Author
- Literary society and classic
- Piano school and music lessons
- Music and dance school
- Musician and band
- Influencer and content creator
- Photographer
- Haulage and logistics
- Building and renovation
- Earthworks and infrastructure
- Café and bakery
- Pizzeria
- Beauty or nail salon
- Venue chain
- Design, graphic design and video
360° tour
Section Try it panorama
A 360° tour: panoramic photos where the visitor turns around and moves from scene to scene.
Settings (12)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | 360°-kierros |
360° picture src | Link | – |
Name of the place sceneTitle | Text | – |
Start direction (degrees) yaw | Number | – |
Introduction intro | Long text | – |
What the tour shows description | Long text | – |
Caption caption | Text | – |
Button label ctaLabel | Text | – |
Button link ctaUrl | Link | – |
Address of a Matterport or Kuula tour tourUrl | Link | – |
Poster poster | Image | – |
Turn automatically autoRotate | On / off | false |
Accessibility
Every image has alternative text or is marked decorative. Zoom and the image browser work with a keyboard (arrows, Esc) and announce the position ("Image 2 of 5"). Only the first visible image loads at once.
Used in 5 templates
Image hotspots
Section Try it hotspots
Image hotspots: points marked on a picture that open an explanation (e.g. a room's equipment or a product's parts).
Settings (5)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | – |
Introduction intro | Long text | – |
Image image | Image | – |
Alternative text imageAlt | Text | – |
Show the points as a list on computers too listOnDesktop | On / off | – |
Accessibility
Every image has alternative text or is marked decorative. Zoom and the image browser work with a keyboard (arrows, Esc) and announce the position ("Image 2 of 5"). Only the first visible image loads at once.
Used in 0 templates
No gallery template uses this yet. Add it to a page from the editor's Add section library.
Locations
Section Try it locations
Locations: addresses, opening hours and contact details as a list and on a map.
Settings (9)
| Setting | Edited as | Default |
|---|---|---|
Heading heading | Text | – |
Introduction intro | Long text | – |
Show a map showMap | On / off | true |
Map name mapTitle | Text | – |
Map stays in view while scrolling stickyMap | On / off | – |
Map service mapProvider | Choice | – |
Location search search | Choice | When there are more than six locations |
"Show the nearest to me" button nearMe | On / off | – |
Structured data for search engines structuredData | Choice | – |
Accessibility
A map loads only on request or after consent, and the address is always also given as text with a link. The map can be skipped with a keyboard.