Pular para o conteúdo

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

IdVarianteTom
locations-map-side-1-whatsapp map-side light
locations-map-side-3-route map-side gray

Propriedades

PropriedadeTipoObrigatóriaDescriçã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 —
  • templates/one-page/files/src/pages/home.ts:59, com os dados de c.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):

Captura da galeria: seção Locations, variante map-side com WhatsApp, em 1280 px

A mesma variante em 360 px:

Captura da galeria: seção Locations, variante map-side com WhatsApp, em 360 px