Locations
O Locations mostra o endereço de um negócio, com um mapa estático para cada unidade. A seção tem uma linha por unidade,
com nome, endereço, horário opcional e o mapa (ui/sections/locations/locations.ts:56). Uma seção com uma unidade só
é válida: o modelo one-page usa assim, com o endereço do estúdio (templates/one-page/files/src/data/content.ts:189-205).
A variante é map-side: os dados da unidade ficam de um lado e o mapa do outro (locations.ts:28).
A ação de contato é uma só para a seção inteira, e não de cada unidade (locations.ts:21-27). Ela é whatsapp, com o link
da conversa (whatsappHref), ou route, que não precisa de link. O one-page usa whatsapp
(templates/one-page/files/src/data/content.ts:192).
O mapa é uma imagem estática, sem iframe. Ela leva ao Google Maps pelo link que você passa (mapsHref, locations.ts:15-17).
Locations
Pasta: ui/sections/locations
Variantes
| Id | Variante | Tom |
|---|---|---|
locations-map-side-1-whatsapp | map-side | light |
locations-map-side-3-route | map-side | gray |
Propriedades
| Propriedade | Tipo | Obrigatória | Descrição |
|---|---|---|---|
tone | Tone | Não | — |
density | Density | Não | — |
width | Width | Não | — |
id | string | Não | — |
action | "whatsapp" | "route" | Sim | — |
whatsappHref | string | never | Não | — |
variant | "map-side" | Não | — |
title | string | Sim | — |
intro | string | Não | — |
units | readonly LocationUnit[] | Sim | — |
Onde aparece nos templates
Seção intitulada “Onde aparece nos templates”templates/one-page/files/src/pages/home.ts:59, com os dados dec.locations.templates/multi-page/files/src/pages/contact.ts:29, na página Contato do site.templates/landing-page/models/evento/files/src/pages/home.ts:70.
Captura da primeira variante do catálogo (map-side, com contato por WhatsApp, em 1280 px):
A mesma variante em 360 px: