Nagłówki i stopki

Nagłówek strony internetowej to górna część strony i zwykle zawiera elementy takie jak logo, menu, pasek wyszukiwania, przycisk logowania/konta klienta itp. Stopka jest wyświetlana na dole strony internetowej i zwykle zawiera informacje takie jak dane kontaktowe, linki, informacje prawne i inne opcje.

Wygląd nagłówka

Aby zmodyfikować wygląd nagłówka, kliknij Edytuj, a następnie kliknij nagłówek. Następujące opcje są dostępne w sekcji Nagłówek w zakładce Dostosuj w edytorze strony:

  • Wybierz Szablon z menu rozwijanego.

  • Wybierz ustawienia Tło, aby zmienić paletę kolorów poprzez różne style motywu, opcje Niestandardowych kolorów i opcje Gradientu.

  • Podczas dodawania Obramowania do nagłówka można zdefiniować jego rozmiar, styl i kolor.

  • Dostosuj Zaokrąglone narożniki, aby dopasować do wyglądu.

  • Dodaj Cień i zdefiniuj jego Kolor, Przesunięcie, Rozmycie i Rozproszenie.

  • Dodaj Efekt przewijania. Najedź na efekt, aby go wyświetlić.

  • Wybierz Pozycję nagłówka spośród Zwykły, Ukryty i Nad treścią. Gdy wybrano Nad treścią, możesz dostosować Tło i Kolor tekstu.

  • Pokaż lub ukryj Elementy, takie jak tekst, pasek wyszukiwania, przycisk Zaloguj się, linki do mediów społecznościowych, przycisk Skontaktuj się z nami i logo.

Aby sfinalizować zmiany, kliknij Zapisz.

Wskazówka

Aby ukryć nagłówek, kliknij Edytuj, kliknij nagłówek i przejdź do zakładki Motyw w edytorze strony. Przewiń w dół do sekcji Zaawansowane i przełącz przełącznik Pokaż nagłówek, aby ukryć/pokazać nagłówek.

Zawartość nagłówka

Menu organizują zawartość nagłówka i pomagają użytkownikom skutecznie nawigować po stronach internetowych. Przyjazne dla użytkownika i dobrze ustrukturyzowane menu odgrywają również kluczową rolę w poprawie pozycji w wyszukiwarkach.

Dodawanie pozycji menu

Domyślnie strony są dodawane do menu jako elementy rozwijane, gdy są tworzone. Aby dodać nowy element menu, wykonaj następujące kroki:

  1. Przejdź do Strona internetowa ‣ Witryna ‣ Edytor menu.

  2. W edytorze menu kliknij Dodaj element menu.

  3. W oknie dialogowym wprowadź Nazwę, która ma być wyświetlana w menu.

  4. Wpisz / w polu Adres URL lub e-mail, aby wyszukać stronę na swojej witrynie, lub #, aby wyszukać istniejącą kotwicę niestandardową.

  5. Kliknij OK.

  6. W razie potrzeby edytuj strukturę menu, a następnie kliknij Zapisz.

Mega menu

Megamenu są podobne do menu rozwijanych, ale zamiast prostej listy podmenu wyświetlają panel podzielony na grupy opcji nawigacji. Dzięki temu nadają się do stron internetowych z dużą ilością treści lub stron eCommerce, ponieważ mogą pomóc uwzględnić wszystkie strony internetowe lub kategorie eCommerce w menu, przy jednoczesnym zachowaniu widoczności wszystkich pozycji menu.

Mega menu w pasku nawigacyjnym.

Aby utworzyć mega menu, przejdź do Strona internetowa ‣ Witryna ‣ Edytor menu i kliknij Dodaj element mega menu. Wprowadź Nazwę mega menu w wyskakującym okienku, kliknij OK, a następnie Zapisz.

Aby dostosować opcje i zawartość mega menu, kliknij element mega menu w nagłówku, a następnie kliknij Edytuj. Mega menu składa się z bloków konstrukcyjnych, co oznacza, że możesz dostosować każdy komponent indywidualnie. Na przykład:

  • Edytuj tekst bezpośrednio w bloku konstrukcyjnym.

  • Edytuj adres URL elementu menu, zaznaczając element menu i klikając przycisk Edytuj link w małym wyskakującym podglądzie. Wpisz /, aby wyszukać stronę w swojej witrynie, lub #, aby wyszukać istniejącą niestandardową kotwicę.

    Edytuj opcję mega menu.

  • Przenieś element menu, przeciągając i upuszczając powiązany blok w żądaną pozycję w mega menu.

  • Usuń element menu, usuwając powiązany blok.

Aby dostosować ogólny układ mega menu, przejdź do zakładki Dostosuj w edytorze witryny, a następnie w sekcji Mega menu:

  • Wybierz Szablon.

  • Wybierz Rozmiar: Pełna szerokość lub Wąski.

Aby sfinalizować zmiany, kliknij Zapisz.

Ukrywanie dynamicznej pozycji menu dla niezalogowanych użytkowników

Aby ukryć dynamiczną pozycję menu (tj. pozycję menu generowaną automatycznie przez Odoo, na przykład podczas instalacji aplikacji lub modułu, takiego jak Wydarzenia, Kursy itp.) dla niezalogowanych użytkowników, wykonaj następujące kroki:

  1. Włącz tryb programisty.

  2. Przejdź do Strona internetowa ‣ Konfiguracja ‣ Menu.

  3. Rozwiń listę menu dla odpowiedniej witryny, jeśli to konieczne, a następnie kliknij pozycję menu, którą chcesz ukryć.

  4. W sekcji Widoczne grupy kliknij Dodaj wiersz w obszarze Nazwa grupy.

  5. Wyszukaj grupę Typy użytkowników / Portal, wybierz ją, a następnie kliknij Wybierz.

  6. Zapisz.

Wskazówka

To hide the Shop menu item, restrict ecommerce access to logged-in users.