Jak wyświetlić klika akordeonów lub zakładek w artykule?
Potrzebujesz wyświetlenia w jednym artykule kilku grup zakładek (albo rozwijanych akoredonów)? Jak to zrobić?
Użyj modułów! Dzięki temu będziesz mógł używać zakładek w różnych miejscach artykułu.
Od początku
Musisz zacząć od utworzenia samych zakładek. Jeżeli nie jesteś pewien jak to zrobić, podstawowe informacje o grupach, zakładkach i konfiguracji komponentu znajdziesz w dokumentacji DJ-Tabs (ang.)
Utworzenie modułów
Teraz stwórz moduły z zakładkami, które potem wyświetlisz w artykule. Zaraz wyjaśnimy jak to zrobić. Końcowy efekt możesz zobaczyć na stronie demo DJ-Tabs.
W naszym przykładzie utworzyliśmy trzy moduły (żeby utworzyć moduł wejdź w Rozszerzenia>Moduły>Nowy>DJ-Tabs):
Ważne ustawienia w module:
- wpisz tytuł modułu
- wybierz grupę zakładek którą moduł ma wyświetlać
- wybierz theme (jeden z wbudowanych stylów)
- wybierz układ (tabs - zakładki lub accordion - akordeon)
- wybierz lub wpisz pozycję modułu. W naszym przykładzie wpisujemy nazwę pozycji (tym samym tworzymy tą pozycję) na potrzeby artyłu. Dzięki temu mamy pewność że przypisany moduł wyświetli się tylko w artykule w którym będzie wywołany.
- pamiętaj żeby opublikować moduł
Zapisz moduł.
Powtórz czynności dla każdego kolejnego modułu, który chcesz wyświetlić. Każdy przypisz do innej pozycji modułu (w naszym przykładzie są to tabss1, tabss2 i tabss3).
W pierwszym module ustawiliśmy układ na "tabs" a w dwóch kolejnych na "accordion".
Wyświetlenie modułów w artykule
Właściwie nie wywołujemy w artykule samych modułów a pozycje modułów. Dlatego ważne jest żeby moduły umieścić w pozycjach utworzonych na potrzeby artykułu. Gdybyśmy użyli pozycji modułów istniejących już w templatce, ryzykowalibyśmy że niechcący wyświetlimy też inne moduły które są przypisane do tej pozucji.
W artykule możesz wywołać dowolną pozycję modułu używając kodu:
gdzie "tabss1" to nazwa pozycji modułu (stworzyliśmy ją tworząc moduł). Kiedy w odpowiednich miejscach w artykule wywołasz wszystkie moduły, które chcesz wyświetlić, zapisz moduł.
W naszym przykładzie wygląda to tak:
Efekt
Nasz przykład możesz zobaczyć na stronie demo DJ-Tabs.