Jak zmienić domyślny ruchomy Slider w sklepie?

Data publikacji: 27 grudnia 2016 Ostatnia aktualizacja: 20 sierpnia 2024

Informacje ogólne na temat Slidera znajdziesz w tym artykule: Jak ustawić Slider w sklepie?

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

Domyślny Slider wygląda następująco:

Front sklepu internetowego > Slider
Rys 1. Prezentacja domyślnego Slidera w sklepie internetowym na platformie Shoper.
Front sklepu internetowego > Slider
Rys 1. Prezentacja domyślnego Slidera w sklepie internetowym na platformie Shoper.

Aby go zmienić należy postępować zgonie z poniższymi instrukcjami:

Jak zmienić domyślny Slider za pomocą nowego mechanizmu Shoper Visual Editor?

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 2. Zarządzaj wyglądem sklepu za pomocą Shoper Visual Editor.
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > VIsual editor
Rys 2. Zarządzaj wyglądem sklepu za pomocą Shoper Visual Editor.
Usuń Slider będący kompozycją podstawową przyciskiem: Usuń z układu lub: Usuń całkowicie (A). Aby dodać nowy Slider kliknij przycisk: DODAJ MODUŁ DO STRONY (B).
Shoper Visual Editor > Slider > Usuwanie
Rys 3. Usuwanie modułu Slider z obecnego szablonu graficznego.
Shoper Visual Editor > Slider > Usuwanie
Rys 3. Usuwanie modułu Slider z obecnego szablonu graficznego.
Następnie w polu szukania wpisz: slider (A). Przeciągnij moduł o nazwie: Slider + Nowy slider (B) w wybrane miejsce na stronie.
Shoper Visual Editor > Dodaj moduł do strony > Slider
Rys 4. Znajdź nowy Slider i dodaj go do układu strony sklepu internetowego.
Shoper Visual Editor > Dodaj moduł do strony > Slider
Rys 4. Znajdź nowy Slider i dodaj go do układu strony sklepu internetowego.
Po lewej stronie zobaczysz menu edycji. Przyciskiem: + DODAJ SLAJD dodaj utworzone wcześniej slajdy (najlepiej, aby ich szerokość nie przekraczała: 1180 px, wysokość dowolna).
Shoper Visual Editor > Dodaj moduł do strony > Slider > Dodawanie slajdu
Rys 5. Skonfiguruj moduł Slider za pomocą menu po lewej stronie ekranu.
Shoper Visual Editor > Dodaj moduł do strony > Slider > Dodawanie slajdu
Rys 5. Skonfiguruj moduł Slider za pomocą menu po lewej stronie ekranu.
Zobaczysz okno dodawania slajdu. Uzupełnij:
  • Nazwę slajdu (A) – będzie wyświetlać się tylko tobie,
  • Link (B), do którego zostanie przekierowany klient po kliknięciu w Slider,
  • Tło – najlepiej aby był to obraz (C) czyli przygotowany wcześniej slajd,
  • Możesz również dodać: zdjęcie, położenie zdjęcia, kierunek przesuwania obrazu, czas animacji oraz tekst na Sliderze, a także jego położenie i animacje.
Shoper Visual Editor > Dodaj moduł do strony > Slider > Dodaj slajd > Formularz
Rys 6. Uzupełnij formularz dodawania slajdu w module Slider.
Shoper Visual Editor > Dodaj moduł do strony > Slider > Dodaj slajd > Formularz
Rys 6. Uzupełnij formularz dodawania slajdu w module Slider.

Po uzupełnieniu wszystkiego zapisz zmiany. Powtórz czynność z punktów 5 i 6 tyle razy, ile zdjęć zamierzasz w Sliderze umieścić. Każdorazowo kończ czynność przyciskiem: ZAPISZ w dolnej części ekranu.

Ustal parametry Slidera i zaakceptuj je klikając: ZAPISZ I OPUBLIKUJ USTAWIENIA MODUŁU (A). Następnie kliknij: ZAPISZ I OPUBLIKUJ ZMIANY W UKŁADZIE (B) w prawym górnym rogu strony, aby Slider pojawił się na stronie.
Shoper Visual Editor > Dodaj moduł do strony > Nowy Slider > Zapisywanie zmian
Rys 7. Zapisywanie ustawień Slidera i opublikowanie zmian w układzie sklepu internetowego Shoper.
Shoper Visual Editor > Dodaj moduł do strony > Nowy Slider > Zapisywanie zmian
Rys 7. Zapisywanie ustawień Slidera i opublikowanie zmian w układzie sklepu internetowego Shoper.

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

Obejrzyj film instruktażowy na temat korzystania z nowego mechanizmu Shoper Visual Editor w sklepie na naszym kanale YouTube.

Wideo poradnik: prezentacja nowego mechanizmu Shoper Visual Editor

Jak zmienić domyślny Slider w starym konfiguratorze wyglądu sklepu?

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) i zmień zakładkę na: Strona główna (E).
Panel administracyjny sklepu > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Stary konfigurator wyglądu > Strona główna
Rys 8. Przełącz układ podstawowy na: Strona główna.
Panel administracyjny sklepu > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Stary konfigurator wyglądu > Strona główna
Rys 8. Przełącz układ podstawowy na: Strona główna.
Usuń Slider będący kompozycją przykładową.
Stary konfigurator wyglądu > Domyślny Slider > Usuwanie
Rys 9. Usuń Slider (Suwak) z układu strony głównej sklepu internetowego na platformie Shoper.
Stary konfigurator wyglądu > Domyślny Slider > Usuwanie
Rys 9. Usuń Slider (Suwak) z układu strony głównej sklepu internetowego na platformie Shoper.
Aby dodać nowy Slider kliknij przycisk: DODAJ SLIDER.
Stary konfigurator wyglądu sklepu Shoper > Strona główna > Dodawanie Slidera
Rys 10. Utwórz Slider z twoimi zdjęciami, który będzie pasować do wyglądu sklepu.
Stary konfigurator wyglądu sklepu Shoper > Strona główna > Dodawanie Slidera
Rys 10. Utwórz Slider z twoimi zdjęciami, który będzie pasować do wyglądu sklepu.
Ustal parametry Slidera i kliknij: ZAPISZ.
Stary konfigurator wyglądu sklepu > Strona główna > Dodaj Slider > Formularz
Rys 11. Ustaw animację dla tworzonego Slidera.
Stary konfigurator wyglądu sklepu > Strona główna > Dodaj Slider > Formularz
Rys 11. Ustaw animację dla tworzonego Slidera.
Po przejściu na listę zdjęć (A) kliknij: DODAJ SLAJD (B).
Stary konfigurator wyglądu sklepu > Strona główna > Slider > Lista zdjęć
Rys 12. Dodaj dowolną ilość slajdów do listy zdjęć w Sliderze.
Stary konfigurator wyglądu sklepu > Strona główna > Slider > Lista zdjęć
Rys 12. Dodaj dowolną ilość slajdów do listy zdjęć w Sliderze.
Podaj nazwę slajdu (A) widoczną tylko dla ciebie, opcjonalnie podlinkuj go do obiektu docelowego (B). Najlepszy efekt uzyskasz dodając zdjęcie jako: tło (C). Na końcu: ZAPISZ zmiany.
Stary konfigurator wyglądu sklepu > Strona główna > Dodaj Slider > Lista zdjęć > Dodaj slajd > Formularz
Rys 13. Umieść wybrane zdjęcie w Sliderze za pomocą wyświetlonego formularza.
Stary konfigurator wyglądu sklepu > Strona główna > Dodaj Slider > Lista zdjęć > Dodaj slajd > Formularz
Rys 13. Umieść wybrane zdjęcie w Sliderze za pomocą wyświetlonego formularza.
Powtórz czynność z punktów 7 i 8 tyle razy, ile zdjęć zamierzasz w Sliderze umieścić. Każdorazowo kończ czynność przyciskiem: ZAPISZ w dolnej części ekranu.
UWAGA! Utworzony slider zapisał się w: DOSTĘPNYCH MODUŁACH (A). Przenieś go (B) myszką w interesujące cię miejsce. Nie zapomnij o przycisku: ZAPISZ u dołu strony. Gratulacje, udało ci się dodać twój pierwszy własny Slider!
Stary konfigurator wyglądu > Strona główna > Dostępne moduły > Slider
Rys 14. Umieść utworzony moduł Slider (Suwak) w wyświetlonym układzie strony głównej sklepu.
Stary konfigurator wyglądu > Strona główna > Dostępne moduły > Slider
Rys 14. Umieść utworzony moduł Slider (Suwak) w wyświetlonym układzie strony głównej sklepu.

Wideo: jak zmienić wygląd sklepu Shoper?

Zagadnienie konfiguracji wyglądu sklepu internetowego Shoper omówiliśmy w wideoporadniku na naszym kanale YouTube.

Wideo poradnik: dostępne opcje zmiany wyglądu sklepu na platformie Shoper
Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
  • Jak usunąć domyślny Slider i dodać własny moduł ze zdjęciami w Shoper Visual Editor?
  • Wideo poradnik: jak zarządzać nowym mechanizmem do zmiany wyglądu sklepu?
  • Jak usunąć przykładowy Slider i dodać własny moduł ze zdjęciami w starym konfiguratorze wyglądu?
  • Wideo poradnik: na jakiej zasadzie odbywa się zmiana wyglądu sklepu Shoper?
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