Jednym z podstawowych elementów, który musi się znaleźć na stronie sklepu jest slider. Dzięki zastosowanej animacji można dodać wiele różnych grafik zachowując przejrzystość strony. Dodatkowo każdą z nich można podlinkować do innego obszaru na sklepie. Zobacz jak dodać slider u siebie!

Edycja Slidera na stronie głównej

Po wejściu do kreatora strony głównej "Ustawienia > Strona główna" jest utworzony przykładowy widok sklepu. Można go edytować lub wszystko usunąć i zacząć od nowa. Chcąc edytować wystarczy najechać kursorem na wybraną sekcję i wybrać opcję "Edytuj".

Po przejściu w tryb edycji można włączyć lub wyłączyć animację oraz ustawić czas animacji.

Wyłączona animacja oznacza, że klient samodzielnie przełącza grafiki ze slidera za pomocą strzałek.

Włączona animacja oznacza, że grafiki zmieniają się automatycznie na podstawie wskazanego czasu przejścia.

Dodawanie grafiki do Slidera

Każda sekcja "Info" ma wgrany przykładowy tekst i ikony, które możesz zmienić. Wystarczy wybrać pole do edycji i wprowadzić swój tekst i/lub ikonę klikając "zmień obraz".

Grafikę do slidera dodaje się poprzez opcję "Dodawanie zawartości". Można wtedy wybrać grafikę, która została wcześniej wgrana na serwer sklepowy lub dodać ją ze swojego urządzenia.

Wskazówka!

Pamiętaj, że dobrą praktyką jest wstawianie odpowiednio przygotowanych plików. Tzn. aby wymiary (wysokość i szerokość) plików graficznych należących do jednej grupy slider (np. mobile) były takie same. Oraz, żeby każdy z plików graficznych nie przekraczał wagi 500kb.

Wskazówka!

Najlepszym formatem grafik dla witryn internetowych jest .jpg /.jpeg

Linkowanie oraz ustawienia grafik w Sliderze

Po wybraniu grafiki można wprowadzić do niej link, który będzie kierował klienta sklepu do wskazanej przez Ciebie zawartości.

Uwaga!

W przypadku linkowania wewnętrznego (w obrębie sklepu) nie ma konieczności wprowadzania całych adresów URL np. "www.twojsklep.eu/c/bluzki". Wystarczy wprowadzić fragment URL, który będzie kierował do wskazanej zawartości np. do kategorii bluzki "/c/bluzki".

Pełne linki wprowadza się tylko w przypadku linkowania zewnętrznego (poza sklep) np. "https://facebook.com/twojsklep".

Więcej nt. tworzenia linków do wybranych obszarów przeczytasz w dedykowanych instrukcjach: kategoria, karta produktu, grupa produktów, podstrona.

Dodane już grafiki można w prosty sposób usunąć klikając na czerwony przycisk "Usuń" lub zmienić kolejność. Wtedy wystarczy skorzystać z przycisków ze strzałkami pod wybranymi grafikami.

Dla każdej wprowadzonej grafiki możesz dodać rozszerzone funkcje np. napis czy przycisk za pomocą dodatkowego html.

Wskazówka!

W sekcji slider cała powierzchnia grafiki jest klikalna, więc jeśli chcesz mieć przycisk albo napis, a nie potrafisz tego zrobić w html, to możesz go od razu przygotować na grafice.

Gdy wprowadzanie zmian zostanie zakończone wystarczy kliknąć "Zmień" w oknie edycji.

Gdy wprowadzanie zmian zostanie zakończone wystarczy kliknąć "Zmień" w oknie edycji.

Dodawanie kolejnych sekcji Slider

Jeśli chcesz dodać nową sekcję ze sliderem kliknij przycisk "+ Dodaj sekcję".

Z listy dostępnych sekcji wystarczy wybrać "Slider". Po jej wybraniu otwiera się okienko edycji sekcji opisane wyżej.

Nowo dodana sekcja pojawia się zawsze na dole strony. Jeśli chcesz zmienić jej pozycję w widoku strony głównej skorzystaj ze strzałek. Po wszystkim nie zapomnij zapisać wprowadzonych zmian.

zmiana kolejności elementów na stronie głównej

Chcesz zadbać o wygląd swojego sklepu internetowego, ale nie wiesz jak się za to zabrać? Zobacz serię artykułów poświęconą tej tematyce: DESIGN i UX sklepu internetowego.

Wskazówka!

Należy pamiętać, aby zawsze dokonywać zapisu wprowadzonych zmian oraz czytać komunikaty i wyskakujące okienka. Nie uzupełnienie pól oznaczonych * blokuje wykonanie następnego kroku. Oraz zawsze po konfiguracji nowych ustawień dobrą praktyką jest sprawdzenie czy działają one poprawnie.

Spis treści

Następny wpis

Konfiguracja stopki strony

Poprzedni wpis

Konfiguracja sekcji Info na stronie głównej

Dodaj komentarz

Odpowiadasz na komentarz

Imię i nazwisko

Komentarz

Dodaj komentarz

Dziękujemy, komentarz zostanie dodany po zaakceptowaniu przez administratora.