Jak wstawić wygenerowane menu?

1. Możesz użyć kodu automatycznej wymiany, wpisując [MENU:shop_categories:vertical:products]
   Listę wartości możesz uzupełnić korzystając z generatora «Widżet z kategoriami sklepu».
2. Możesz wstawiać wygenerowany kod menu do bloków/menu lub stron.
3. Uwaga! Jeśli używasz wielu menu na jednej stronie, nie musisz ponownie wklejać kodu Java Script i stylów CSS.
   Domyślnie standardowy zestaw funkcji Twojego sklepu zawiera już ten styl JavaScript i CSS. Kod możesz ponownie wstawić tylko wtedy, gdy konieczna jest zmiana jego wyglądu lub funkcjonalności.

W kodzie można używać następujących parametrów:

• :vertical - pionowe menu
• :flexmenu — menu Flex w pionie (Vertically Flex) — kompaktowe pionowe menu o stałej wysokości, zawierające kategorie i podkategorie sklepu. Podkategorie są wyświetlane w bloku o stałej wysokości po prawej stronie przycisku kategorii nadrzędnej. Dodatkowe parametry: :height-400 — wysokość bloku, :width-300 — szerokość bloku, :scroll-lock — blokada przewijania, :with-overlay — skrypt do tworzenia bloku overlay, który oddziela podpunkty od głównego bloku menu.
  W takim przypadku dostępne są także 2 dodatkowe parametry: :fix-on-top (przypięcie do góry bloku) oraz :disallow-overflow (zakaz wychodzenia elementów poza dół bloku menu).
• :horizontal - menu poziome (Możesz również wyświetlać strony wewnętrzne jako bloki z różnymi poziomami zagnieżdżenia. Dodatkowy styl bloku można określić, ustawiając ID-"hotengine-categories-lists-horizontal")
• :dropdown - menu rozwijane
• :megamenu — responsywne menu Mega Menu — uniwersalne rozwiązanie nawigacyjne, które po aktywacji wyświetla przycisk typu „hamburger”. Po kliknięciu otwiera się uporządkowane okno z kategoriami po lewej stronie i dynamiczną treścią po prawej. Może być umieszczone w dowolnej części witryny. W wersji mobilnej menu automatycznie przełącza się w tryb pełnoekranowy, zapewniając wygodną nawigację. Parametr dodatkowy: :multiply — aktywuje tryb rozszerzonego wyświetlania, w którym w prawym panelu wyświetlane są jednocześnie nie tylko podkategorie podrzędne, ale także ich listy zagnieżdżone, tworząc przejrzystą siatkę produktów lub sekcji.
• :full - rozwinięta lista kategorii
• :list - standardowa lista podkategorii (wyświetla taką samą listę podkategorii jak na stronie głównej kategorii wybranej przez start-X. Podczas używania listy używany jest tylko parametr start-X)
• :treelevel-X — gdzie X to poziom zagnieżdżenia w kategorii. Na przykład, jeśli chcesz umieścić tylko kategorie główne i ich kategorie podrzędne bez wprowadzania ich kolejnych podkategorii, możesz użyć wartości «2»
• :products — Pokaż liczbę produktów w kategorii
• :dataattr - Dodaj znaczniki danych z informacjami o kategorii (identyfikator, liczba kategorii podrzędnych, liczba produktów)
• :googlenav — Dodaj znaczniki Google (nazwa i adres URL itemprop)
• :imageattr – Dodaj atrybut z ikoną (Jeśli dla kategorii ustawiono ikonę, zostanie do niej dodany specjalny atrybut — można go użyć do wyświetlenia ikony w menu.)
• :scroll-9999x3 - Efekt przewijania dla kategorii (tylko w trybie :list) - zamienia sposób wyświetlania na poziomy blok kategorii z przewijaniem. Funkcja jest aktywowana tylko, jeśli szerokość ekranu jest mniejsza niż podana wartość. Paginacja ustawiana jest drugim parametrem (liczba kropek).
  
  Jak dodać parametr

  Blok kategorii będzie przewijany zgodnie z wartościami parametrów, np. «:scroll-9999x3», gdzie:

  • 9999 — maksymalna szerokość ekranu do aktywacji przewijania;
  • 3 — liczba kropek w paginacji (jeśli nie podano, paginacja jest wyłączona).
• :carousel - eksperymentalna funkcja sowy-karuzeli, przewijanie z obsługą dotykowego machnięcia *
  Zmień parametry

  
  

  ---

  
  Domyślnie rozmiar okna jest określany za pomocą Javascript.
  Możesz określić wiele dodatkowych opcji, których lista jest dostępna pod tym linkiem: Opcje Dokumentów.
  Aby ustawić parametr skorzystaj z szablonu:
  :carousel-autoplayTimeout-1000
  :carousel-autoplaySpeed-5000
  :carousel-autoplay-true
  i tak dalej (:carousel-PARAMETER-VALUE).
  
  Opcję można również określić za pomocą atrybutu carousel-... JavaScript.
  data-carousel-autoplayTimeout="1000"
  data-carousel-autoplaySpeed="5000"
  data-carousel-autoplay="true"
  i tak dalej (data-carouserl-PARAMETER="wartość")

  ---

• :add-javascript - jeśli nie dodasz tego parametru, to będzie tylko lista kategorii (bez stylów javscript i css, które musisz wcześniej wstawić).
  Ta opcja jest przydatna, jeśli chcesz dostosować styl menu, ale chcesz, aby kategorie były wstawiane automatycznie. Następnie musisz wkleić JavaScript, kod CSS i shortcode [MENU...]
• :start-X - gdzie X jest identyfikatorem rubryki na początek.
  Ten parametr jest przydatny, jeśli najpierw masz w nim kategorię «Sklep» i podkategorie. Wtedy nie możesz pokazać swojej głównej kategorii «Sklep» w menu.
• :id- - utwórz obiekt DIV o podanym identyfikatorze, do którego zostanie wstawione menu. Może być używany do niestandardowego stylu menu