Jak umieszczać moduły w offcanvas DJ-MegaMenu?
W tym tutorialu pokażę Ci, jak można umieścić moduły w offcanvas menu w komponencie DJ-MegaMenu. Zakładam, że wiesz już co nieco o tym komponencie, korzystasz z niego i potrafisz nim zarządzać. Jeśli jest inaczej, to zapraszam do przeczytania:
-
Co to jest offcanvas menu? Jak można je ustawić?
Zakładam, że masz menu wyglądające mniej więcej tak:
Offcanvas menu to takie menu, które wyświetla się w bocznym pasku. Jest szczególnie przydatne w widokach responsywnych, gdy szerokość ekranu, na którym wyświetlamy stronę nie jest zbyt duża. Dzięki zastosowaniu menu w bocznym pasku mamy pewność, że menu będzie dobrze widoczne, a nawigacja po stronie łatwa i przyjemna.
Jak je ustawić? Idź do Rozszerzenia-> Moduły-> Twój moduł DJ-MegaMenu
Idź do zakładki “Mobile Menu Options”.
Mobile Menu- wybierz Offcanvas Menu
Mobile menu trigger width- wpisz wartość szerokości ekranu (w pikselach) poniżej której zwykłe menu zmieni się na offcanvas menu.Kliknij zapisz i zamknij. Twoje menu w określonej szerokości ekranu powinno wyglądać tak:
-
Teraz pokażę ci, jak dodać własne moduły w offcanvas menu.
Tak wyglądają pozycje modułów:
-
dj-offcanvas-top -to jest standardowa pozycja modułu.
Po prostu idź do Rozszerzenia-> Moduły-> Twój moduł i ustaw pozycję modułu jako “dj-offcanvas-top”. Nie przejmuj się, jeśli nie znajdziesz tej nazwy na liście z dostępnymi pozycjami, jest to wewnętrzna pozycja modułu i prawdopodobnie nie będzie jej na liście z pozycjami templatki. Wpisz nazwę pozycji i kliknij Enter.
Kliknij zapisz i zamknij.
-
dj-offcanvas-bottom -to jest standardowa pozycja modułu.
Po prostu idź do Rozszerzenia-> Moduły-> Twój moduł i ustaw pozycję modułu jako “dj-offcanvas-bottom”. Nie przejmuj się, jeśli nie znajdziesz tej nazwy na liście z dostępnymi pozycjami, jest to wewnętrzna pozycja modułu i prawdopodobnie nie będzie jej na liście z pozycjami templatki. Wpisz nazwę pozycji i kliknij Enter.
Kliknij zapisz i zamknij.
-
Gratulacje! W ten sposób opublikowałeś moduły w offcanvas!
