Layerpin logo
Konfiguracja

Karta informacyjna mapy i kontrolki nawigacji

Skonfiguruj kartę tytułową mapy, rozbudowane opisy markdown, przyciski akcji, styl karty, pasek wyszukiwania i filtry kategorii w panelu Informacje o mapie.

Przegląd i architektura panelu

Panel Informacje o mapie łączy wizytówkę mapy i funkcje nawigacyjne dla odwiedzających w jednej przestrzeni roboczej. Podczas gdy karty pinezek oferują szczegóły lokalne, Karta informacyjna mapy służy jako stały baner powitalny dla całego projektu.

Dostęp do informacji o mapie: W lewym pasku bocznym edytora otwórz Dostosuj (ikona pędzla) > Informacje o mapie (lub załaduj edytor bezpośrednio z parametrem ?tab=customize&panel=map-info) aby skonfigurować treść karty, wymiary, efekty szkła i narzędzia wyszukiwania.
Stała karta powitalna

Dyskretnie unosi się w rogu publicznej mapy, prezentując oficjalny tytuł, opis Markdown, grafikę i przyciski akcji.

Centrum nawigacji i wyszukiwania

Umożliwia włączenie wyszukiwania pinezek w czasie rzeczywistym oraz interaktywnych filtrów kategorii.

Zawartość karty (Tytuł, Opis, Multimedia i Przyciski)

Karta składa się z czterech niezależnych sekcji, które można włączać, stylizować i dostosowywać do marki:

Nazwa mapy i typografia

Ustawia tytuł mapy z licznikiem znaków. Dostosuj czcionki, rozmiary (12px–36px), grubość, kolory i wyrównanie.

Szczegółowy opis w Markdown

Zawiera informacje o obiekcie, godziny otwarcia lub harmonogram. Obsługuje pogrubienie, kursywę, linki i listy.

Grafika karty i dopasowanie

Wybierz grafikę z biblioteki mediów. Ustaw proporcje i tryb kadrowania (Wypełnij/Cover vs Dopasuj/Contain).

Przyciski wezwania do działania (CTA)

Dodaj przyciski do rezerwacji, formularzy, połączeń telefonicznych lub stron zewnętrznych.

Wymiary, kolejność i marginesy

Dostosuj rozmiar i balans wizualny karty, aby pasowała do planu piętra:

Parametry układu i wymiarów
  • Stała szerokość karty: Ustaw szerokość na komputerze w zakresie 260px–600px (domyślnie: 336px).
  • Kolejność sekcji metodą przeciągnij i upuść: Zmieniaj kolejność sekcji za pomocą wygodnych uchwytów.
  • Odstęp między sekcjami: Reguluj pionowy odstęp między sekcjami od 0px do 24px.
  • Margines wewnętrzny (X i Y): Niezależnie ustawiaj poziome marginesy boczne i pionowe wewnętrzne (do 32px).

Wygląd, efekt szkła i obramowanie

Bogate opcje stylizacji pozwalają dopasować kartę do trybu ciemnego, kolorów firmowych lub minimalizmu:

Tło i przezroczystość

Ustawiaj kolory, gradienty lub tekstury z suwakiem przezroczystości (0%–100%).

Rozmycie tła (efekt matowego szkła)

Stosuje efekt matowego szkła za kartą, zachowując idealną czytelność tekstu.

Obrys ramki i linie przerywane

Dostosuj obramowanie: grubość (1px–8px), gradienty, wzory linii i narożniki.

Zaokrąglenie narożników i cień

Ustaw promień zaokrąglenia (0px–32px) i włącz subtelny cień dla głębi.

Stan domyślny i zwijanie na komputerze

Zarządzaj wyglądem karty po załadowaniu oraz możliwością jej zwijania:

Domyślnie rozwinięta:

Włączone pokazuje pełną kartę. Wyłączone uruchamia ją jako zwinięty pasek z tytułem.

Przycisk zwijania (komputer):

Wyświetla przycisk w nagłówku, umożliwiający zwinięcie karty na żądanie.

Adaptacja na urządzeniach mobilnych: Na telefonach i tabletach karta automatycznie zwija się w wygodną dolną szufladę.

Pole wyszukiwania i filtry kategorii

Panel zawiera również przełączniki wyszukiwania i filtrów dla odwiedzających:

Przełącznik pola wyszukiwania

Włącza pływający pasek wyszukiwania po nazwie, opisie, tagach lub polach.

Przełącznik filtrów kategorii

Włącza pasek filtrów według pięter, statusu, typu pomieszczenia lub działu.

Układy filtrów na komputerze (Pełny a Kompaktowy)

Skonfiguruj układ filtrów na ekranach komputerów:

Pełny (pasek poziomy)

Wyświetla przyciski filtrów poziomo na górnym pasku. Idealne dla 2–5 kategorii.

Kompaktowy (menu rozwijane)

Łączy wszystkie filtry w jeden przycisk z licznikiem, oszczędzając miejsce na ekranie.