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

Generator widżetów

Widżet kategorii sklepu

«Widget» to interaktywny blok z danymi do umieszczenia na stronie. Widget można wygenerować za pomocą specjalnego krótkiego kodu («ShortCode»), który może zawierać dodatkowe parametry.Jak wstawić wygenerowane menu?

1)Możesz użyć kodu automatycznej wymiany, wpisując [MENU:shop_categories:vertical:products]

W swoim kodzie możesz użyć następujących opcji:

: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)
: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)

: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ść")

Możesz także rozszerzyć suwak na górze standardowego suwaka platformy za pomocą JavaScript.
Utwórz standardowy slider za pomocą kodu [MENU...] i dodaj klasę hotengine-shop-products-list-carousel do bloku .hotengine-shop-products-list-div-append.
Przykład:

Code: JavaScript

  <script>
  $(function(){
 if($(window).width()<900){ //jeśli rozmiar okna jest mniejszy niż 900 pikseli.
  $(".hotengine-shop-products-list-div-append").addClass("hotengine-shop-products-list-carousel"); //Dodaj carousel
  $nw = $(window).width()-60; 
  $("#stones_product_list").css("width",$nw)
  $(window).on("resize", function(){
  $nw = $(window).width()-60; 
  $("#stones_product_list").css("width",$nw)
  
  })
  }
  
  });</script>

:htmlonly - 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

Jeśli korzystasz z generatora z kodem [MENU:kategorie_sklepu...], to nie musisz aktualizować wartości menu przy aktualizacji ilości produktów i kategorii.
Na przykład Twój kod do umieszczenia na końcu będzie wyglądał następująco: [MENU:shop_categories:vertical:products], co oznacza, że zostanie wygenerowane pionowe menu z Twoimi kategoriami, wskazujące ilość produktów w nagłówkach.

2)Możesz ręcznie wstawić wygenerowany kod menu. Aby to zrobić, utwórz Blok/Menu, umieszczony w lewo lub w prawo, i wklej kod do niego, napisane poniżej. Wszystkie pola muszą być wypełnione.

W przypadku ręcznego wpisywania kodu, przy zmianie ilości kategorii, należy również zaktualizować listę w generowanym menu. Aby to zrobić, wystarczy zaktualizować listę wartości, numer kierunkowy «Kod menu HTML».

JSON (?)