Doładowywanie produktów — Infinite scroll — instrukcja

Moduł dołącza kolejne produkty do listy podczas przewijania strony lub po kliknięciu „Pokaż więcej”. Klient nie musi za każdym razem przechodzić na następną stronę kategorii.

Doładowywanie produktów — Infinite scroll, wersja 1.2.1.

Na tej stronie

Otwórz ustawienia modułu

  1. Zaloguj się do panelu administracyjnego swojego sklepu. To panel, w którym dodajesz produkty i sprawdzasz zamówienia.
  2. W menu po lewej wybierz Moduły → Menedżer modułów. W wyszukiwarkę wpisz ajitinfinitescroll.
  3. Przy znalezionym module kliknij Konfiguruj. Jeżeli korzystasz z kilku sklepów w jednym panelu, przed zmianą ustawień wybierz właściwy sklep w górnym pasku.

Jeżeli modułu nie ma na liście, kliknij Załaduj moduł lub Wgraj moduł, wybierz otrzymany plik ZIP i poczekaj na zakończenie instalacji. Nie rozpakowuj ZIP-a przed wgraniem. Następnie kliknij Konfiguruj.

Uruchom doładowywanie przyciskiem

  1. Ustaw Włącz moduł na Tak.
  2. W polu Sposób doładowania wybierz Przyciskiem „Pokaż więcej”. Ten wariant najłatwiej sprawdzić podczas pierwszej konfiguracji.
  3. Włącz działanie na stronie kategorii. Pozostałe typy stron możesz dołączyć po pierwszej udanej próbie.
  4. Sprawdź pola selektorów zgodnie z następną sekcją. Selektor to zapis wskazujący modułowi odpowiedni element strony.
  5. Na początek pozostaw Aktualizuj adres URL (?page) wyłączone. Kliknij Zapisz.

Dopasuj ustawienia do motywu

Jeżeli używasz standardowego motywu Classic, wpisz w polu Selektor produktu wartość .js-product-miniature. Dla AP Page Builder / LeoTheme domyślna wartość to .ajax_block_product. Kropka na początku jest częścią zapisu — nie usuwaj jej.

Standardowy Selektor kontenera to #js-product-list, a odnośnika następnej strony: nav.pagination a.next. Jeśli nie wiesz, jaki masz motyw, sprawdź jego nazwę w ustawieniach wyglądu sklepu lub poproś osobę obsługującą motyw o dopasowanie selektorów. Przy niestandardowym motywie nie dobieraj ich przypadkowo.

Opcję Zgodność z LeoTheme włącz dla motywu Leo, jeśli wymaga ponownego uruchomienia funkcji kafelków po doładowaniu. Dla Classic pozostaw Nie.

Sprawdź pierwszą kategorię

  1. Otwórz w sklepie kategorię, która ma więcej produktów niż mieści się na jednej stronie. Przy krótkiej liście moduł nie ma czego doładować.
  2. Przewiń na dół listy i kliknij Pokaż więcej.
  3. Poczekaj, aż pojawią się kolejne produkty. Dotychczasowe powinny pozostać na stronie, a nowe znaleźć się pod nimi.
  4. Otwórz jeden z doładowanych produktów. Sprawdź również jego przycisk dodawania do koszyka, jeśli taki przycisk jest na liście.
  5. Wróć do kategorii, zmień sortowanie i użyj filtra. Ponownie doładuj produkty. Wyniki powinny odpowiadać nowemu filtrowi i sortowaniu.

Włącz automatyczne przewijanie

  1. W konfiguracji zmień Sposób doładowania na Automatycznie przy przewijaniu.
  2. W polu Limit auto-stron wpisz na przykład 3. Po trzech automatycznych doładowaniach pojawi się przycisk. Dzięki temu klient może dojść do stopki sklepu. Wartość 0 oznacza brak limitu.
  3. W sekcji Wygląd ładowania wybierz ikonę, np. kółko, oraz kolory. Własny CSS nie jest potrzebny do podstawowego działania.
  4. Zapisz ustawienia. Sprawdź przewijanie na komputerze i telefonie.

Gdy lista się nie doładowuje

Nie ma przycisku ani nowych produktów

Sprawdź, czy dana kategoria ma drugą stronę oraz czy włączono ten typ strony w module. Potem sprawdź selektor produktu właściwy dla motywu.

Pojawia się „Spróbuj ponownie”

Moduł nie pobrał następnej strony. Spróbuj ponownie lub użyj przywróconej zwykłej paginacji. Jeśli problem wraca, przekaż obsłudze sklepu adres kategorii i nazwę motywu.

Po odświeżeniu zniknęły wcześniej doładowane strony

Przy włączonej aktualizacji URL odświeżenie otwiera konkretną stronę z adresu, a nie cały wcześniej doładowany zestaw. Wyłącz tę opcję, jeśli nie chcesz takiego zachowania.