Aktualizacje i nowości
Nowa funkcja: szybka instalacja łączonego sortowania produktów
Teraz możesz łączyć kilka kryteriów sortowania produktów — według ceny, nowości, promocji i innych parametrów, bez dodatkowych trudności podczas instalacji.
Aby włączyć tę funkcję, skorzystaj z gotowego rozwiązania poprzez Menu Funkcjonalne „Sortowanie produktów Combo”.
Możliwości łączonego sortowania:
- Sortowanie według ceny (rosnąco lub malejąco)
- Wyświetlanie nowości i produktów ze zniżką
- Wyróżnianie produktów promocyjnych i przecenionych
- Flaga „Dostępne na początku” dla priorytetu towarów w magazynie
- Listę opcji sortowania można dowolnie modyfikować
Nowe ustawienie: Wyświetlanie listy podkategorii
Do platformy Hotlist.biz dodano nową funkcję — możesz teraz kontrolować wyświetlanie podkategorii i określać ich liczbę.
To ustawienie można skonfigurować:
- 📂 W zakładce „Ustawienia ogólne” „Sklep → Kategorie”;
- 🛠️ Indywidualnie dla każdej kategorii sklepu.
Teraz możesz łatwo kontrolować liczbę podkategorii wyświetlanych użytkownikom, dzięki czemu interfejs Twojego sklepu będzie bardziej przyjazny dla użytkownika i atrakcyjny wizualnie.
Przykład: jeśli określisz 10, na stronie kategorii będzie wyświetlanych tylko 10 podkategorii, nawet jeśli jest ich więcej.
Użyj tego ustawienia, aby zoptymalizować wyświetlanie kategorii i ulepszyć nawigację w sklepie! 🌟
Dodano wyświetlanie obrazka w wariantach
Na stronie dodano nowy parametr wyświetlania obrazka dla wariantów produktów. Teraz przy wyborze wariantu produktu obok każdego punktu automatycznie wyświetla się odpowiednia miniatura, co sprawia, że proces wyboru jest bardziej czytelny i wygodny dla użytkowników.
Nowa funkcja: podział bloku produktów na dwie części (przy przeglądaniu listy produktów).
Dodaliśmy możliwość wyświetlania bloków produktów na liście w formie dwóch kolumn: obrazek z jednej strony, a tekst i dane z drugiej. Ten format pozwala tworzyć styl wyświetlania „Mosaic”.
Dostępne opcje:
- 0 – Wyłączone
- 1 – Włączone
- 2 – Włączone + Nagłówek nad obrazkiem
- 3 – Włączone + Nagłówek nad obrazkiem + Ikony nad obrazkiem
- 4 – Włączone + Ikony nad obrazkiem
Aby wyświetlać produkty w układzie szachownicy (Mosaic), dodaj w edytorze projektu, w zakładce „CSS Styles”, następujący kod:
.hotengine-shop-products-mosaic-sides .hotengine-shop-product-list-block:nth-child(even) {
flex-direction: row-reverse;
}
Ta nowość pozwala na bardziej elastyczne dostosowanie wyglądu bloków produktów i poprawia wizualną prezentację katalogu.
Nowa funkcja: wybór typu strony dla Schema.org
W panelu administratora pojawił się nowy parametr umożliwiający wybór typu strony dla Schema.org. Parametr jest dostępny tylko dla stron i artykułów.
Dzięki temu wyszukiwarki będą mogły lepiej rozpoznawać strukturę witryny i poprawnie indeksować treści.
Dostępne typy stron:
- WebPage – Strona ogólna. Używana dla dowolnej strony bez specyficznej treści.
- Article – Artykuł. Dla publikacji, wiadomości, postów na blogu.
- BlogPosting – Post na blogu. Dla stron z wpisami blogowymi.
- NewsArticle – Artykuł informacyjny. Dla treści newsowych.
- AboutPage* – Strona „O nas”. Wymaga ręcznego wypełnienia pól
headline
,author
, ewentualnieimage
. - ContactPage* – Strona kontaktowa. Warto dodać
headline
iauthor
. - CollectionPage* – Strona kolekcji produktów lub treści. Trzeba podać
headline
iauthor
. - ProfilePage* – Strona profilu użytkownika/autora. Wymaga
headline
iauthor
.
Przykład użycia w kodzie HTML:
<div id="page_content" itemscope itemtype="https://schema.org/WebPage">...</div>
Parametr można ustawić podczas tworzenia lub edycji strony czy artykułu.
Teraz w oknach popup dostępna jest nowa funkcjonalność:
- Atrybut
data-dialog-callback
pozwala wywołać dowolną funkcję użytkownika natychmiast po otwarciu okna. - Atrybut
data-dialog-button-callback
umożliwia dodanie wielu przycisków i przypisanie osobnej funkcji do każdego.
Więcej informacji — na stronie generatora okien popup.
Z radością przedstawiamy nową funkcjonalność dla sklepów. Teraz możesz łatwo dodać dodatkową kwotę do całkowitej ceny zamówienia w koszyku.
Za pomocą ukrytego pola «form_price_append» można uwzględniać różne dopłaty:
- napiwki;
- dodatkowe usługi;
- produkty ekskluzywne;
- inne ważne elementy, które należy dodać do całkowitej ceny.
Pole można utworzyć na dwa sposoby:
- Przez edytor formularzy w ustawieniach sklepu w zakładce „Dodaj pola do formularza zamówienia”.
- Programowo, przy użyciu skryptów, które dynamicznie zmieniają jego wartość (zalecane).
To upraszcza proces zarządzania dodatkowymi kwotami i zapewnia poprawne wyświetlanie całkowitej ceny dla użytkownika.
Przykład skryptu dodawania kwoty do całkowitej ceny zamówienia
Do API Commerce dodano pełne zarządzanie kategoriami, producentami i kolekcjami. Teraz możesz tworzyć, aktualizować i usuwać te elementy przez zabezpieczone żądania.
Szczegóły w instrukcji: https://hotlist.biz/pl/user_guide.html#hotengine-CommerceAPI
Szczegóły w instrukcji: https://hotlist.biz/pl/user_guide.html#hotengine-CommerceAPI
Dodano możliwość wyświetlania sąsiednich kategorii tego samego poziomu
- Opcję można włączyć indywidualnie dla każdej kategorii lub w ogólnych ustawieniach strony.
- Aby zmienić, przejdź do sekcji: Ustawienia → Sklep → Kategorie.
- Po włączeniu opcji element listy kategorii będzie miał klasę «
hotengine-categories-sibling-list
».
- Ustawienie można ustawić indywidualnie dla każdej kategorii lub w ogólnych ustawieniach strony.
- Aby zmienić, przejdź do sekcji: Ustawienia → Sklep → Kategorie.
- Po zmianie opcji wyświetlania dla głównego elementu listy kategorii «hotengine-categories-list» dodawana jest klasa «hotengine-categories-list-style-X», gdzie «X» odpowiada wybranemu stylowi wyświetlania.
- Lista dostępnych stylów wyświetlania:
- «Jak w ogólnych ustawieniach strony»
- «Standardowy (bloki z nazwą i obrazem)»
- «Skrócony (z obrazem) [jeśli są produkty w kategorii]»
- «Skrócony (tylko tytuł) [jeśli są produkty w kategorii]»
- «Skrócony (z obrazem)»
- «Skrócony (tylko tytuł)»
Dodano nową funkcję, która pozwala używać kilku wariantów jednocześnie i łączyć je w jeden z automatycznym przeliczaniem końcowej ceny.
Kombinacja tworzona jest z wybranych komponentów: tytuł i artykuł łączone są przez „+”, a cena jest obliczana dynamicznie na podstawie aktualnych cen wybranych wariantów.
Jeśli wśród komponentów znajduje się cena stała, jest ona przyjmowana jako baza, a do niej dodawane lub odejmowane są deltami („+” lub „-”).
Przykłady:
— =100 i +20 → końcowa cena =120.
— +10 i +15 → wynik +25 do podstawowej ceny produktu.
— =200, =150, +20 → wynik =220 - wybierana jest najwyższa cena wariantu.
Ograniczenia w wyświetlaniu i zachowaniu:
Wariant kombinowany traktowany jest jako jeden dla koszyka i przy zapisie zamówienia.
Funkcja pozwala tworzyć bardziej rozbudowaną i rozszerzoną hierarchię produktu, łącząc jednoczesny wybór koloru, wagi, rozmiaru i innych parametrów. Klient może wygodnie łączyć kilka cech w jednym wariancie, a system automatycznie przelicza końcową cenę na podstawie aktualnych wartości wybranych wariantów.
Dla jednego produktu można utworzyć do 50 różnych kombinacji, co zapewnia elastyczność wyboru bez przeciążenia interfejsu.
Kombinacja tworzona jest z wybranych komponentów: tytuł i artykuł łączone są przez „+”, a cena jest obliczana dynamicznie na podstawie aktualnych cen wybranych wariantów.
Jeśli wśród komponentów znajduje się cena stała, jest ona przyjmowana jako baza, a do niej dodawane lub odejmowane są deltami („+” lub „-”).
Przykłady:
— =100 i +20 → końcowa cena =120.
— +10 i +15 → wynik +25 do podstawowej ceny produktu.
— =200, =150, +20 → wynik =220 - wybierana jest najwyższa cena wariantu.
Ograniczenia w wyświetlaniu i zachowaniu:
- W przypadku wielu grup niektóre sposoby wyświetlania wariantów mogą być ograniczone.
- Każdy podwariant nie może mieć własnego przycisku „Dodaj do koszyka”.
Wariant kombinowany traktowany jest jako jeden dla koszyka i przy zapisie zamówienia.
Funkcja pozwala tworzyć bardziej rozbudowaną i rozszerzoną hierarchię produktu, łącząc jednoczesny wybór koloru, wagi, rozmiaru i innych parametrów. Klient może wygodnie łączyć kilka cech w jednym wariancie, a system automatycznie przelicza końcową cenę na podstawie aktualnych wartości wybranych wariantów.
Dla jednego produktu można utworzyć do 50 różnych kombinacji, co zapewnia elastyczność wyboru bez przeciążenia interfejsu.
Porównanie platform e-commerce: Hotlist.biz vs WooCommerce vs OpenCart
Wybór odpowiedniej platformy jest kluczem do sukcesu każdego sklepu internetowego. W tym przeglądzie przeprowadzimy szczegółowe porównanie trzech popularnych rozwiązań: platformy SaaS Hotlist.biz, wtyczki WooCommerce dla WordPress oraz OpenCart z otwartym kodem źródłowym. Przyjrzymy się ich funkcjonalności, unikalnym zaletom, rzeczywistym korzyściom i pomożemy określić, które rozwiązanie najlepiej pasuje do Twojego biznesu.
Pole do importu cech produktów zostało skrócone
Teraz przy imporcie cech produktów dostępne są dwa formaty:
- Format rozszerzony – każda cecha jest wprowadzana w osobnej komórce, co pozwala dokładniej określić wartości i zobaczyć wszystkie możliwe warianty.
- Format skrócony – wszystkie cechy są w jednej komórce. W takim przypadku należy wpisać typ produktu w pierwszym wierszu, a każdą cechę – w nowym wierszu.
Takie podejście upraszcza import i pozwala elastycznie pracować z różnymi typami produktów i ich cechami, zachowując poprawność danych w bazie.
Niemożliwe możliwe: jak osiągnęliśmy prawie 100% w Google PageSpeed
We współczesnym świecie internetu szybkość ładowania strony jest jednym z kluczowych czynników sukcesu. Niedawno udało nam się dokonać prawdziwego przełomu i podnieść wyniki Google PageSpeed do prawie 100% we wszystkich najważniejszych metrykach! To rezultat kompleksowej i dokładnej optymalizacji, w którą włożyliśmy maksimum wiedzy i doświadczenia.
https://pagespeed.web.dev/analysis?url=https%3A%2F%2Fhotlist.biz%2Fru%2F
Co pomogło osiągnąć taki rezultat?
1. Optymalizacja ładowania skryptów i stylów
Wdrożyliśmy opóźnione ładowanie JavaScript i CSS, tak aby krytyczne zasoby potrzebne do renderowania strony ładowały się w pierwszej kolejności, a pozostałe — asynchronicznie i tylko wtedy, gdy są potrzebne. Większość skryptów na platformie ładuje się bezpośrednio podczas interakcji użytkownika. Dzięki temu użytkownicy widzą zawartość natychmiast, a przeglądarka nie jest blokowana dodatkowymi wywołaniami.
2. Kompresja i minimalizacja danych
Wszystkie skrypty, style i obrazy zostały maksymalnie skompresowane i zoptymalizowane. Wykorzystanie nowoczesnych formatów obrazów WebP/SVG oraz minifikacja CSS i JavaScript znacznie zmniejszyły całkowitą ilość ładowanych danych.
3. Efektywne cache'owanie i CDN
Skonfigurowaliśmy cache na serwerze i użyliśmy sieci dostarczania treści (CDN), co pozwoliło dostarczać pliki bliżej użytkowników i zmniejszyć czas odpowiedzi serwera.
4. Inteligentna praca z obrazami
Dla wszystkich obrazów wdrożono adaptacyjne ładowanie — różne rozmiary i formaty dla różnych urządzeń i rozdzielczości. Stosujemy techniki lazy loading, które pozwalają nie ładować obrazów, dopóki użytkownik do nich nie dotrze.
5. Optymalizacja czcionek
Podłączenie czcionek wykonano z parametrem font-display: swap, co skraca czas wyświetlania tekstu bez opóźnień związanych z ładowaniem czcionek.
6. Poprawa renderowania i DOM
Zmniejszyliśmy ilość zbędnych elementów, zoptymalizowaliśmy strukturę HTML, usunęliśmy niepotrzebne przerysowania i powtórne obliczenia styli, co pozwoliło przyspieszyć pierwsze renderowanie i uczynić interfejs responsywnym.
Wszystkie te działania pozwoliły nam praktycznie osiągnąć maksymalne wyniki w Google PageSpeed Insights — co oznacza, że strona ładuje się szybko, płynnie i wygodnie na wszystkich urządzeniach i sieciach.
Niemożliwe stało się możliwe dzięki dbałości o szczegóły i kompleksowemu podejściu do optymalizacji. Otwiera to nowe horyzonty dla poprawy doświadczenia użytkownika i zwiększenia konwersji.
Wszystkie te korzyści otrzymasz, jeśli wybierzesz platformę Hotlist.biz do tworzenia stron i sklepów internetowych.
Dodano strony producentów według krajów
Na platformie Hotlist.biz pojawiła się nowa strona z listą krajów producentów. Teraz odwiedzający Twoje sklepy internetowe mogą szybko wyszukiwać produkty według kraju ich pochodzenia.
Dodatkowo w karcie produktu nazwa kraju producenta stała się aktywnym linkiem. Klikając w niego, przejdziesz na stronę z wszystkimi produktami z tego samego kraju, co wybrany produkt.
Ta aktualizacja sprawi, że wyszukiwanie i wybór produktów będzie jeszcze wygodniejsze oraz pomoże szybciej znaleźć towary o pożądanym pochodzeniu.
Na platformę Hotlist.biz dodano Price Range Swiper — suwak wyboru zakresu cen w filtrze wyszukiwania
Na platformę Hotlist.biz dodano Price Range Swiper — suwak wyboru zakresu cen w filtrze wyszukiwania. Teraz użytkownicy mogą wygodnie ustawiać minimalną i maksymalną cenę za pomocą suwaków „Od” i „Do”, które wyświetlane są nad formularzem wyszukiwania. To poprawia wygodę i precyzję dopasowania produktów według ceny.
Aby zainstalować ten kod, wykonaj następujące kroki:
- Przejdź do sekcji „Strony” → „Widżety HTML”.
- W punkcie „Price range swiper - Suwak wyboru zakresu cen w filtrze wyszukiwania” skopiuj kod JavaScript.
- Utwórz blok menu i wklej do niego skopiowany kod.
- Zaznacz opcję „JavaScript / CSS style”.
- W pojawiającym się polu parametrów wybierz „Javascript - async”.
Aby podłączyć style:
- Skopiuj styl CSS ze strony instrukcji tworzenia „Price Range Swiper”.
- Wklej go w edytorze designu na zakładce „Style CSS”.
Kod jest dostępny pod linkiem: #Price_range_swiper
Aktualizacja wydajności strony: optymalizacja JavaScript i opóźnione ładowanie
Przeprowadziliśmy szeroką optymalizację JavaScript na stronie w celu zwiększenia szybkości ładowania i poprawy doświadczenia użytkownika. Teraz większość bibliotek ładuje się opóźnione — tylko wtedy, gdy jest to naprawdę konieczne.
Wszystkie skrypty zostały przeniesione do osobnych plików i ładowane wyłącznie na stronach, gdzie są używane lub gdy użytkownik wchodzi w interakcję z odpowiednimi elementami.
W efekcie poprawiono działanie następujących funkcji:
- Przewijanie towarów i artykułów
- Zmiana ilości towarów podczas dodawania do koszyka
- Interakcja z wariantami towarów
- Dodawanie towarów do ulubionych
- Wyświetlanie i ukrywanie wypełnionych wartości w filtrze wyszukiwania
- Menu mobilne
- Skrypt menu slide
- I inne...
Ta aktualizacja znacznie przyspiesza ładowanie stron i sprawia, że korzystanie ze strony jest bardziej płynne i komfortowe. Dziękujemy, że wybierasz nas!
Dodano obsługę plików CSS w blokach/menu.
Teraz na Hotlist.biz możesz tworzyć nie tylko cache’owane pliki JavaScript, ale także pliki stylów CSS — bezpośrednio w treści bloków/menu.
Co to daje:
Aby utworzyć plik CSS, ustaw parametr bloku/menu na CSS.
Wstaw swój styl CSS do treści bloku/menu i wskaż strony, na których ma być używany.
Teraz na Hotlist.biz możesz tworzyć nie tylko cache’owane pliki JavaScript, ale także pliki stylów CSS — bezpośrednio w treści bloków/menu.
Co to daje:
- 🔧 Możliwość dodania własnych stylów tylko na wybranych stronach;
- 📁 Style są przechowywane w oddzielnym pliku z cache, a nie w kodzie strony;
- ⚡ Zapewnia czyste i szybkie ładowanie stron bez osadzonego CSS.
Aby utworzyć plik CSS, ustaw parametr bloku/menu na CSS.
Wstaw swój styl CSS do treści bloku/menu i wskaż strony, na których ma być używany.
Aktualizacja analityki: ulepszone sygnały dla Google Tag Manager i GA4
Do systemu dodano zaktualizowane sygnały i zdarzenia dla Google Tag Manager oraz Google Analytics 4 (GA4).
Konfiguracja została dostosowana do wymagań GA4 – dla maksymalnej zgodności z nowoczesnymi raportami i automatycznego śledzenia konwersji. Obsługa przestarzałej wersji Google Analytics Universal została całkowicie wycofana.
Dodano specjalny styl CSS poprawiający wygląd tabeli koszyka na urządzeniach mobilnych oraz ekranach o szerokości mniejszej niż 450 pikseli. Styl jest ładowany wyłącznie na stronie koszyka i nie wpływa na inne sekcje witryny. Dzięki temu korzystanie z koszyka na smartfonach i małych ekranach jest bardziej wygodne i czytelne.
Teraz Hotlist.biz ma zaimplementowaną możliwość asynchronicznego importu produktów — oznacza to, że możesz przesyłać duże ilości danych bez odświeżania strony i bez tymczasowego wyłączania witryny dla Ciebie.
🔹 Wcześniej: podczas importu strona stawała się tymczasowo niedostępna dla administratora, dopóki cały proces nie został zakończony. Było to niewygodne — zwłaszcza przy dużej liczbie produktów.
🔹 Teraz: możesz kontynuować pracę z witryną, podczas gdy import odbywa się w tle. Proces importu nie blokuje już interfejsu, a wiersze z pliku są przetwarzane i wyświetlane w czasie rzeczywistym bezpośrednio na ekranie.
💡 Na przykład, podczas przesyłania 5000 produktów, z których każdy zawiera dziesiątki zdjęć, czas przetwarzania może zająć dziesiątki minut. Asynchroniczny import całkowicie rozwiązuje ten problem — witryna pozostaje dostępna, a Ty widzisz postęp.
🔹 Wcześniej: podczas importu strona stawała się tymczasowo niedostępna dla administratora, dopóki cały proces nie został zakończony. Było to niewygodne — zwłaszcza przy dużej liczbie produktów.
🔹 Teraz: możesz kontynuować pracę z witryną, podczas gdy import odbywa się w tle. Proces importu nie blokuje już interfejsu, a wiersze z pliku są przetwarzane i wyświetlane w czasie rzeczywistym bezpośrednio na ekranie.
💡 Na przykład, podczas przesyłania 5000 produktów, z których każdy zawiera dziesiątki zdjęć, czas przetwarzania może zająć dziesiątki minut. Asynchroniczny import całkowicie rozwiązuje ten problem — witryna pozostaje dostępna, a Ty widzisz postęp.
Możesz włączyć opcję „Asynchroniczny import”, aby przesyłać duże ilości danych w tle.
Zalety:
- Import odbywa się w tle — możesz kontynuować pracę z witryną podczas przetwarzania.
- Przeglądarka nie jest przeciążona, a Ty widzisz postęp w czasie rzeczywistym.
Ważne:
- Jeśli nie używasz trybu asynchronicznego, witryna stanie się tymczasowo niedostępna specjalnie dla Ciebie podczas importu. Jednak dla innych użytkowników będzie działać normalnie.
- Podczas asynchronicznego importu szczegółowy dziennik dla każdego produktu nie jest dostępny — nie zobaczysz, które konkretne pola zostały zmienione dla każdego elementu w czasie rzeczywistym.
- Po zakończeniu importu dostępny będzie krótki raport podsumowujący z listą zaktualizowanych, pominiętych, usuniętych i problematycznych produktów i wariantów.
Historia jest dostępna w punktach — „Pokaż wynik poprzedniego importu” lub „Poprzedni proces importu”.
System zawiera API Commerce, które pozwala: pobierać statystyki zamówień, dodawać, aktualizować i usuwać zamówienia, przeglądać i zarządzać kategoriami, producentami, kolekcjami i produktami. Wszystko to jest dostępne przez zabezpieczone żądania.
Możliwe jest masowe dodawanie lub aktualizacja produktów, kategorii, producentów i kolekcji, w tym cech i wariantów.
Szczegóły w instrukcji: https://hotlist.biz/pl/user_guide.html#hotengine-CommerceAPI
Możliwe jest masowe dodawanie lub aktualizacja produktów, kategorii, producentów i kolekcji, w tym cech i wariantów.
Szczegóły w instrukcji: https://hotlist.biz/pl/user_guide.html#hotengine-CommerceAPI