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ą»

Nowy JavaScript do dynamicznego tworzenia „Widgetu z produktami”

Na stronie Hotlist.biz dodano JavaScript, który umożliwia dynamiczne tworzenie „Widgetów z produktami” — bez konieczności ręcznego dodawania standardowego widżetu.
Teraz można w locie ładować listy produktów, stosować parametry wyświetlania, dostosowywać style, umieszczać bloki w wybranych częściach strony lub w oknie popup, a także dodawać funkcje interaktywne.
Plik skryptu: /templates/scripts/hotengine-scripts-additional/hotengine-shop-products-list-generated.js

Szczegółowa instrukcja użycia: https://hotlist.biz/ru/scripts_guide.html#faq_shop_catalog_page_getproducts_list

Dzięki temu skryptowi można szybko utworzyć dynamiczne wyświetlanie produktów, wykorzystując parametry „Widgetu z produktami” — określając style, limity, filtry kategorii i inne ustawienia.

Przykłady wyglądu i prezentacji można zobaczyć tutaj: https://blog.hotlist.biz/pl/blog/instructions_pl/15054.htm

Skrypt symuluje działanie standardowego „Widgetu z produktami”, zapewniając pełną zgodność ze zdarzeniami i mechanizmami Hotlist — w tym przewijanie, stylizację i sposoby prezentacji produktów.

---

Przykład nr 1 — Produkty powiązane w koszyku („Często kupowane razem”)

Za pomocą tego skryptu można utworzyć blok „Często kupowane razem”, który automatycznie ładuje produkty powiązane z pozycjami znajdującymi się w koszyku klienta. To skuteczne narzędzie zwiększające średnią wartość zamówienia i zaangażowanie klientów.

Instrukcja i przykład konfiguracji:
https://hotlist.biz/ru/scripts_guide.html#faq_shop_catalog_page_cart_bought_with

Blok można ładować zarówno w **oknie popup**, jak i **w treści strony** — można również określić, **po którym elemencie** lub **zamiast którego elementu** ma zostać wyświetlony.

---

Przykład nr 2 — Produkty powiązane po dodaniu do koszyka

Zaimplementowano również przykład integracji z **funkcją Callback po dodaniu produktu do koszyka**: https://hotlist.biz/ru/scripts_guide.html#faq_callback_hotengine_cart_plus_after

Po wywołaniu zdarzenia `hotengine_cart_plus_after` (dodanie produktu do koszyka) automatycznie otwiera się okno popup, w którym wyświetlane są produkty powiązane — przy użyciu tego samego skryptu hotengine-shop-products-list-generated.js.

Takie rozwiązanie pozwala łączyć różne scenariusze interakcji z użytkownikiem — prezentując odpowiednie produkty dokładnie w momencie, gdy klient jest gotowy do zakupu, co zwiększa skuteczność sklepu.

Na platformie Hotlist.biz dodano zarządzanie blokami z dodatkowymi produktami

W systemie jest teraz dostępne pełne zarządzanie blokami produktów dodatkowych, co umożliwia elastyczne dostosowanie ich wyglądu i działania bezpośrednio z panelu administratora.

Blok «Z produktem kupują» — Produkty powiązane

Dla bloku produktów powiązanych dodano nowe opcje wyświetlania. Teraz można wybrać jeden z poniższych formatów:

• Standardowa lista — z możliwością doładowania produktów po kliknięciu przycisku «Показать ещё».
• Standardowy slider — klasyczny format przewijania produktów za pomocą strzałek.
• Slider z efektem swipe — nowoczesny sposób przewijania produktów za pomocą myszy lub dotyku.
• Tryb scroll — nowy wygodny format z poziomym przewijaniem i doładowywaniem produktów w obrębie bloku bez zmiany jego szerokości (produkty w jednym rzędzie).

Dodatkowo dla wszystkich trybów oprócz pierwszego (Standardowa lista z przyciskiem) można włączyć opcję «Автоширина» — produkty automatycznie dopasowują się do dostępnej przestrzeni. Można także ustawić liczbę produktów wyświetlanych początkowo (domyślnie — 20).

Dolny blok — inne produkty z kategorii

Dla dolnego bloku dostępna jest teraz elastyczna konfiguracja efektów wyświetlania. Można włączyć wszystkie tryby oprócz Standardowej listy z przyciskiem «Показать ещё». Dodano również możliwość aktywacji efektu przewijania.

Podczas korzystania z trybu scroll można włączyć paginację, w której ustawia się:

• Początkową liczbę punktów — liczbę stron wyświetlanych przy ładowaniu bloku.
• Liczbę dodawanych punktów — punkty przewijania pojawiające się po przesunięciu produktów do przodu. Na przykład, jeśli użytkownik przewinie 6 razy do przodu i produkty są dostępne, pojawi się 6 punktów nawigacyjnych.

Nowe ustawienia pozwalają tworzyć nowoczesny, dynamiczny i wygodny interfejs witryny, zwiększając zaangażowanie i konwersję użytkowników.

Nowa funkcja w widżecie produktów — paginacja

Z radością informujemy o nowej funkcji w widżecie wyświetlania produktów — paginacja. Teraz możesz zarządzać wyświetlaniem bloków produktów za pomocą kropek, które pokazują bieżącą stronę i umożliwiają szybkie przechodzenie między stronami.

Jak to działa

• Jeżeli paginacja nie jest określona, kropki są wyłączone, a blok działa jak wcześniej.
• Jeżeli podano jedną lub dwie liczby oddzielone przecinkiem, paginacja jest włączona:
  • Pierwsza liczba — domyślna liczba kropek;
  • Druga liczba — maksymalna liczba kropek dodawanych przy ładowaniu kolejnych produktów.

Przykład parametru

:scroll-768x8x64x3,3

• 768 — minimalna szerokość ekranu, przy której funkcja jest aktywowana;
• 8 — liczba produktów ładowanych na jedno przewinięcie;
• 64 — maksymalna łączna liczba produktów (0 — bez ograniczeń);
• 3 — domyślna liczba kropek w paginacji;
• 3 — maksymalna liczba kropek dodawanych przy ładowaniu dodatkowych produktów (można pozostawić puste, jeśli nie jest potrzebne).

Użytkowanie

1. Parametr można ustawić podczas tworzenia widżetu produktów.
2. Paginacja działa tylko w trybie scroll.
3. Jeżeli podano parametry :append lub :carousel, paginacja nie będzie aktywna.
4. Na urządzeniach mobilnych funkcja wygodnie imituje Swipe i nie zajmuje dodatkowego miejsca.

Zaktualizowano sposób automatycznej zamiany przy imporcie produktów

Na Hotlist.biz zaktualizowano mechanizm automatycznej zamiany przy imporcie produktów. Teraz możesz bardziej elastycznie zarządzać zamianą danych podczas importu.

Co nowego:

• Możliwość rozdzielania pól według typu do zamiany.
• Obsługa wielu typów automatycznej zamiany jednocześnie.
• Prosta integracja z istniejącymi ustawieniami importu.
• Masowe dodawanie wartości (można wkleić z Excela).
• Zaktualizowany interfejs do zarządzania zamianami w tabeli produktów.

Zalety:

• Oszczędność czasu przy przygotowywaniu danych do importu.
• Mniej błędów przy masowej aktualizacji produktów.
• Elastyczne ustawienia automatycznej zamiany dla różnych kategorii, producentów i atrybutów.

Aktualizacja jest już dostępna dla wszystkich użytkowników. Aby skorzystać z nowych możliwości, przejdź do sekcji importu produktów i ustaw automatyczną zamianę zgodnie z nowymi zasadami.

Rozszerzona demonstracja „Widżetu z produktami”

Z przyjemnością informujemy, że dostępna jest teraz rozszerzona demonstracja działania „Widżetu z produktami”! Możesz szczegółowo zapoznać się z funkcjami widżetu, zobaczyć różne warianty wyświetlania produktów i dostosować blok do swoich potrzeb.

Zapoznać się z demonstracją można pod linkiem: Rozszerzona demonstracja „Widżetu z produktami”

Funkcja Scroll dodana do widżetu produktów

Prezentujemy aktualizowany sposób wyświetlania produktów w widżetach sklepu — teraz standardowy blok listy produktów można zastąpić blokiem przewijania z efektem Swipe i automatycznym ładowaniem kolejnych produktów.

Jak działa nowa funkcja:

• Standardowy blok produktów zostaje zastąpiony blokiem przewijania (imitacja Swipe na urządzeniach mobilnych i wygodne przewijanie myszką na komputerze).
• Po osiągnięciu przedostatniego produktu, kolejne produkty są automatycznie ładowane bez przeładowania strony.
• Funkcja oszczędza miejsce na ekranie i sprawia, że przeglądanie produktów jest płynniejsze i wygodniejsze.

Konfiguracja bloku:

Blok produktów zostaje zastąpiony przy określonych parametrach, na przykład: :scroll-768x8x64, gdzie:

• 768 — minimalna szerokość ekranu, przy której funkcja zostaje aktywowana;
• 8 — liczba produktów ładowanych przy jednym pobraniu;
• 64 — maksymalna liczba produktów w bloku (0 — bez ograniczeń).

Zalecenia użytkowania:

• Włącz :auto_width — automatyczna szerokość, aby liczba wyświetlanych kart dopasowywała się automatycznie do szerokości bloku.
• Włącz :swipe — efekt Swipe dla wygodnego przewijania palcem lub myszką.
• Włącz :scroll-768x8x64 — zamień standardowy widok na blok przewijania na urządzeniach mobilnych, aby oszczędzać miejsce i usunąć przyciski nawigacyjne.
• Włącz :lazy-0 — przyspieszone ładowanie obrazów produktów dla szybszego działania strony.

Korzyści dla użytkownika:

• Oszczędność miejsca na urządzeniach mobilnych.
• Płynne przewijanie produktów z automatycznym ładowaniem.
• Możliwość automatycznego dopasowania liczby kart do szerokości ekranu.
• Kompatybilność z istniejącymi stylami i skryptami widżetów.

Dzięki tej nowej funkcji Twoje widżety staną się jeszcze wygodniejsze i nowoczesne, a przeglądanie produktów będzie bardziej interaktywne i szybsze.

Dodano efekt swipe dla bloków produktów i artykułów.

Teraz w naszych widgetach produktów dostępny jest efekt swipe, który aktywuje się za pomocą kodu :touch w ustawieniach bloku.

• Przewijaj produkty palcem na urządzeniach mobilnych lub myszką na komputerze.
• Płynna animacja przewijania bez “zacinania” i przypadkowych aktywacji.
• Uwzględnia przyciski koszyka, ulubione, spinery i linki — swipe nie przeszkadza w ich używaniu.
• Podczas swipe wyłączane jest zaznaczanie tekstu i efekty hover dla wygody użytkowników.

Przykład:

templatedemo437544.hotlist.biz

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.

Dodano HTML-widżet: przykład bloku Mosaic z tekstem i obrazkiem

Ten kod pozwala wstawiać adaptacyjny blok z tekstem i obrazkiem w dowolnej części strony. Jeśli umieści się kilka takich bloków jeden pod drugim, automatycznie ułożą się w układzie szachownicy, tworząc efekt mozaiki.

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, ewentualnie image.
• ContactPage* – Strona kontaktowa. Warto dodać headline i author.
• CollectionPage* – Strona kolekcji produktów lub treści. Trzeba podać headline i author.
• ProfilePage* – Strona profilu użytkownika/autora. Wymaga headline i author.

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:

1. Przez edytor formularzy w ustawieniach sklepu w zakładce „Dodaj pola do formularza zamówienia”.
2. 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

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:

• 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.

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://hotlist.biz/pl/&strategy=desktop&form_factor=desktop

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.