Jak dodać Slider (suwak) w nowym Shoper Visual Editor?

Ostatnia aktualizacja: 21 października 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

Jak dodać moduł Slider na stronę sklepu Shoper?

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do zakładki: Wygląd i treści (A) > Wygląd sklepu (B) > Obecny szablon graficzny (C) > Moduły (D) > OTWÓRZ SHOPER VISUAL EDITOR (E).
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > VIsual editor
Rys. 1. Wybierz edycję modułów w Visual editor
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > VIsual editor
Rys. 1. Wybierz edycję modułów w Visual editor
Wybierz typ strony (A), dla której chcesz dodać Slider, a następnie kliknij: DODAJ MODUŁ DO STRONY (B).
Visual editor > Strona Główna > Dodaj Moduł do strony
Rys. 2. Dodaj moduł do strony głównej
Visual editor > Strona Główna > Dodaj Moduł do strony
Rys. 2. Dodaj moduł do strony głównej
Na liście modułów odszukaj: Slider (A), złap i przeciągnij w wybrane miejsce na stronie sklepu (przytrzymując moduł i przeciągając go w różnych miejscach układu strony, kreator podpowie w którym miejscu możesz go upuścić (B) ).
Visual editor > Dodaj moduł do strony > Slider
Rys. 3. Wyszukaj i dodaj moduł slider
Visual editor > Dodaj moduł do strony > Slider
Rys. 3. Wyszukaj i dodaj moduł slider
Po umieszczeniu modułu w wybranym miejscu, w kolumnie po lewej stronie pojawią się opcje konfiguracyjne:
  • kliknij: + DODAJ SLAJD, aby dodać grafikę.

Po zapisaniu pierwszej grafiki, możesz dodawać kolejne przyciskiem: + DODAJ SLAJD.

Sugerowana szerokość grafiki to: 1180px, wysokość dowolna (zależna od efektu jaki chcesz uzyskać). Jeżeli Slider zawiera wiele grafik, zadbaj o to żeby wszystkie miały dokładnie taką samą szerokość i wysokość, wówczas będą się estetycznie prezentować na stronie sklepu.

Visual editor > Dodaj moduł > Slider > Dodaj grafikę
Rys. 4. Dodaj grafikę do slidera
Visual editor > Dodaj moduł > Slider > Dodaj grafikę
Rys. 4. Dodaj grafikę do slidera
  • po dodaniu oraz zapisaniu grafik wybierz pozostałe parametry zgodnie z własnymi preferencjami i kliknij: ZAPISZ I OPUBLIKUJ USTAWIENIA MODUŁU (A) – opcja ta spowoduje dodanie modułu Slidera do listy dostępnych do użycia na stronie modułów, a następnie w prawym górnym rogu: ZAPISZ I OPUBLIKUJ ZMIANY W UKŁADZIE (B), jeżeli chcesz aby pojawił się na stronie sklepu.
Visual editor > DOdaj moduł > Slider
Rys. 5. Zapisz zmiany w module
Visual editor > DOdaj moduł > Slider
Rys. 5. Zapisz zmiany w module

Jak usunąć Slider z głównej strony sklepu internetowego?

Jeżeli chcesz usunąć moduł:

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do zakładki: Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > OTWÓRZ SHOPER VISUAL EDITOR.
Wejdź do edycji modułu: Slider.

Jeśli chcesz usunąć pojedynczy slajd/grafikę z modułu Slidera przy wybranej grafice kliknij: Usuń slajd (A).

Jeżeli chcesz usunąć cały Slider ze strony, to w prawym górnym rogu modułu kliknij ikonę: kosza (B).

Visual editor > Edycja modułu > usuń
Rys. 6. Usunięcie slajdu lub slidera
Visual editor > Edycja modułu > usuń
Rys. 6. Usunięcie slajdu lub slidera
Następnie: ZAPISZ I OPUBLIKUJ ZMIANY W UKŁADZIE w prawym górnym rogu strony.

Usunięcie modułu Slidera z układu strony nie spowoduje jego permanentnego usunięcia z konfiguracji sklepu – będzie dostępny na liście modułów do ponownego użycia.

Wideo: łatwiejsze zarządzanie wyglądem sklepu internetowego

Zobacz film przedstawiający sposób korzystania z Shoper Visual Editor.

Wideo: jak zarządzać szablonem graficznym w Shoper Visual Editor?

Konfiguracja Slidera w starym konfiguratorze wyglądu sklepu

Konfiguracja slidera w szablonie Storefront

Pomyśl też o reklamowaniu swojego sklepu w internecie za pomocą skutecznej kampanii. W tym miejscu zamówisz darmową konsultację dotyczącą usługi Shoper Kampanie dla twojego e-biznesu.

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