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

Generator widżetów

Kup widżet przedmiotów

«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, wprowadzając [MENU:shop_products_slider:htmlonly:pers_cat_id-0:cat_id-0:site-0:start-0:on_page-3:description:button-cart:lazy-0:bestseller:sale]

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

:cat_id- - ID kategorii katalogu publicznego Hotlist.biz (wyświetlane będą tylko produkty z tej kategorii katalogu publicznego)
:pers_cat_id- - ID kategorii (wyświetlą się tylko produkty z tej kategorii w Twoim katalogu). Możliwych jest kilka wartości oddzielonych przecinkami.
:subcategoriesproduct - Pokaż produkty z podkategorii.
:site- - ID Twojej witryny, ale wewnątrz Twojej witryny nie możesz go używać
:producer- - ID producenta (wyświetlą się tylko produkty z tej kategorii producentów, Twój katalog. Możliwych jest kilka wartości oddzielonych przecinkami.
:producer_country- - kraj produkcji (wyświetlone zostaną tylko produkty z tego kraju produkcji. Wartość tekstowa).
:collection- - ID kolekcji (wyświetlą się tylko produkty z tej kategorii - kolekcja, Twój katalog). Możliwych jest kilka wartości oddzielonych przecinkami.
:product_type- - ID typu produktu (wyświetlą się tylko produkty określonego typu. Możliwych jest kilka wartości oddzielonych przecinkami.
:on_page- - Liczba produktów wyświetlanych w sliderze, zalecana liczba - 3
:start- - początkowa strona slidera, numer od którego ma się zacząć przeglądanie produktów. Przykładowo, jeżeli na stronie wyświetlanych jest 6 produktów, a numerem startowym jest 2, to zostaną wyświetlone produkty od 6 do 12.
:button-cart - Pokaż przycisk Dodaj do koszyka
:button-compare - Pokaż przycisk porównania
:description - Pokaż krótki opis produktu
:rating-stars - Pokaż ocenę w gwiazdkach
:favorite-icon - Pokaż ikonę Dodaj do ulubionych
:variety - Pokaż różnorodność (tylko dla płatnego hostingu)
:random - Pokaż bez zamawiania według identyfikatora
:one - Przewiń tylko jeden produkt
:bestseller - Pokaż tylko Bestsellery
:discount - Pokaż tylko produkty przecenione
:sale - Pokaż tylko artykuły promocyjne
:stock- - Dostępność (wskazać tylko określony stan dostępności)
:new-products - Pokaż tylko produkty oznaczone jako Nowe
:reduced-price - Pokaż tylko produkty oznaczone jako Cena obniżona
:recently-viewed-products - Ostatnio wyświetlane produkty
:favorite-products - Polecane produkty
:search- - zapytanie wyszukiwania (wyszukiwanie tekstowe produktów) [można doprecyzować poprzez oddzielenie symbolu «~» - jest równoznaczne z wyjaśnieniem «И»] lub [prawdopodobnie udoskonalenie rozdzielone znakami «||» - jest równoznaczne z wyjaśnieniem «LUB»]
:products_id- - id produktu (oddzielone przecinkami, bez spacji)
:lang- - język wyświetlanych artykułów (jeśli nie zostanie określony, użyty zostanie język otwieranej strony)
:products_synonyms- - towary Synonimy (słowo jest synonimem )
:lazy - szybsze ładowanie obrazu. 0 — wł., 1 — wył. Domyślnie używana jest wartość z ogólnych ustawień sklepu, jeśli parametr lazy nie jest określony
:order_by- - Sortowanie. 0 — Według identyfikatora produktu, 4 — Według nazwy, 5 — Według priorytetu, 1 — Według daty, 2 — Według ceny
:sort_by- - Sortowanie. ASC — rosnąco, DESC — malejąco
:price_from- - Cena od
:price_to- - Cena do
:repeat - powtórz slajdy po zakończeniu listy produktów
:auto_width - Automatyczna szerokość (liczba wyświetlanych kart jest różna)

:append - dodaj nowe dane na końcu Styl CSS podczas używania parametru append ↓

Aby przycisk dodawania pozostałych produktów z listy wyświetlał się na dole, musisz dodać następujący styl css. #product_list - ID bloku z towarami.

Code: CSS

 #product_list #product_list .hotengine-shop-products-list-div-append .hotengine-shop-products-list-div-button-right:after{ content:'\2026'; color:#b5b5b5; font-family:Arial, Helvetica, sans-serif;}

#product_list .hotengine-shop-products-list-div-button-left {
    display: none!important;
}

:carousel - eksperymentalna funkcja karuzeli sów, przewijanie z obsługą przesuwania dotykowego *Zmień ustawienia ↓

Domyślny rozmiar okna jest określany przez Javascript.
Możesz określić wiele dodatkowych parametrów, których lista jest dostępna pod tym linkiem: Docs Options.
Aby ustawić parametr, użyj szablonu:
:carousel-autoplayTimeout-1000
:carousel-autoplaySpeed-5000
:carousel-autoplay-true
i tak dalej (:karuzela-PARAMETR-WARTOŚĆ).

Alternatywnie opcję można określić za pomocą JavaScript атрибута carousel-...
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 z kodem [MENU...] i dodaj go do bloku .hotengine-shop-products-list-div-append class hotengine-shop-products-list-carousel.
Пример:

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"); //добавить 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 produktów (bez stylów javscript i css, które musisz wcześniej wstawić).
Ta opcja jest przydatna, jeśli chcesz nadać styl własnemu suwakowi. W takim przypadku musisz wstawić JavaScript, kod CSS i krótki kod [MENU...]
:id- - powiąż ID z głównym DIV. Może służyć do dostosowywania obszaru suwaka

2)Możesz ręcznie wstawić wygenerowany kod menu. Aby to zrobić, utwórz Block/Menu, umieszczony na górze lub na dole i wklej kod w nim napisane poniżej. Kod można również umieścić wewnątrz strony. Wszystkie pola muszą być wypełnione.

Domyślnie ten styl JavaScript i CSS jest już wbudowany w standardowy zestaw funkcji Twojego sklepu. Możesz ponownie wstawić kod tylko wtedy, gdy musisz zmienić jego projekt lub funkcjonalność. Nie musisz tak po prostu ponownie wstawiać kodu JavaScript i stylu CSS.

Ajax ładuje listę produktów:
Generator bloków produktów można załadować za pomocą żądania GET/POST/AJAX. Aby to zrobić, musisz wysłać zapytanie ze swojej witryny (twoja domena) na stronę «/ajax_get_list_shop.php». W żądaniu możesz określić dodatkowe właściwości wyświetlania produktów. Listę wszystkich możliwych wartości znajdziesz powyżej. Aby poprawnie wyświetlić styl listy produktów, należy dodać opakowanie HTML oraz elementy nadrzędne, a także przyciski przewijania/kontynuacji listy produktów (przewijanie do przodu/do tyłu). Przykład takiego opakowania i przekazywania parametrów pokazano pod linkiem - Przykład ładowania listy produktów i przekazywania parametrów przez AJAX/POST/GET.

Pokaż oddzielny kod menu
Lub wklej jako kod [MENU:shop_products_slider:pers_cat_id-0:cat_id-0:button-cart:lazy-0:repeat:site-0:start-0:on_page-3:description:bestseller:sale]
Pamiętaj, aby zastąpić cyfry 0 wartościami, których potrzebujesz.