Smart Scroll Buttons - Wróć do góry i Przewiń w dół z podglądem na żywo

Długie strony potrzebują wyjścia

Kategoria z sześćdziesięcioma produktami, boczny panel filtrów, obszerna strona CMS, długa lista w panelu administracyjnym — odwiedzający przewija, znajduje to, czego szukał, a potem musi przewinąć całą drogę z powrotem. To drobne utrudnienie, powtarzane na każdej długiej stronie, a lekarstwem jest jeden przycisk. Ten moduł daje Ci dwa.

Dwa przyciski, każdy ustawiany osobno

• Wróć do góry pojawia się, gdy odwiedzający przewinie stronę w dół. Kliknięcie płynnie przewija z powrotem na samą górę.
• Przewiń w dół jest widoczny, dopóki poniżej została jeszcze część strony. Kliknięcie przenosi na koniec — przydatne na długich listingach i tam, gdzie to, czego ludzie szukają, na przykład formularz albo blok kontaktowy, znajduje się na dole.

To nie jest jedno ustawienie zastosowane dwa razy. Każdy przycisk ma własny kształt, szerokość, wysokość, kolor tła, kolor ikony, marginesy, z-index i prędkość przewijania, więc możesz zrobić z nich dobraną parę albo celowo je zróżnicować. Animacja pojawiania się jest natomiast ustawieniem przycisku Wróć do góry.

Podgląd na żywo zamiast zgadywania

Strona ustawień pokazuje przyciski dokładnie takie, jakie właśnie konfigurujesz. Zmień kształt, przesuń suwak koloru, popraw rozmiar — podgląd od razu się aktualizuje, więc nie musisz zapisywać, przechodzić do sklepu, odświeżać i wracać. To różnica między trafieniem z wyglądem za pierwszym razem a trafieniem za piątym.

Kształt, kolor i pozycja

Wybierz koło albo zaokrąglony kwadrat. Ustaw szerokość i wysokość, kolor tła i kolor ikony oraz odległość od krawędzi ekranu — prawy i dolny margines dla przycisku Wróć do góry, prawy i górny margines dla przycisku Przewiń w dół. Ustawienie z-index decyduje, nad którymi elementami znajdzie się przycisk. Ma to znaczenie, gdy motyw ma przyklejony nagłówek, baner cookies albo widżet czatu walczący o ten sam róg ekranu.

Ruch, który wybierasz

Przycisk Wróć do góry ma animację pojawiania się, która decyduje o tym, jak wchodzi na ekran podczas przewijania: Zanikanie, Obrót, Obrót odwrotny, Powiększenie albo Brak, jeśli ma po prostu się wyświetlić. Prędkość przewijania, ustawianą osobno dla każdego przycisku, podajesz w milisekundach — wyższa wartość oznacza wolniejszy i płynniejszy ruch — dzięki czemu powrót na górę może być szybkim skokiem albo spokojnym przesunięciem.

Sklep, panel administracyjny albo oba

Dwa niezależne przełączniki. Pokaż przyciski klientom w sklepie, udostępnij je swojemu zespołowi w panelu administracyjnym albo zrób jedno i drugie. Długie listy produktów i rozbudowane strony ustawień w panelu zyskują na przycisku Wróć do góry dokładnie tak samo jak strona kategorii.

Wszystko jest sprawdzane

Kolory muszą być prawdziwymi kolorami, pola liczbowe muszą zawierać liczby całkowite równe zeru lub większe, a pola wyboru muszą wskazywać jedną z dostępnych opcji. Wszystko, co niepoprawne, zostaje odrzucone przy zapisie wraz z komunikatem wskazującym pole i wartość — "#GGG" is not a valid color zamiast cichej awarii albo zepsutego przycisku.

Zgodność

PrestaShop 1.7, 8 i 9, w ośmiu językach: angielskim, francuskim, hiszpańskim, holenderskim, niemieckim, polskim, tureckim i włoskim. Przyciski powstają z własnego szablonu i arkusza stylów modułu, a czcionka z ikonami jest dołączona do paczki, zamiast być pobierana z zewnętrznego CDN — nic nie jest więc żądane z zewnątrz, a przyciski wyświetlają się nawet wtedy, gdy CDN jest niedostępny.

Najczęściej zadawane pytania

Czy mogę używać tylko przycisku Wróć do góry?

Tak. Oba przyciski konfiguruje się niezależnie, więc możesz włączyć jeden z nich albo oba naraz.

Czy przycisk będzie kolidował z przyklejonym nagłówkiem lub widżetem czatu?

Właśnie od tego jest ustawienie z-index — podnieś je, aby przycisk znalazł się nad konkurencyjnym elementem, albo obniż, aby schował się za nim. Marginesy pozwalają też całkiem przesunąć przycisk w inne miejsce.

Czy muszę zapisać ustawienia, żeby zobaczyć efekt?

Nie. Strona ustawień pokazuje oba przyciski na żywo, gdy zmieniasz kształt, rozmiar i kolory.

Czy mogę pokazać przycisk także w panelu administracyjnym?

Tak, służy do tego osobny przełącznik. Długie listy w panelu korzystają na nim tak samo jak sklep.

Jak sprawić, by przewijanie było wolniejsze i płynniejsze?

Zwiększ wartość prędkości przewijania — jest podawana w milisekundach, więc wyższa liczba oznacza dłuższy, spokojniejszy ruch.

Jakie kształty są dostępne?

Koło i zaokrąglony kwadrat, każdy z własną szerokością i wysokością.

Czy moduł pobiera cokolwiek z zewnętrznego serwera?

Nie. Czcionka z ikonami jest częścią modułu, więc nic nie jest pobierane z CDN, a przyciski wyświetlają się nawet wtedy, gdy taki adres jest zablokowany.