← Help Center

Nawigacja, stopka i blok hero na stronie

Trzy bloki, które ma prawie każda strona: nagłówek z menu (Navigation), stopka strony (Footer) i baner powitalny (Hero) — 7 gotowych wariantów.

Te trzy bloki nie są związane ze sklepem – są potrzebne każdej stronie, od landing page'a po wielostronicowy portal. Dla sklepu istnieje ich odpowiednik w nagłówku – zobacz Bloki sklepu → Shop Navbar.

Nawigacja i stopka strony

Navigation — nagłówek z menu

  • Site Name / Brand (Nazwa strony / Marka) i Logo URL (adres URL logo) (puste – wyświetlana jest nazwa tekstowa);
  • Show site name next to logo (Pokaż nazwę strony obok logo) – wyświetlać nazwę obok logo czy tylko logo;
  • Menu links (Linki menu): From page tree (auto) (Z drzewa stron (auto)) – elementy menu są tworzone automatycznie ze stron witryny (najprostsze – nie zapomnisz zaktualizować przy dodawaniu strony), lub Manual list (Lista ręczna) – własna lista elementów z dowolnymi linkami;
  • Navigation Links (Linki nawigacyjne) (jeśli wybrano Manual list) – lista par „tekst / URL”; element może mieć zagnieżdżone podpunkty (jedno zagnieżdżenie) – rozwijane po najechaniu;
  • Show language switcher (Pokaż przełącznik języków) – przełącznik języków dla strony wielojęzycznej;
  • CTA text / CTA URL (Tekst CTA / URL CTA) – przycisk wezwania do działania w nagłówku (np. „Zamów rozmowę”);
  • Sticky (Przyklejony) – nagłówek pozostaje widoczny podczas przewijania;
  • Scroll progress bar (Pasek postępu przewijania) – cienki pasek postępu czytania strony pod nagłówkiem;
  • kolory tła i tekstu.

Footer — stopka strony

  • Brand Name (Nazwa marki), Tagline (krótki opis pod nazwą), Logo URL (adres URL logo), Show site name (Pokaż nazwę strony);
  • Link Columns (Kolumny linków) – kilka kolumn linków, każda z własnym nagłówkiem (np. „Firma”, „Wsparcie”);
  • Social Media (Media społecznościowe) – ikony mediów społecznościowych (Facebook, Instagram, LinkedIn, X/Twitter, YouTube, Telegram, TikTok) z linkami;
  • Copyright Text (Tekst praw autorskich) – puste = automatyczny wiersz z bieżącym rokiem;
  • kolory tła i tekstu.

Hero — baner powitalny

Główna różnica od Shop Hero (wersja sklepowa) – 7 gotowych wariantów układu:

| Wariant | Opis | |---|---| | Classic (image right) | Klasyka: tekst po lewej, zdjęcie po prawej | | Classic (image below) | Tekst na środku, zdjęcie na dole | | Split (50/50) | Dokładny podział na pół | | Full-bleed | Zdjęcie na cały ekran, tekst na wierzchu | | Typographic | Bez zdjęcia, duży tekst | | Editorial | Asymetryczna „gazetowa” siatka | | Minimal | Wąska, wyśrodkowana kolumna |

Inne pola: Title (Tytuł), Subtitle (Podtytuł), główny i drugorzędny przycisk wezwania do działania (każdy z tekstem+URL), Image (Obraz) (przez bibliotekę mediów), Image display (Wyświetlanie obrazu) – zdjęcie z boku/na dole jako dekoracja, lub jako tło dla całego bloku; Image Overlay Darkness (Ciemność nakładki obrazu) – przyciemnienie zdjęcia pod tekstem (0–1); Badge / Overline Text (Odznaka / Tekst nad nagłówkiem) – krótki podpis nad nagłówkiem; można zastąpić zdjęcie tłem wideo (link do pliku .mp4).

Czytaj dalej