Rozszerzenie Magento 2 Infinite Scroll – Instrukcja obsługi

1.0 Wprowadzenie

Nieskończone przewijanie ładuje zawartość strony internetowej w sposób ciągły, gdy użytkownik przewija stronę w dół. Zasadniczo nieskończone przewijanie to technika projektowania stron internetowych, która eliminuje paginację z witryny. Rozszerzenie Magento 2 Infinite Scroll Knowband robi to samo. Usuwa z witryny funkcję paginacji i przeładowywania strony oraz ułatwia nawigację odwiedzającym Twój sklep Magento, aby mogli przeglądać następny zestaw produktów bez ponownego ładowania strony internetowej.

1.1 Funkcje rozszerzenia szybkiego przewijania Magento 2:

  1. Rozszerzenie Magento 2 Infinite Scroll zastępuje system paginacji ze strony internetowej.
  2. Rozszerzenie Magento 2 fast scroll skraca czas ładowania strony.
  3. Administrator sklepu może włączyć lub wyłączyć moduł Magento 2 nieskończone przewijanie za pomocą jednego przycisku.
  4. Rozszerzenie Magento 2 Quick Scroll oferuje administratorowi opcję testowania piaskownicy. Po włączeniu tego sklepu administrator musi wprowadzić konkretny adres IP, aby przetestować moduł.
  5. Nieskończone przewijanie dla rozszerzenia Magento 2 zapewnia lepsze wrażenia użytkownika.
  6. Moduł szybkiego przewijania Magento 2 optymalizuje nawigację po stronie.
  7. Administrator może określić liczbę stron, po których zostanie wyświetlony komunikat „Wczytaj więcej”. Administrator sklepu może również dostosować prędkość ładowania.
  8. Administrator sklepu może wyświetlić komunikat o stronie końcowej po zakończeniu listy produktów.
  9. Rozszerzenie nieskończonego przewijania Magento 2 działa płynnie z widokami list, a także widokiem siatki.
  10. Administrator sklepu może ustawić kolor tła i kolor tekstu “ wiadomości końcowej ” i przejść do górnego linku.
  11. Moduł nieskończonego przewijania Magento2 oferuje administratorowi sklepu dodanie ustawienia selektora.
  12. Moduł nieskończonego przewijania Magento 2 jest mobilny.

2.0 Kroki instalacji nieskończonego przewijania dla rozszerzenia Magento 2:

Kroki instalacji rozszerzenia szybkiego przewijania Magento 2 są wymienione poniżej:

1. Kup Infinite scroll for Magento 2 od Knowband. Możesz pobrać pakiet rozszerzeń. 2. Pakiet zawiera spakowany plik, który zawiera instrukcję użytkownika i kod źródłowy rozszerzenia Magento 2 Infinite Scroll. Rozpakuj paczkę. 3. Utwórz folder {Magento root} / app / code / Knowband / Infinitescroll 4. Prześlij wyodrębnioną zawartość do powyższego folderu za pomocą menedżera FTP (np. Filezilla lub WinSCP – pobierz tutaj: https://filezilla-project.org/) . 5. Teraz uruchom poniższe polecenia, aby zainstalować rozszerzenie Magento 2 Infinite Scroll: php -f moduł bin / magento: włącz –clear-static-content Knowband_ Infinitescroll php -f bin / magento setup: upgrade php -f bin / magento setup: di: skompiluj konfigurację php bin / magento: static-content: wdróż php bin / magento cache: clean 6. Rozszerzenie jest teraz zainstalowane i gotowe do użycia. W panelu administracyjnym przejdź do „Rozszerzenia Knowband> Nieskończone przewijanie”. Możesz teraz skonfigurować i używać rozszerzenia Magento 2 Infinite Scroll.

3.0 Interfejs administratora

Rozszerzenie szybkiego przewijania Magento 2 oferuje następujące interfejsy do skonfigurowania:

interfejs administratora magento-2-infinte-scroll-scroll

  1. Ustawienia ogólne
  2. Ustawienia wyglądu i stylu
  3. Ustawienia selektora
  4. Ustawienia piaskownicy

Poniżej znajduje się szczegółowy opis każdego ustawienia:

Ustawienia ogólne 3.1

Z poziomu tej zakładki administrator sklepu może “ dostosować ogólne ” ustawienia modułu nieskończonego przewijania Magento 2.

  • Włącz rozszerzenie: Ta zakładka szybkiego przewijania Magento 2 włączy opcję nieskończonego przewijania. Administrator może w razie potrzeby włączyć / wyłączyć to rozszerzenie Magento.
  • Wyświetl komunikat na stronie końcowej: To pole rozszerzenia szybkiego przewijania Magento 2 pozwala administratorowi włączyć / wyłączyć komunikat, który byłby wyświetlany na końcu strony z listą produktów.
  • Komunikat na stronie końcowej: To pole rozszerzenia nieskończonego przewijania Magento 2 pozwala administratorowi ustawić tekst wiadomości na końcu strony, która będzie wyświetlana na końcu strony z listą produktów.
  • Wyświetl łącze do góry: Moduł nieskończonego przewijania Magento 2 pozwala administratorowi wyświetlić opcję „Przejdź na górę strony”, która pomaga użytkownikom przejść na górę strony z listą produktów.
  • Ładowanie wiadomości: Ta sekcja rozszerzenia szybkiego przewijania Magento 2 oferuje administratorowi ustawienie tekstu podczas ładowania zawartości strony internetowej.
  • Wybierz typ przewijania: Rozszerzenie szybkiego przewijania Magento 2 umożliwia administratorowi wybór rodzaju przewijania na stronie z listą produktów. Następujące opcje są podane w typie przewijania:

za. Nieskończone przewijanie

b. Wczytaj więcej linków

  • Wczytaj więcej etykiet: Po wybraniu opcji „Wczytaj więcej linków” to pole zostanie wyświetlone. To pole nieskończonego rozszerzenia przewijania Magento 2 pozwala administratorowi ustawić tekst na linku Załaduj więcej.
  • Częstotliwość wyświetlania Wczytaj więcej tekstu: To pole rozszerzenia szybkiego przewijania Magento 2 będzie działać tylko wtedy, gdy „Scroll Type” to „Infinite Scroll”. To pole pozwala administratorowi ustawić częstotliwość ładowania więcej linków, które mają być wyświetlane w interfejsie użytkownika.
  • Opóźnienie ładowarki: To pole modułu nieskończonego przewijania Magento 2 pozwala administratorowi ustawić minimalną liczbę milisekund, aby pozostać w stanie ładowania.
  • Margines ujemny: To pole rozszerzenia szybkiego przewijania Magento 2 daje możliwość wcześniejszego załadowania nowych elementów, zanim dotrzesz do ostatniego elementu strony. Domyślnie moduł ładujący rozpoczyna ładowanie nowych pozycji, gdy użytkownik przewinie do ostatniego elementu strony. Administrator może tutaj ustawić liczbę produktów. Na przykład, jeśli zostanie tu wpisana liczba „X”, moduł ładujący rozpocznie ładowanie, zanim na stronie pozostanie X produktów.
  • Wyświetl pasek narzędzi: To pole rozszerzenia nieskończonego przewijania Magento 2 pozwoli administratorowi wyświetlać pasek narzędzi na stronie z listą produktów, czy nie.

3.2 Ustawienia wyglądu i stylu

Na tej karcie administrator sklepu może dostosować tło i “ kolor tekstu ” okna wiadomości i przejść do “ górnego łącza ”.

  • Kolor tła pola wiadomości: Ta zakładka rozszerzenia nieskończonego przewijania Magento 2 oferuje administratorowi ustawienie koloru tła okna wiadomości.
  • Kolor ramki: Rozszerzenie Magento 2 Infinite Scroll pozwala administratorowi dostosować kolor obramowania okna wiadomości zgodnie z jego preferencjami.
  • Kolor tekstu: Administrator może dostosować kolor tekstu w oknie wiadomości zgodnie ze swoim wyborem. Może zrobić to samo, wybierając kolor z próbnika kolorów.
  • Przejdź do góry Kolor tła linku: To pole rozszerzenia szybkiego przewijania Magento 2 pozwala administratorowi ustawić kolor tła łącza „Go To Top Link”. Poniżej znajduje się zrzut ekranu linku Przejdź na górę:


  • Niestandardowe CSS: Jeśli administrator chce dodać niestandardowy CSS dla dowolnego elementu Infinite scroll for Magento 2, może zrobić to samo, dodając CSS w tym polu.
  • Prześlij obraz programu ładującego: Ta zakładka rozszerzenia nieskończonego przewijania Magento 2 pozwala administratorowi przesłać wybrany przez siebie obraz programu ładującego. Administrator może przesyłać tylko obrazy w formacie .jpg, .png i .gif. Rozmiar obrazu nie powinien przekraczać 2 MB.

3.3 Ustawienia selektora:

  • Treść: Ta zakładka rozszerzenia Magento 2 Infinite Scroll pozwala administratorowi ustawić nazwę klasy kontenera treści.
  • Dalej: Ta zakładka rozszerzenia szybkiego przewijania Magento 2 umożliwia administratorowi ustawienie nazwy klasy następnego elementu.
  • Poprzedni: Ta zakładka rozszerzenia szybkiego przewijania Magento 2 pozwala administratorowi ustawić nazwę klasy poprzedniego elementu.
  • Siatka pozycji: To pole rozszerzenia nieskończonego przewijania Magento 2 pozwala administratorowi ustawić nazwę klasy elementu siatki.
  • Lista pozycji: To pole rozszerzenia Magento 2 endless scroll pozwala administratorowi ustawić nazwę klasy elementu listy.
  • Pasek narzędzi: W tym polu modułu nieskończonego przewijania Magento 2 administrator będzie musiał ustawić nazwę klasy paska narzędzi.
  • Pagination: Ta zakładka rozszerzenia szybkiego przewijania Magento 2 pozwala administratorowi ustawić nazwę klasy kontenera stronicowania.

UWAGA:

1. Nie zapomnij dodać znaku „#” przed elementem id i „.” przed elementem class.
2. Jeśli nie znasz tych elementów selektora, nie edytuj ich.

3.4 Ustawienia piaskownicy:

Zakładka Ustawienia piaskownicy w rozszerzeniu nieskończonego przewijania Magento 2 oferuje administratorowi przetestowanie rozszerzenia przed wdrożeniem go w witrynie.

  • Aktywuj: Włącz to pole rozszerzenia szybkiego przewijania Magento 2, aby przetestować rozszerzenie.
  • Autoryzowany adres IP: W tym polu rozszerzenia szybkiego przewijania Magento 2 wprowadź adresy IP, na których ma być aktywne nieskończone przewijanie. Upewnij się, że wprowadzone adresy IP są oddzielone przecinkami. Możesz dodać adres IP, klikając opcję „Dodaj moje IP”.

4.0 Store Front-end

Rozszerzenie nieskończonego przewijania Magento 2 zostanie włączone na całej stronie internetowej, na której występuje paginacja. Nieskończony przewijanie dla rozszerzenia Magento 2 pojawi się z przodu w następujący sposób:

End page masagend do góry latrament:

Więcej informacji na temat tego nieskończonego zwoju dla Magento 2 znajdziesz poniżej:

Magento 2 Endless Scroll Extension Admin Demo

Rozszerzenie Magento 2 Fast Scroll Extension Front Demo

„Zobacz też więcej Rozszerzenia Magento 2 dla Twojego sklepu ”.

W jaki sposób Infinite Scroll może przynieść korzyści stronie e-commerce?

Dzięki dostępności wielu sklepów e-commerce, kupujący online mają do wyboru wiele opcji. Ale co prowadzi do podejmowania decyzji przez kupujących, jeśli chodzi o wybór najlepszego sklepu spośród wszystkich? Czy wiesz?

To interfejs użytkownika. Oprócz interfejsu użytkownika jest to UX. Wygląd Twojej witryny jest pierwszym wrażeniem Twojego sklepu e-commerce dla odwiedzających. Jeśli nie wygląda to przyjemnie, nie będziesz w stanie zmusić odwiedzających do pozostania w Twoim sklepie. Po dobrym interfejsie użytkownika następuje dobra obsługa. Jeśli Twój interfejs użytkownika jest imponujący, ale nie zapewniasz odwiedzającym komfortowego przeglądania, prawdopodobnie nie zobaczysz ich w sklepie.

Tak więc, aby zapewnić klientom płynne i przyjemne doświadczenie, konieczne jest ulepszenie interfejsu użytkownika, a także doświadczenia użytkownika. Wypełnienie luki między doświadczeniem użytkownika a interfejsem użytkownika jest bardzo ważne dla sukcesu sklepu e-commerce. Handlowcy handlu elektronicznego używają różnych narzędzi i funkcji w swoich sklepach internetowych, aby uczynić go bardziej interaktywnym i wciągającym. Jedną z takich metod ulepszania interfejsu użytkownika i UX witryny eCommerce jest przewijanie Infinite.

Nieskończone przewijanie, zwane także Niekończącym się przewijaniem, eliminuje proces stronicowania ze sklepu, zapewniając automatyczne i ciągłe ładowanie. Gdy użytkownik przewija stronę w dół, lista produktów jest wypełniana. W rezultacie użytkownicy nie muszą klikać następnej strony, aby przeglądać dalej.

Moduł Infinite Scroll firmy Knowband pomaga sprzedawcom handlu elektronicznego pozbyć się konwencjonalnego systemu stronicowania. Dodaje automatyczne przewijanie na stronie z listą produktów i umożliwia użytkownikowi łatwe poruszanie się po produktach sklepu na jednej stronie. Jeśli prowadzisz sklep e-commerce na Prestashop, OpenCart, Magento lub Magento 2, możesz skorzystać z zalet tego modułu Infinite Scroll. Wypróbuj je:

Dodatek Infinite Scroll dla Prestashop

Rozszerzenie OpenCart Infinite Scroll

Rozszerzenie Infinite Scroll dla Magento

Rozszerzenie Infinite Scroll do Magento 2

Czy nadal siedzisz na przeszkodzie, czy wdrożyć tę nieskończoną funkcję przewijania w swoim sklepie, czy nie? Oto kilka istotnych powodów, które pomogą Ci podjąć decyzję.

Nieskończone przewijanie pozwala zaoszczędzić czas

Jako sprzedawca internetowy, twoim głównym celem powinno być utrzymanie przepływu użytkowników, gdy są oni obecni w Twoim sklepie. Proces stronicowania może zakłócić przepływ użytkowników i wywołać frustrację, gdy użytkownicy przechodzą przez wiele stron. Z kolei Infinite Scrolling sprawia, że ​​przeglądanie jest interesujące i oszczędza czas.

Nieskończone przewijanie zapewnia łatwe przeglądanie

Jedną z głównych zalet nieskończonego przewijania jest to, że ułatwia przeglądanie. Dzięki automatycznemu ładowaniu produktów klienci muszą tylko przewinąć, aby znaleźć żądany produkt. Czasami jednak ciągłe przewijanie może spowodować, że użytkownik będzie kopał tak głęboko, że trudno będzie ponownie sięgnąć na górę strony. W tym celu moduł przewijania Infinite zawiera przycisk „Idź do góry”, aby ułatwić użytkownikowi nawigację do górnej części strony.

Nieskończone przewijanie zwiększa czas trwania sesji

Prawdą jest, że użytkownicy są znudzeni i zmęczeni po przejrzeniu wielu stron. Nie patrzą nawet dalej, aby zobaczyć więcej wyników i wyjść ze sklepu. Nie jest tak w przypadku Infinite Scrolling. Gdy produkty są stale wyświetlane użytkownikom na jednej stronie, przeglądają więcej produktów i spędzają więcej czasu w sklepie, co pomaga zwiększyć średni czas spędzony przez użytkownika w witrynie.

Infinite Scroll oferuje szybkie przeglądanie

Klienci preferują szybkie ładowanie. Po prostu nie chcą czekać na załadowanie stron. Kilkakrotne kliknięcie na następnej stronie i oczekiwanie na załadowanie strony za każdym razem może wywołać u użytkowników odwiedziny. Nieskończone przewijanie pokonuje ten problem i automatycznie dodaje następną zawartość strony. Użytkownicy uważają ten sposób za wygodniejszy.

Niesamowite dla urządzeń z ekranem dotykowym

W ciągu ostatnich kilku lat urządzenia mobilne z ekranem dotykowym zdecydowanie dominują w urządzeniach z klawiaturą. Dzisiaj prawie każdy użytkownik posiada ekran dotykowy. Dlatego Infinite Scrolling jest uważany za idealny sposób i preferowany przez stronicujących e-commerce. Łatwo jest użyć kciuka, aby przejść do różnych stron. Facebook jest najlepszym przykładem.

Nieskończone przewijanie tworzy większe zaangażowanie użytkownika

Gdy zawartość zostanie szybko wczytana, powoduje to, że użytkownik zostaje dłużej na stronie zwiększa zaangażowanie klientów. Z powodu ciągłego pojawiania się produktów użytkownicy wchodzą w interakcję z twoim sklepem przez dłuższy czas.

Wnioski

Klienci uwielbiają funkcję nieskończonego przewijania. Zwiększa ich doświadczenie użytkownika i utrzymuje ich zaangażowanie w sklepie. Myślę, że to wystarczy, aby udostępnić tę funkcję w sklepie internetowym. Sprawdź moduły Infinite Scroll i daj mi znać wyniki, które uzyskasz później.

Podobał mi się ten artykuł? Te też się spodoba:

Paginacja vs nieskończone przewijanie

Infinite Scroll Optimization: zapisujesz się podczas przewijania