Tylko administratorzy mogą wejść do centrum administracyjnego. Zaloguj się

Generator widżetów

Widget z producentami

«Widget» – to interaktywny blok z danymi do umieszczenia na stronie. Widget można generować za pomocą specjalnego krótkiego kodu («ShortCode»), który może zawierać dodatkowe parametry. Otrzymany kod można wkleić na strony lub do Bloków/Menu.

Jak wstawić wygenerowane menu?

  1. Możesz skorzystać z kodu automatycznej zamiany, wpisując [MENU:shop_producers:start-XX:list], gdzie XX to ID kategorii startowej.
    Lista wartości może zostać uzupełniona za pomocą generatora «Widgetu z producentami 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
  • :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
  • :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)
  • :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, na przykład [MENU:shop_producers:start-0:list:htmlonly:carousel:carousel-margin-6] *
    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 to ID tej kategorii, od której należy rozpocząć.
    Ten parametr jest przydatny, jeśli najpierw masz kategorię «Producenci», a w niej podkategorie. Wtedy nie będziesz musiał pokazywać w menu głównej kategorii «Producenci».
  • :id- - utwórz obiekt DIV o podanym identyfikatorze, do którego zostanie wstawione menu. Może być używany do niestandardowego stylu menu