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

Data publikacji: 7 kwietnia 2024 Ostatnia aktualizacja: 16 września 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 menu: Wygląd i treści (A) > Wygląd sklepu (B) > Obecny szablon graficzny (C) i 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 1. Dodaj Slider w wybranym układzie szablonu graficznego.
Panel administracyjny > Wygląd i treści > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduł > dodaj slider
Rys 1. Dodaj Slider w wybranym układzie 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 2. Ustaw stałą wysokość modułu Slider na stronie sklepu internetowego.
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Slider > Ustawienia
Rys 2. Ustaw stałą wysokość modułu Slider na stronie sklepu internetowego.

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 3. Zmień ustawienia Slidera według własnych preferencji.
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Dostępne moduły > Slider > edycja
Rys 3. Zmień ustawienia Slidera według własnych preferencji.
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 4. Określ animację przewijania zdjęć w module Slider.
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Slider > Ustawienia
Rys 4. Określ animację przewijania zdjęć w module Slider.
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 5. Dodaj zdjęcia, które będą wyświetlane w Sliderze.
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Dostępne moduły > Slider > Lista zdjęć
Rys 5. Dodaj zdjęcia, które będą wyświetlane w Sliderze.
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 6. Uzupełnij niezbędne pola i prześlij plik graficzny.
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Dostępne moduły > Slider > edycja
Rys 6. Uzupełnij niezbędne pola i prześlij plik graficzny.
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 7. Wybierz podstronę sklepu, na której chcesz umieścić utworzony moduł Slider.
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Dostępne moduły
Rys 7. Wybierz podstronę sklepu, na której chcesz umieścić utworzony moduł Slider.
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?
Czy ten artykuł był pomocny?
Tak
Nie
Dziękujemy za odpowiedź!
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