Przejdź do głównej zawartości
GloboGlobo Docs
Zainstaluj aplikację
Polski

Układ mozaikowy i Menu specjalne

Układaj równo w kolumnach bloki o różnej wysokości lub pokaż listę kategorii z panelem dla każdej kategorii.

Poradnik Pro Navigation 3 min czytania

W zwykłym mega menu każdy blok ma własną kolumnę, więc krótka lista linków zostawia pod sobą lukę. Układ mozaikowy grupuje kilka bloków w jednej kolumnie, tak aby układały się jeden pod drugim — na przykład dwie krótkie listy marek w pierwszej kolumnie.

Wzory

Oba znajdują się w grupie Menu specjalne w panelu Wybierz szablon.

Układ mozaikowy
Cztery kolumny (bloki Grupa elementów) z listami linków ułożonymi w każdej kolumnie.
Menu specjalne
Lista kategorii po lewej; każda kategoria ma po prawej własny panel z listami linków i obrazami, jak w menu dużych marketplace’ów.

Start od wzoru Układ mozaikowy

  1. Dodaj wzór

    W drzewie Elementy w edytorze kliknij Dodaj podmenu pod elementem najwyższego poziomu. Wskaż Menu specjalne (1), a potem kliknij Wybierz przy Układ mozaikowy (2).

    (1) Wskaż grupę Menu specjalne, (2) wybierz Układ mozaikowy

  2. Edytuj przykładową zawartość

    Wzór dodaje 4 bloki Grupa elementów o szerokości 25% z listami linków w środku. Najedź kursorem na każdy nagłówek lub link, kliknij Edytuj element i zmień Tytuł oraz Link.

  3. Dodaj lub usuń bloki w kolumnie

    W grupie kliknij Dodaj blok, aby dołożyć kolejny blok, np. listę linków lub obraz. Aby go usunąć, najedź na niego kursorem i kliknij Usuń element.

  4. Zapisz i opublikuj

    Kliknij Zapisz, a potem Opublikuj.

Budowanie układu mozaikowego z pustego mega menu

  1. Dodaj puste mega menu

    Kliknij Dodaj podmenu, wskaż Mega menu i kliknij Wybierz przy Pusty. Możesz też użyć istniejącego mega menu.

  2. Dodaj Grupę elementów dla każdej kolumny

    Kliknij Dodaj blok, wybierz Wieloblokowy i wybierz Grupa elementów; każda grupa to jedna kolumna. W drzewie Elementy wyświetla się jako Grupa elementów (układ Masonry).

    (1) Wybierz kartę, (2) najedź kursorem na układ i kliknij Wybierz.

  3. Ustaw szerokości grup

    Nowa grupa ma szerokość 50%. Ustaw Szerokość każdej grupy tak, aby kolumny mieściły się w jednym wierszu, np. 25% dla 4 kolumn lub 33.33% dla 3.

  4. Wypełnij każdą grupę

    W każdej grupie kliknij Dodaj blok i dodaj bloki tej kolumny. Ustaw Szerokość każdego wewnętrznego bloku na 100%, aby układały się jeden pod drugim zamiast obok siebie.

  5. Zapisz i opublikuj

    Kliknij Zapisz, a potem Opublikuj.

Używanie wzoru Menu specjalne

  1. Dodaj wzór

    Kliknij Dodaj podmenu, wskaż Menu specjalne i kliknij Wybierz przy wzorze Menu specjalne.

    (1) Wskaż grupę Menu specjalne, (2) wybierz Układ mozaikowy

  2. Edytuj kategorie i panele

    Każda kategoria po lewej to zakładka: zmień jej nazwę, a potem wypełnij jej panel za pomocą Dodaj blok. Zobacz Menu z zakładkami.

  3. Zapisz i opublikuj

    Kliknij Zapisz, a potem Opublikuj.

Oba wzory otwierają się w panelu mega menu, więc sekcja Podmenu elementu nadrzędnego ustala szerokość, wyrównanie i tło panelu. Zobacz Układ panelu mega menu.

Rozwiązywanie problemów

Bloki stoją obok siebie zamiast jeden pod drugim

Sprawdź w drzewie Elementy, czy wewnętrzne bloki są wewnątrz Grupy elementów i czy ich Szerokość wynosi 100%.

Grupy przechodzą do drugiego wiersza

Szerokości grup sumują się do ponad 100%. Zmniejsz je, aby zmieściły się w jednym wierszu.

Czy to było pomocne?

Zgłoś problem