Jak zmienić szablon graficzny sklepu?

Oprogramowanie Sky-Shop posiada wiele dostępnych szablonów graficznych, które możesz aktywować na swoim sklepie.
Dzięki takiej zmianie, w kilka chwil możesz całkowicie zmienić i tym samym odświeżyć wygląd swojego sklepu.

Spis treści
1. Jak zrobić kopię zapasową ustawień wyglądu sklepu?
2. Jak zmienić szablon graficzny sklepu?
3. Jak przywrócić poprzedni szablon sklepu?

Jak zrobić kopię zapasową ustawień wyglądu sklepu?

Elementy, które sklep automatycznie przeniesie na nowy szablon:

  • Utworzone kolumny stopki oraz menu górnego
  • Treść banerów oraz sliderów (pod warunkiem, że są to te same moduły banerów i sliderów, co na starym szablonie)
  • Treści utworzonych na sklepie podstron.

Elementy, których sklep nie przeniesie na nowy szablon (wymagać one będą ponownej konfiguracji):

  • Treść banerów i sliderów (jeśli nowy szablon korzysta z innych modułów niż stara skórka).
  • Kolorystyka sklepu
  • Treść obszarów edytowalnych ustawionych na starym szablonie.
  • Ustawienie kolejności i rodzajów wybranych modułów.
1

Na początek przejdź do Konfiguracja -> Wygląd sklepu -> Kreator wyglądu -> Kreator szablonu.

Naciśnij, aby otworzyć plik GIF.
2

Sprawdź aktualnie wykorzystywane moduły, typu Slajder główny, Karuzela produktów.

Istnieją dwie opcje zmiany szablonu – odtworzenia aktualnego wyglądu poprzez sprawdzenie jego modułów, wybranych opcji modułów dla danych stron w sklepie i uruchomienie identycznych w nowym szablonie. Istnieje również możliwość skorzystania z nowych modułów, które są domyślnie w nowym szablonie. Jeżeli zdecydujesz się na odtworzenie aktualnego wyglądu, to należałoby zapisać sobie w notatniku, bądź na kartce aktualną strukturę stron w sklepie i wykorzystywane moduły, aby móc je ponownie uruchomić w nowym szablonie.
Pamiętaj, że w przypadku zmiany szablonu istnieje szansa, że będziesz musiał dostosować swoje nowe grafiki do nowych wymiarów (zmniejszenie, bądź zmniejszenie rozdzielczości). Aktualnie dodane grafiki znajdziesz w Konfiguracja -> Pliki -> Banners (pliki ze zdjęciami banerów) oraz Sliders (pliki ze zdjęciami slajderów).

Widok aktualnie wybranych modułów (1) – na środku ekranu widzisz w pełni wszystkie aktualnie wykorzystywane na danej stronie moduły. Stronę można zmienić w oznaczeniu (6).
Nazwa modułu, na który najechałeś (2) – jeżeli chcesz sprawdzić, jak nazywa się dany moduł na stronie, wystarczy, że najedziesz na niego myszką — podświetli się na szaro oraz wyświetli się jego nazwa.
Lista modułów, jakie możesz dodać na stronę (3) -na pasku po prawej stronie ekranu znajdziesz wszystkie moduły dostępne dla danej strony.
Po wybraniu modułu, np. Slajder główny, zobaczysz wszystkie opcje modułu (4) – aktualnie wykorzystywany moduł i strona, na której jest wykorzystywana została oznaczona ikonką danej strony, widoczne w punkcie (5).
Po zapoznaniu się z modułami dodanymi na stronie głównej oraz po ewentualnym wprowadzeniu zmian warto sprawdzić inne strony sklepu w sekcji (6), kolejno: Strona Główna, Lista produktów, Karta produktu, Koszyk, Blog, Kontakt. Wszystkie te strony możesz edytować za pomocą dostarczonych przez nas gotowych modułów.

Aby w pełni swobodnie poruszać się po kreatorze szablonu, warto zapoznać się z Kompletnym przewodnikiem po wyglądzie sklepu.

3

Następnie przejdź do CMS – zarządzanie treścią (1) i zapisz sobie treści/grafiki, które masz wprowadzone w sekcji Slajder główny, Moduł banerów oraz Obszar edytowalny(2).

W tym miejscu warto też zapisać sobie wymiary slajderów/banerów, aby móc skorzystać z odpowiedniego modułu w nowym szablonie.

4

Na koniec przejdź do zakładki Ustawienia kolorystyki i czcionki (1) i zapisz ustawienia (2), które masz aktualnie wprowadzone celem odwzorowania kolorystyki w nowym szablonie sklepu.

Dzięki zapisaniu powyższych kwestii będziesz mógł w nowej skórce sprawnie przenieść wcześniej wykorzystywane informacje i grafiki.

Jak zmienić szablon graficzny sklepu?

1

Przed rozpoczęciem prac dot. zmiany wyglądu sklepu warto wyłączyć sklep przed odwiedzającymi w sekcji Konfiguracja (1) -> Ustawienia sklepu (2) -> Ustawienia ogólne (3) -> Wyłącz sklep: Tak. (4).

Dzięki tej opcji klienci nie będą mogli wejść na sklep w trakcie prac modernizacyjnych. Więcej na temat opcji wyłączenia sklepu znajdziesz w tej instrukcji.

2

W celu zmiany szablonu graficznego na swoim sklepie przejdź do sekcji Konfiguracja -> Wygląd sklepu -> Kreator wyglądu.
W tej sekcji zobaczysz wszystkie dostępne do wybrania szablony graficzne dla Twojego sklepu.
Wybierz interesującą Cię pozycję (np. skórkę Flex) i kliknij przycisk „Aktywuj” (2)

Każdy szablon możesz obejrzeć przed uruchomieniem na sklepie poprzez funkcję podglądu (1). W podglądzie widoczny jest przykładowy szablon, z przykładowymi treściami. Po aktywacji szablonu w sklepie zostanie on dostosowany automatycznie do Twoich bieżących ustawień, zgodnie z punktem 2 instrukcji.

3

Po aktywacji wybranej skórki na sklepie możesz wrócić do edycji szablonu, przejść na stronę główną swojego sklepu lub przejść do ustawień modułów na nowym szablonie (1).

Rezultat zmiany szablonu w sklepie

W rezultacie na sklepie uruchomiony zostanie nowy szablon graficzny.

Po zakończeniu prac nie zapomnij o Włączeniu sklepu w sekcji Konfiguracja -> Ustawienia sklepu -> Ustawienia ogólne -> Wyłącz sklep: Nie.

Jak przywrócić poprzedni szablon sklepu?

Nie obawiaj się! Zmiana szablonu nie jest jednokierunkowa.
Jeśli zdecydujesz się na powrót do starej skórki — wystarczy, że aktywujesz ją w kreatorze szablonu – sklep powróci do starego wyglądu z zachowaniem wykorzystywanych przez Ciebie modułów. Zmianę możesz wykonać analogicznie do punktu 2 instrukcji.

Czy ten artykuł był pomocny: