Dokumentacja

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:

  1. Co to jest offcanvas menu? Jak można je ustawić?
    Zakładam, że masz menu wyglądające mniej więcej tak:

     

    001

     

    002

     

    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

     

    003

     

    Idź do zakładki “Mobile Menu Options”.

     

    004

     

    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:

     

    005

     

  2. Teraz pokażę ci, jak dodać własne moduły w offcanvas menu.
    Tak wyglądają pozycje modułów:

     

    006

     

    • 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.

       

      007

       

      008

       

      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.

       

      009

       

      010

       

    Kliknij zapisz i zamknij.

Gratulacje! W ten sposób opublikowałeś moduły w offcanvas!

 

011

 

 

Rozszerzenia do Joomla

DJ-Catalog2, DJ-Classifieds, DJ-MediaTools, DJ-ImageSlider, DJ-Menu, DJ-Multitreemenu, DJ-VMPageBreak, DJ-Flyer, DJ-TabGenerator, DJ-Likebox

Prezentacje szablonów

Zobacz nasze templatki na YouTube! Dynamiczne animacje prezentujące możliwości szablonów i zastosowanych w wersjach demonstracyjnych komponentów do Joomla.

Pomoc

Dokumentacja, odpowiedzi na często zadawane pytania oraz Video tutoriale.