Aktualizacje i nowości

Na Hotlist.biz zaktualizowano edytor TinyMCE 8 oraz inne wtyczki systemowe

Te aktualizacje to kolejny krok w stronę maksymalnie szybkiego i nowoczesnego Hotlist.biz. Kontynuujemy optymalizację kodu, czyniąc platformę lżejszą i bardziej zaawansowaną technologicznie.

Na platformie Hotlist.biz jQuery FlexSlider został zastąpiony czystym JavaScript

Na Hotlist.biz slider został przeniesiony na własny komponent programowy — HotengineSwiper. To rozwiązanie zastąpiło przestarzały jQuery FlexSlider w ramach strategii całkowitej rezygnacji z ciężkich zewnętrznych zależności.

Kluczowe zalety HotengineSwiper:

• Wydajność: Brak zależności od jQuery pozwolił skrócić czas inicjalizacji skryptu i zmniejszyć całkowity rozmiar strony.
• Lepszy UX: Komponent został napisany w Vanilla JS z wykorzystaniem nowoczesnych Pointer Events, co zapewnia stabilny interfejs dotykowy i płynne gesty na urządzeniach mobilnych.
• Optymalizacja ładowania: Wdrożono natywne wsparcie Lazy Load oraz dynamiczne przeliczanie wysokości kontenera, co zapobiega „skokom” układu i oszczędza transfer.
• Efektywność SEO: Czysty kod i wysoka szybkość renderowania slajdów bezpośrednio poprawiają wskaźniki Core Web Vitals, co ma kluczowe znaczenie dla pozycjonowania.

HotengineSwiper to szybsze, lżejsze i bardziej funkcjonalne narzędzie, dostosowane do nowoczesnych standardów tworzenia stron internetowych oraz wymagań wyszukiwarek.

Przejście z Jquery jGrowl na własny moduł hotengine_notify

W ramach strategii zwiększania wydajności dokonano pełnej zamiany JQuery jGrowl na czysty JavaScript.

Nowy moduł hotengine_notify to nasze własne rozwiązanie, które w pełni zachowuje znaną logikę powiadomień, ale eliminuje projekt z nadmiarowych zależności i ciężkich bibliotek.

Co się zmieniło?

• Szybkość: Brak JQuery sprawia, że inicjalizacja powiadomień jest natychmiastowa.
• Waga: Kod modułu został skrócony wielokrotnie w porównaniu z oryginalnym pluginem.
• Natywność: Pełna obsługa nowoczesnych standardów ES6+.

hotengine_notify('Zmiany zapisane pomyślnie');

hotengine_notify('Błąd dostępu do sekcji', { 
    header: 'Przerwanie systemowe', 
    theme: 'error', 
    sticky: true 
});

Aktualizacja globalnych skryptów i przejście na czysty JavaScript

W ramach globalnej aktualizacji wszystkie główne skrypty stron platformy Hotlist.biz zostały przepisane tak, aby działać praktycznie bez użycia biblioteki jQuery.

Zalety tego podejścia:

• Zmniejszenie wagi strony: brak konieczności ładowania całej biblioteki jQuery, co zmniejsza rozmiar skryptów i przyspiesza wyświetlanie stron.
• Wyższa wydajność: natywny JavaScript działa szybciej, szczególnie na urządzeniach mobilnych i słabszych przeglądarkach.
• Kontrola zależności: każdy skrypt jest ładowany tylko wtedy, gdy jest potrzebny.
• Elastyczność i skalowalność: kod można łatwo dostosować do nowych funkcji bez powiązania z konkretną wersją jQuery.

Aktualna implementacja:

• W panelu administracyjnym jQuery nadal jest ładowane automatycznie w celu obsługi starszych wtyczek.
• Na frontendzie strony mogą teraz w pełni działać na czystym JavaScript.
• Wszystkie biblioteki i dodatkowe skrypty są ładowane dynamicznie, w locie, pod konkretne potrzeby użytkownika, bez wstępnego ładowania dużych plików.

Główne aktualizacje:

• Okna modalne i kreator formularzy zostały całkowicie przepisane na natywny JS.
• Widgety produktów: slider produktów, tryb przesuwania, przewijanie palcem oraz dynamiczne ładowanie treści podczas scrollowania.
• Menu: zaktualizowane skrypty głównego menu oraz prostego menu mobilnego.
• Zaktualizowano skrypty sortowania produktów.
• Koszyk i dodawanie produktów:
  • Zaktualizowano moduł dodawania produktów do koszyka.
  • Zaktualizowano spinner i przełącznik ilości produktów dodawanych do koszyka.
  • Zaktualizowano skrypt wyświetlania wariantów produktów na listach oraz podczas edycji za pomocą myszy.
  • Zaktualizowano skrypt wyświetlania produktów dodanych do koszyka (okno podglądu po najechaniu kursorem na ikonę koszyka).
• Zapytania AJAX zostały całkowicie przepisane na standardowy JavaScript do ładowania stron, produktów, artykułów, formularzy i komentarzy.

Plany na przyszłość:

• Stopniowe przejście do w pełni modułowej architektury bez jQuery, przy jednoczesnym zachowaniu kompatybilności z interfejsem administracyjnym.
• Ze względu na to, że wielu użytkowników korzysta z własnych skryptów opartych na jQuery, zostanie wprowadzona globalna opcja umożliwiająca podłączenie biblioteki do strony w razie potrzeby.

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.