Aplikacja: Multi Slider – WebCoders

Ostatnia aktualizacja: 18 lipca 2024

Obszar działania aplikacji Multi Slider: Strona główna pod linkami w nagłówku / Moduł w dowolnym miejscu w konfiguracji szablonu.

Działanie aplikacji Multi Slider w sklepie

Slider umożliwia publikację banerów promocyjnych, oraz ich alternatywnych wersji dedykowanych dla urządzeń mobilnych. Wystarczy określić próg responsywności i dodać własne grafiki do sklepu. W zależności od urządzenia twój klient zobaczy baner w wersji pełnoekranowej lub mobilnej. Klientom korzystającym z komputerów stacjonarnych i laptopów możesz dodatkowo wyświetlić banery z filmami .mp4 (bez dźwięku) oraz treściami z Social Media (np. Google Maps, YouTube) dzięki ramce iframe.

Możesz określić opcje nawigacyjne i efekty przewijania pomiędzy banerami. Stronicowanie opisowe pozwoli na podpisanie każdego banera tworząc przy tym intuicyjny spis treści. Jeżeli nie jest ci to potrzebne, możesz ograniczyć się do klasycznych „punktów” lub cyfr oznaczających ilość banerów. Dla użytkowników komputerów/laptopów masz możliwość dodania przycisków nawigacyjnych służących do przewijania. Na smartfonach banery można przewijać przesuwając palcem po wyświetlaczu. Na końcu wystarczy wybrać efekt przewijania i zadecydować, czy banery mają się przewijać automatycznie czy też nie.

Multi Slider obsługuje graficzne formaty .jpg, .png, oraz zyskujący na popularności ultralekki .webp. Zawartość slajdów wczytywana jest w trakcie przewijania slidera dzięki czemu dodanie wielu banerów nie wpływa negatywnie na szybkość działania sklepu. Slider ustawiony we własnym module nie powoduje również przesunięcia treści strony co jest dodatkowym atutem sprzyjającym optymalizacji działania sklepu.

Przeczytaj więcej o popularnym formacie zdjęć – WebP.

Aplikacja umożliwia dodanie 10 niezależnych od siebie sliderów, które możesz później rozmieścić w ustawieniach swojego szablonu.

Ustawienia z zakładki: Konfiguracja są niezależne od wersji językowej, jednak slidery są konfigurowalne osobno dla każdej wersji językowej aktywnej w Panelu administracyjnym sklepu. Dla każdej wersji językowej możesz (trzeba) skonfigurować do 10 sliderów.

Najważniejsze funkcje aplikacji Multi Slider

  • prezentacja slajdów w formie banerów graficznych, filmów i ramki iframe,
  • opcja alternatywnych banerów graficznych dla urządzeń mobilnych,
  • narzędzia nawigacyjne – stronicowanie opisowe, punktowe i numeryczne,
  • dla urządzeń mobilnych możliwość przewijania banerów palcem,
  • konfiguracja kolorystyki i animacji przejścia pomiędzy banerami,
  • możliwość wyboru pomiędzy automatycznym i ręcznym trybem przewijania,
  • obsługa formatów .jpg, .png, .webp, .mp4,
  • optymalizacja pod kątem szybkości działania sklepu,
  • brak przesunięcia treści strony (CLS) gdy slider jest w module,
  • możliwość stworzenia 10 niezależnych sliderów w których możesz zamieścić aż 10 różnych slajdów,
  • wbudowane Centrum Pomocy aplikacji.

Instalacja Multi Slider w sklepie

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do zakładki: Dodatki i integracje (A) > Aplikacje (B) i wyszukaj Multi Slider na liście, a następnie kliknij przycisk: ZAINSTALUJ APLIKACJĘ (C).
Panel administracyjny sklepu > Dodatki i integracje > Aplikacje > Multi Slider
Rys 1. Dodaj aplikację do tworzenia sliderów na stronę sklepu internetowego Shoper.
Panel administracyjny sklepu > Dodatki i integracje > Aplikacje > Multi Slider
Rys 1. Dodaj aplikację do tworzenia sliderów na stronę sklepu internetowego Shoper.
Po zapoznaniu się z opisem i akceptacji regulaminu Appstore (A) kliknij przycisk: Zamawiam (B).
Panel administracyjny sklepu > Dodatki i integracje > Aplikacje > Multi Slider > Instalacja
Rys 2. Zamawianie abonamentu aplikacji Multi Slider w Panelu administracyjnym sklepu Shoper.
Panel administracyjny sklepu > Dodatki i integracje > Aplikacje > Multi Slider > Instalacja
Rys 2. Zamawianie abonamentu aplikacji Multi Slider w Panelu administracyjnym sklepu Shoper.
Po zainstalowaniu aplikacji pojawi się ona w zakładce: Dodatki i integracje (A) > Moje aplikacje (B). Kliknij przycisk konfiguracji (C) pokazany na obrazku poniżej.
Panel administracyjny sklepu > Dodatki i integracje > Moje aplikacje > Multi Slider
Rys 3. Uruchom aplikację Multi Slider i dodaj atrakcyjny baner na stronę sklepu Shoper.
Panel administracyjny sklepu > Dodatki i integracje > Moje aplikacje > Multi Slider
Rys 3. Uruchom aplikację Multi Slider i dodaj atrakcyjny baner na stronę sklepu Shoper.

Jak skonfigurować aplikację Multi Slider?

W zakładce: Konfiguracja znajdują się ustawienia podstawowe i domyślny wygląd.

Panel administracyjny sklepu > Dodatki i integracje > Moje aplikacje > Multi Slider > Konfiguracja
Rys 4. Dostosowywanie wyglądu aplikacji Multi Slider w zakładce: Konfiguracja.
Panel administracyjny sklepu > Dodatki i integracje > Moje aplikacje > Multi Slider > Konfiguracja
Rys 4. Dostosowywanie wyglądu aplikacji Multi Slider w zakładce: Konfiguracja.

Dodawanie sliderów (B) odbywa się w zakładce: Slidery (A).

Panel administracyjny sklepu > Dodatki i integracje > Moje aplikacje > Multi Slider > Slidery
Rys 5. Proces dodawania sliderów w aplikacji Multi Slider.
Panel administracyjny sklepu > Dodatki i integracje > Moje aplikacje > Multi Slider > Slidery
Rys 5. Proces dodawania sliderów w aplikacji Multi Slider.
Panel administracyjny sklepu > Dodatki i integracje > Moje aplikacje > Multi Slider > Slidery > Ustawienia podstawowe
Rys 6. Wprowadź ustawienia podstawowe dla nowego slidera.
Panel administracyjny sklepu > Dodatki i integracje > Moje aplikacje > Multi Slider > Slidery > Ustawienia podstawowe
Rys 6. Wprowadź ustawienia podstawowe dla nowego slidera.
Panel administracyjny sklepu > Dodatki i integracje > Moje aplikacje > Multi Slider > Slidery > Wymiary i urządzenia mobilne
Rys 7. Ustaw wymiary dla slajdu i włącz opcję dla urządzeń mobilnych.
Panel administracyjny sklepu > Dodatki i integracje > Moje aplikacje > Multi Slider > Slidery > Wymiary i urządzenia mobilne
Rys 7. Ustaw wymiary dla slajdu i włącz opcję dla urządzeń mobilnych.
Panel administracyjny sklepu > Dodatki i integracje > Moje aplikacje > Multi Slider > Slidery > Stronicowanie i nawigacja
Rys 8. Włącz stronicowanie i przyciski zmiany slajdu.
Panel administracyjny sklepu > Dodatki i integracje > Moje aplikacje > Multi Slider > Slidery > Stronicowanie i nawigacja
Rys 8. Włącz stronicowanie i przyciski zmiany slajdu.
Panel administracyjny sklepu > Dodatki i integracje > Moje aplikacje > Multi Slider > Slidery > Wygląd
Rys 9. Ustaw wygląd (motyw) dla nowego slidera.
Panel administracyjny sklepu > Dodatki i integracje > Moje aplikacje > Multi Slider > Slidery > Wygląd
Rys 9. Ustaw wygląd (motyw) dla nowego slidera.

Po określeniu jego podstawowej konfiguracji i zapisaniu slidera pojawi się zakładka: Slajdy.

Panel administracyjny sklepu > Dodatki i integracje > Moje aplikacje > Multi Slider > Slidery > Slajdy
Rys 10. Dodaj wybrany rodzaj slajdu z obrazem, wideo lub ramką social media.
Panel administracyjny sklepu > Dodatki i integracje > Moje aplikacje > Multi Slider > Slidery > Slajdy
Rys 10. Dodaj wybrany rodzaj slajdu z obrazem, wideo lub ramką social media.

Podgląd slajdów:

Panel administracyjny sklepu > Dodatki i integracje > Moje aplikacje > Multi Slider > Slidery > Slajdy > Podgląd slajdów
Rys 11. Właściciel sklepu może dodać 10 slajdów do slidera.
Panel administracyjny sklepu > Dodatki i integracje > Moje aplikacje > Multi Slider > Slidery > Slajdy > Podgląd slajdów
Rys 11. Właściciel sklepu może dodać 10 slajdów do slidera.

Po dodaniu slidera zobaczysz, ile jeszcze możesz dodać sliderów (B) w zakładce: Slidery (A). W razie problemów instrukcję obsługi (C) znajdziesz w prawym górnym rogu aplikacji.

Panel administracyjny sklepu > Dodatki i integracje > Moje aplikacje > Multi Slider > Slidery > Lista
Rys 12. Po dodaniu slidera będzie się on wyświetlać na liście w zakładce: Slidery.
Panel administracyjny sklepu > Dodatki i integracje > Moje aplikacje > Multi Slider > Slidery > Lista
Rys 12. Po dodaniu slidera będzie się on wyświetlać na liście w zakładce: Slidery.

Dodatkowe materiały informacyjne

Więcej informacji na temat obsługi aplikacji znajdziesz w: Instrukcja Multi Slider.

Wideo: prezentacja aplikacji Multi Slider od WebCoders

Obejrzyj jak zainstalować i skonfigurować aplikację Multi Slider w sklepie Shoper.

Wideo poradnik: konfiguracja aplikacji Multi Slider w sklepie internetowym
Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
  • Dlaczego warto korzystać z aplikacji Multi Slider w e-sklepie?
  • Co obejmuje narzędzie Multi Slider od WebCoders?
  • Jak dodać aplikację Multi Slider do sklepu internetowego Shoper?
  • Jak dodać i ustawić slider na stronie głównej sklepu?
  • Jakie inne materiały pomocą ci w użytkowaniu aplikacji Multi Slider?
  • Wideo poradnik: jak opublikować banery promocyjne przy użyciu Multi Slider?
Udostępnij artykuł:

Przetestuj sklep internetowy
przez 14 dni za darmo

Korzystaj ze wszystkich funkcji oprogramowania za darmo i bez zobowiązań.

Testuj wszystkie funkcje przez 14 dni bez zobowiązań. Zakładając sklep poprzez podanie
adresu e-mail akceptujesz nasz Regulamin i Politykę Prywatności