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).
Rys 2. Zarządzaj wyglądem sklepu za pomocą Shoper 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).
Rys 3. Usuwanie modułu Slider z obecnego szablonu graficznego.
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.
Rys 4. Znajdź nowy Slider i dodaj go do układu strony sklepu internetowego.
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).
Rys 5. Skonfiguruj moduł Slider za pomocą menu po lewej stronie ekranu.
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.
Rys 6. Uzupełnij formularz dodawania slajdu w module Slider.
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.
Rys 7. Zapisywanie ustawień Slidera i opublikowanie zmian w układzie sklepu internetowego Shoper.
Rys 7. Zapisywanie ustawień Slidera i opublikowanie zmian w układzie sklepu internetowego Shoper.
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).
Rys 8. Przełącz układ podstawowy na: Strona główna.
Rys 8. Przełącz układ podstawowy na: Strona główna.
Usuń Slider będący kompozycją przykładową.
Rys 9. Usuń Slider (Suwak) z układu strony głównej sklepu internetowego na platformie Shoper.
Rys 9. Usuń Slider (Suwak) z układu strony głównej sklepu internetowego na platformie Shoper.
Aby dodać nowy Slider kliknij przycisk: DODAJ SLIDER.
Rys 10. Utwórz Slider z twoimi zdjęciami, który będzie pasować do wyglądu sklepu.
Rys 10. Utwórz Slider z twoimi zdjęciami, który będzie pasować do wyglądu sklepu.
Ustal parametry Slidera i kliknij: ZAPISZ.
Rys 11. Ustaw animację dla tworzonego Slidera.
Rys 11. Ustaw animację dla tworzonego Slidera.
Po przejściu na listę zdjęć (A) kliknij: DODAJ SLAJD (B).
Rys 12. Dodaj dowolną ilość slajdów do listy zdjęć w Sliderze.
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.
Rys 13. Umieść wybrane zdjęcie w Sliderze za pomocą wyświetlonego formularza.
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!
Rys 14. Umieść utworzony moduł Slider (Suwak) w wyświetlonym układzie strony głównej sklepu.
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?