Jak dodać Slider (suwak) w starym konfiguratorze wyglądu sklepu?

Ostatnia aktualizacja: 24 kwietnia 2024

Moduł wyświetlający rotujące co kilka sekund zdjęcia to jeden z najważniejszych elementów graficznych strony głównej sklepu.

W dużej mierze to on decyduje o pierwszym wrażeniu na temat sklepu, dlatego tak ważne jest, by ukazać na nim atrakcyjne zdjęcia produktów lub informacje o promocjach.

Konfiguracja Slidera w nowym Shoper Visual Editor

Konfiguracja Slidera w starym konfiguratorze wyglądu sklepu

Jak dodać/edytować istniejący moduł Slider?

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do: Wygląd i treści (A) > Wygląd sklepu (B) > Obecny szablon graficzny (C).
Z menu po lewej stronie wybierz: Moduły (D).
Kliknij na przycisk: DODAJ SLIDER (SUWAK) (E).
Panel administracyjny > Wygląd i treści > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduł > dodaj slider
Rys. 7. Dodanie modułu slider do szablonu graficznego
Panel administracyjny > Wygląd i treści > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduł > dodaj slider
Rys. 7. Dodanie modułu slider do szablonu graficznego
Określ parametry modułu: Slidera według własnych preferencji.

Zalecamy ustalić stałą wysokość Slidera. Jeżeli tego nie zrobisz przyjmie on wysokość najwyższego zdjęcia dodanego jako tło.

Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Slider > Ustawienia
Rys. 8. Nadanie wysokości w module Slider
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Slider > Ustawienia
Rys. 8. Nadanie wysokości w module Slider

Dodawanie rotujących zdjęć do modułu Slider

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do: Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły.
Znajdź moduł Slider w Dostępne Moduły (A).
Kliknij przycisk: Edytuj przy module: Slider (Suwak) (B).
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Dostępne moduły > Slider > edycja
Rys. 9 Edytuj moduł Slider
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Dostępne moduły > Slider > edycja
Rys. 9 Edytuj moduł Slider
Wybierz: Przewijanie przy Animacja przewijania oraz kliknij przycisk: ZAPISZ.
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Slider > Ustawienia
Rys. 10. Wybierz rodzaj animacji zdjęć
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Slider > Ustawienia
Rys. 10. Wybierz rodzaj animacji zdjęć
Zmień zakładkę na: Lista zdjęć (A), a następnie kliknij: DODAJ SLAJD (B).
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Dostępne moduły > Slider > Lista zdjęć
Rys. 11. Dodaj slajd
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Dostępne moduły > Slider > Lista zdjęć
Rys. 11. Dodaj slajd
Wprowadź nazwę zdjęcia, opcjonalnie adres URL odnośnika (A) (jeżeli chcesz, żeby zdjęcie po kliknięciu gdzieś kierowało) oraz wprowadź zdjęcie jako tło slajdu (B).
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Dostępne moduły > Slider > edycja
Rys. 12. Dodanie grafiki do slidera
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Dostępne moduły > Slider > edycja
Rys. 12. Dodanie grafiki do slidera
Na dole ekranu kliknij przycisk: ZAPISZ lub ZAPISZ I WRÓĆ DO LISTY. Czynność powtórz tyle razy, ile planujesz dodać rotujących zdjęć do modułu.

Sugerowana szerokość zdjęcia na Slider: 1180px. Wysokość – dowolna.

Umieszczenie Slidera na stronie głównej sklepu Shoper

Aby umieścić utworzony już moduł Slidera:

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do: Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły.
Wybierz widok (A), na którym chcemy umieścić moduł Slidera. Aby dany widok był wyświetlany, musi być on zaznaczony jako: Aktywny!
Przeciągnij i upuść utworzony wcześniej moduł w dostępne miejsca (B) (pola z białym tłem) na widoku strony.
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Dostępne moduły
Rys. 13. Dodaj moduł slider do wybranego widoku
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Dostępne moduły
Rys. 13. Dodaj moduł slider do wybranego widoku
Po przeciągnięciu i upuszczeniu modułu ustawienie należy zapisać.

Wideo: jak zmienić wygląd sklepu Shoper?

Zobacz film opisujący kwestie zmiany wyglądu sklepu internetowego.

Wideo: zmiana wyglądu sklepu internetowego Shoper
Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
  • Jak zarządzać modułem Slider przy użyciu Shoper Visual Editor?
  • Wideo poradnik: możliwości Shoper Visual Editor
  • Jak zarządzać modułem Slider (suwak) w starym konfiguratorze wyglądu?
  • Wideo: jakie zmiany można wprowadzić w wyglądzie sklepu internetowego?
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