Aktualizacje i nowości

Aktualizacja widżetu menu mobilnego na Hotlist.biz: całkowite usunięcie jQuery

Na platformie Hotlist.biz zaktualizowano widżet menu mobilnego. Główna zmiana polega na całkowitym usunięciu biblioteki jQuery. Teraz wszystkie elementy menu i funkcje interaktywne są realizowane w czystym JavaScript.

To rozwiązanie oferuje kilka kluczowych zalet:

• Szybsze ładowanie stron. Wcześniej menu czekało na załadowanie jQuery, co opóźniało wyświetlanie elementów na urządzeniach mobilnych. Przejście na natywny JavaScript eliminuje to oczekiwanie, dzięki czemu menu działa natychmiast.
• Całkowite usunięcie $.cookie. Biblioteka jQuery Cookie nie jest już używana do przechowywania ustawień użytkownika i stanu menu. Wszystkie ciasteczka i pamięć lokalna są obsługiwane standardowymi metodami JavaScript.
• Nowoczesne podejście do DOM. Otwieranie i zamykanie menu, przełączanie zakładek oraz obsługa zdarzeń są teraz realizowane za pomocą standardowych metod DOM API, co zwiększa stabilność i kompatybilność z różnymi urządzeniami i przeglądarkami.

W wyniku aktualizacji menu mobilne stało się szybsze, bardziej niezawodne i całkowicie niezależne od bibliotek zewnętrznych, co poprawia doświadczenie użytkownika i przyspiesza działanie strony na wszystkich urządzeniach.

Zaktualizowano biblioteki JavaScript na Hotlist.biz

Całkowicie zaktualizowaliśmy wszystkie biblioteki JavaScript na stronie, aby interfejs działał szybciej i stabilniej.

Główne zmiany:

• Nowa lekka galeria obrazów: zastąpiono Colorbox (16 KB) na SimpleLightbox (7 KB) – w pełni niezależna galeria JavaScript. Zmniejsza to obciążenie strony, przyspiesza ładowanie i sprawia, że galeria jest niezależna od frameworka jQuery.
• Całkowita wymiana przestarzałych metod zapytań: wszystkie wywołania $.ajax, $.get i $.post zostały zastąpione standardowym fetch API. Ta aktualizacja jest wymagana do przejścia na jQuery 4 oraz stopniowego uniezależniania się od tej biblioteki.

Zalety przejścia na fetch:

• Mniej zależności: jQuery nie jest już potrzebne do wykonywania asynchronicznych zapytań.
• Nowoczesny standard: fetch jest wbudowany w każdą nowoczesną przeglądarkę i obsługuje promises, co ułatwia przetwarzanie wyników i błędów.
• Wsparcie dla AbortController: łatwo wdrożyć limity czasowe i anulowanie zapytań, poprawiając responsywność interfejsu.
• Lepsza optymalizacja i szybkość: strony ładują się szybciej, ponieważ zmniejsza się ilość kodu i upraszcza przepływ danych między serwerem a klientem.

Te aktualizacje sprawiają, że Hotlist.biz działa szybciej, bardziej niezawodnie i wygodniej dla wszystkich użytkowników. Śledź nasze kolejne ulepszenia!

Ważna aktualizacja na Hotlist.biz: wszystkie strony teraz z SSL!

Miło nam poinformować, że wszystkie strony na platformie Hotlist.biz domyślnie działają teraz przez bezpieczne połączenie HTTPS. Każda strona otrzymuje certyfikat SSL, co zwiększa ochronę danych użytkowników i buduje zaufanie do Twojego zasobu.

Ta aktualizacja to ważny krok w zwiększeniu bezpieczeństwa i niezawodności stron na naszej platformie. Nie musisz podejmować żadnych dodatkowych działań — automatycznie skonfigurowaliśmy certyfikaty dla wszystkich domen i subdomen.

Teraz Twoi odwiedzający mogą być pewni, że ich dane są chronione, a wyszukiwarki traktują Twoją stronę jako bezpieczny i nowoczesny zasób.

Hotlist.biz nadal udoskonala platformę dla Twojej wygody i bezpieczeństwa!

Nowa opcja marż w eksportach reklamowych Hotlist.biz

W systemie Hotlist.biz dodano nową opcję zarządzania marżami w reklamowych eksportach XML (Google Merchant, Rozetka, Prom.ua, Epicentrk.ua i inne).

Teraz możesz elastycznie kontrolować, które marże będą stosowane podczas generowania eksportów, lub całkowicie je wyłączyć.

Dostępne możliwości

• całkowicie wyłączyć wszystkie marże i eksportować oryginalną cenę produktu;
• wyłączyć marże tylko dla wybranych platform reklamowych (Rozetka, Prom.ua, Epicentrk.ua);
• wyłączyć tylko marże formułowe, zachowując pozostałe zasady ustalania cen;
• używać standardowych marż bez zmian (tryb domyślny) — czyli te marże, które są wcześniej ustawione dla każdej kategorii w konkretnym eksporcie.

** — w Hotlist.biz możesz ustalać indywidualne zasady marż dla każdej kategorii i każdej platformy reklamowej osobno, np. dla Rozetka, Epicentrk.ua lub Prom.ua.

Pozwala to precyzyjnie dostosowywać ceny do wymagań konkretnych kanałów reklamowych, unikać zbędnych narzutów i zwiększać konkurencyjność ofert.

Nowa opcja jest już dostępna w ustawieniach eksportów reklamowych i nie wymaga dodatkowych prac.

Nowe położenie bloku menu

W Hotlist.biz dodano nowe położenie istniejącego bloku menu — w górnej części strony, ale pod drzewem kategorii.

To położenie jest przeznaczone dla elementów sterujących, które logicznie umieszczać bezpośrednio pod drzewem kategorii i przed główną listą produktów.

• sortowanie produktów
• dodatkowe opcje wyświetlania katalogu
• elementy nawigacyjne

Aktualizacja widgetów Hotlist.biz: nowe zasady ładowania skryptów

W Hotlist.biz wprowadzono ważną aktualizację dla wszystkich widgetów z produktami, kategoriami i producentami. Wcześniej parametr :htmlonly służył do wyłączenia ładowania skryptów i styli. Teraz został zastąpiony nowym parametrem :add-javascript, ale z odwrotną logiką.

Co to oznacza:

• Wcześniej :htmlonly wyłączał ładowanie skryptów (przydatne, jeśli chcesz zaimplementować własny skrypt rozwijanego menu, style lub inne funkcje).
• Teraz :add-javascript działa odwrotnie — przy jego użyciu skrypty i style są ładowane automatycznie.
• Wszystkie funkcje widgetów pozostały bez zmian, zmieniła się tylko logika włączania skryptów.

Ważne:

Na wszystkich stronach i we wszystkich blokach/menu, gdzie wcześniej używano widgetu bez parametru :htmlonly, został on automatycznie uzupełniony parametrem :add-javascript. Oznacza to, że skrypty widgetów są teraz ładowane poprawnie bez dodatkowej ręcznej konfiguracji.

Dodano system płatności Hutko (z obsługą wielu języków, walut i metod płatności).

Hotlst.biz poprawia ładowanie skryptów: odejście od $.getScript

Zespół Hotlst.biz zoptymalizował działanie JavaScript na platformie, zastępując $.getScript dynamicznym tworzeniem elementów <script> za pomocą czystego JavaScript.

Wcześniej skrypt ładowany był w ten sposób:

$(function(){
if ($(".hotengine-shop-products-add-count-spinner").length){
         if(typeof $hotengine_shop_product_count_spinner == "undefined"){
		        $.getScript("/templates/scripts/hotengine-script-shop-product-count-spinner.js?v33").fail(function(jqxhr, settings, exception) { console.error("Failed to load script: ", exception);
                });
		 }
} 
});

Teraz stosuje się inne podejście:

$(function(){
    if ($(".hotengine-shop-products-add-count-spinner").length){
        if (typeof $hotengine_shop_product_count_spinner == "undefined"){
            const s = document.createElement("script");
            s.async = true;
            s.src = "/templates/scripts/hotengine-script-shop-product-count-spinner.js?v34";
            s.onerror = (e) => { console.error(`Failed to load script: ${s.src}`, e); };
            document.head.appendChild(s);
        }
    }
});

Dlaczego jest to zalecane:

• Nie wymaga jQuery, mniej zależności.
• Kontrola nad ponownym ładowaniem: skrypt wstawiany jest tylko raz.
• Asynchroniczne ładowanie poprawia wydajność bez blokowania strony.
• Proste i przewidywalne obsługiwanie błędów przez onerror.
• Kod jest nowoczesny i kompatybilny z czystym JavaScript.

Dodano ładowanie wariantów produktów przez Ajax + JSON

W systemie zaimplementowano nowy sposób wyświetlania wariantów produktów na liście — ładowanie w locie z wykorzystaniem technologii Ajax i JSON. Pozwala to znacząco zmniejszyć obciążenie strony oraz przyspieszyć początkowe ładowanie strony.

Teraz warianty produktów mogą być ładowane dynamicznie: po kliknięciu przycisku «Kup» / «Wybierz» lub po najechaniu kursorem myszy. Takie podejście nie powoduje dodatkowego obciążenia serwera i jest optymalne dla większości sklepów z dużym asortymentem.

Ważne: dostępna jest również metoda płatna, w której warianty produktów są wyświetlane od razu na liście produktów. Opcja ta wymaga opłaty za rozszerzony eksport, ponieważ zwiększa obciążenie strony poprzez stałe ładowanie wszystkich wariantów.

Podczas korzystania z ładowania Ajax należy wziąć pod uwagę, że w sliderach produktowych oraz widżetach z dynamicznym przewijaniem mogą wystąpić trudności z poprawnym wyświetlaniem wariantów. Dlatego ten sposób zaleca się stosować przy standardowym przeglądaniu listy produktów, a nie wewnątrz sliderów ani widżetów produktowych.

Na Hotlist.biz dodano testowanie wysyłki wiadomości na Viber i Telegram

Teraz możesz przetestować wysyłkę powiadomień przez Viber i Telegram bezpośrednio z panelu zarządzania.
Pojawiła się również możliwość usuwania subskrybentów bez potrzeby zmiany klucza dostępu.

Nowa funkcja: konwersja obrazów do WebP

Na platformie SAAS Hotlist.biz dodano funkcję konwersji obrazów przy dodawaniu produktów do formatu WebP. Ten format zapewnia szybsze wyświetlanie i lepszą kompresję obrazów, co jest zalecane w celu optymalizacji szybkości strony.

Konwersja jest dostępna zarówno przy ręcznym dodawaniu produktów, jak i przy automatycznym imporcie. Aby włączyć konwersję, wystarczy zaznaczyć opcję «Konwertować do Webp» podczas przesyłania obrazów.

Teraz Twoje produkty będą ładować się w nowoczesnym formacie obrazów bez konieczności wcześniejszej konwersji plików, co przyspiesza działanie strony i zwiększa wygodę użytkowników.

W głównym menu pojawiła się możliwość wyboru producentów

Teraz w widżecie głównego menu dostępna jest nowa funkcja — rozwijana lista producentów. Pozwala to szybciej wybierać potrzebną markę i przechodzić bezpośrednio do jej produktów.

Dodano możliwość ustawiania małej ikony dla Kategorii, Producentów i Kolekcji sklepu

Oprócz dużych ikon (wyświetlanych wewnątrz strony po otwarciu kategorii) dodano obsługę małych ikon, które pojawiają się we wszystkich elementach menu — w menu głównym, listach rozwijanych oraz w menu mobilnym:

• Małe ikony z wbudowanej biblioteki — dostępne kolorowe oraz jednokolorowe (maskowane) SVG;
• Dla jednokolorowych SVG można ustawić własny kolor (przez CSS/atrybut lub panel ustawień);
• Możliwość dodania własnych plików ikon w formatach SVG, WEBP, PNG, JPG;

Dzięki temu każda kategoria, producent lub kolekcja może mieć widoczną małą ikonę w menu, co poprawia czytelność i ułatwia nawigację w sklepie.

Dodano możliwość ustawiania ikon w menu głównym

Teraz w menu głównym można dodawać ikony — dostępnych jest kilka opcji, aby łatwo dostosować wygląd i poprawić czytelność elementów menu:

• Ikony z wbudowanej biblioteki — dostępne są zarówno kolorowe, jak i jednokolorowe (maskowane) SVG;
• Dla jednokolorowych ikon SVG można ustawić własny kolor (przez CSS/atrybut lub w panelu ustawień);
• Obsługiwana jest również możliwość wgrywania własnych ikon w formatach SVG, WEBP, PNG, JPG;

Daje to dużą elastyczność: możesz używać gotowych ikon kolorowych, aby szybko uzyskać efekt, lub jednokolorowych SVG — jeśli zależy Ci na spójności i możliwości dopasowania koloru do motywu strony.

Dodano tryb Scroll w widżecie Kategorie i Producenci

Platforma otrzymała nowy poziomy tryb przewijania dla widżetów "Kategorie" i "Producenci". Tryb aktywuje się automatycznie, jeśli w widżecie podany jest parametr :scroll-9999, który określa maksymalną szerokość ekranu dla włączenia przewijania (jeśli rzeczywista szerokość ekranu jest mniejsza — tryb zostaje włączony).

Jeżeli szerokość ekranu jest mniejsza niż ustawiona:

• Widżet automatycznie przechodzi w tryb poziomego przewijania;
• Szerokość bloków kategorii/producentów obliczana jest z uwzględnieniem padding i margin we wszystkich kontenerach;
• Na komputerze działa drag-scroll;
• Jeżeli w parametrze podano drugi argument (:scroll-9999x3), włączana jest paginacja z określoną liczbą punktów (tutaj — 3).

Jeżeli szerokość ekranu jest większa niż ustawiona:

• Tryb Scroll jest całkowicie wyłączony;
• Układ wraca do standardowego wyświetlania;
• Paginacja (kropki) jest usuwana.

Jak włączyć tryb Scroll

1. W generatorze widżetów kategorii lub producentów podaj parametr:
   :scroll-9999 — szerokość ekranu, poniżej której włączone jest przewijanie.
2. W razie potrzeby dodaj liczbę punktów paginacji za pomocą drugiego parametru:
   :scroll-9999x3 — liczba „3” włącza paginację z trzema punktami.
3. Skrypt aktywuje się automatycznie po załadowaniu strony.

Przykład HTML (generowany automatycznie)

<div class="hotengine-categories-list"
     data-scroll-width="9999"
     data-scroll-pagination="3">
    ...
</div>

Po tym przewijanie i paginacja będą działały automatycznie, w zależności od szerokości ekranu i parametrów ustawionych w widżecie.

Dodano dodatkową ochronę przed spamem

Do systemu wysyłania wiadomości wprowadzono nowy poziom ochrony przed spamem. Teraz sprawdzanie odbywa się nie tylko na podstawie obecności linków, zabronionych słów i wyrażeń, ale także poprzez porównanie treści z wcześniej wysłanymi wiadomościami.

Jeśli system wykryje powtarzające się lub identyczne wiadomości, zostaną one automatycznie oznaczone jako spam. Pozwala to znacznie zwiększyć skuteczność filtrowania i zapobiegać masowym wysyłkom powtórek.

Dodano HTML Widget z zakładkami (całkowicie w HTML bez JavaScript)

Na platformie Hotlist.biz pojawił się nowy HTML Widget z zakładkami. Ten widget działa bez dodatkowych skryptów i pozwala organizować kilka zakładek w jednym bloku.

Każda zakładka może współpracować z widgetami produktów, zapewniając wygodny podgląd i nawigację.

Aktualizacja widżetu produktów: dynamiczny tryb «append»

W widżecie produktów tryb :append (dodawanie produktów na końcu listy po kliknięciu «Pokaż więcej») zyskał nową funkcję: blok produktów może automatycznie zmieniać sposób wyświetlania w zależności od szerokości ekranu.

Szczegóły:

• Na urządzeniach mobilnych i mniejszych ekranach blok może przełączać się w tryb scroll lub swipe z ograniczoną szerokością i przewijaniem produktów.
• Na większych ekranach standardowy tryb :append nadal działa, dodając produkty na końcu listy.

Tryb :append jest aktywowany przez parametry, np. :append-900x9999, gdzie:

• 900 — minimalna szerokość ekranu (w pikselach), od której funkcja jest aktywna;
• 9999 — maksymalna szerokość ekranu (opcjonalnie), do której funkcja działa.

Jeśli podany jest tylko pierwszy parametr, np. :append-900, funkcja będzie aktywna dla ekranów o szerokości od 900px wzwyż.

Tryb append stał się teraz bardziej elastyczny i przyjazny dla urządzeń mobilnych, zachowując wygodę dodawania produktów i wizualny układ widżetu.

Dodano funkcjonalny blok «Z produktem kupują»