Zarządzanie wyglądem sklepu internetowego

Zarządzanie wyglądem sklepu to możliwość wyboru szablonu w Twojej strony, zamieszczenia własnego logo, zmiany favikony, a także własne modyfikacje na poziomie kodu.

Zarządzanie wyglądem sklepu - dodawanie logo

Logo na stronie głównej sklepu będzie widoczne w jej nagłówku. Klient po kliknięciu w nie będzie mógł też powrócić do widoku strony głównej. Aby dodać obraz, należy kliknąć w oznaczone pole i wybrać plik z pojawiającego się okna lub przeciągnąć go bezpośrednio we wskazane miejsce.

Logo powinno mieć rozszerzenie *.png i być pozbawione tła, dzięki czemu nie będzie się odróżniać kolorystycznie od szablonu.

Dodawanie favikony

Favikona to ikona pojawiająca się na karcie z otwartą stroną WWW sklepu. Ikona ta ma postać niewielkiego obrazka. Dodaje się ją analogicznie do wyboru logo. W celu lepszej widoczności na różnego koloru kartach przeglądarek zalecane jest dodanie favikony z przeźroczystym tłem i rozszerzeniem  *.png. 

Po najechaniu kursorem na dodany obraz pojawia się możliwość jego podglądu (wyświetlenia w pełnym rozmiarze) oraz usunięcia.

Szablony

Wybór aktywnego szablonu wymaga włączenia dopasowanego do niego przycisku. Zielony przycisk z komunikatem TAK oznacza, że dany szablon jest aktywny.

Ikona  pozwala na wyświetlenie publicznej strony sklepu w trybie podglądu. Żadna z akcji wykonana na stronie sklepu nie zostaje wówczas zapisana.

Ikona  pozwala na wprowadzanie podstawowych zmian graficznych, takich jak podmiana ilustracji, w niektórych szablonach.

W trybie podglądu po lewej stronie w górnym pasku menu z rozwijanej listy można wybrać i podejrzeć sklep w innym dostępnym szablonie. Kliknięcie jednej z ikon dostępnych na środku górnego paska menu, uruchamia pogląd odpowiednio na telefonie, tablecie oraz monitorze komputera. Przycisk po prawej stronie pozwala na aktywowanie przeglądanego szablonu - ta zmiana zostanie zapisana w ustawieniach.

Dodatkowe style strony (Less/CSS)

Zarządzanie wyglądem sklepu umożliwia modyfikację stylów strony dla użytkowników z wiedzą z zakresu programowania. Przed edycją należy wiedzieć, że:

• style, które zostaną w tym miejscu napisane, dołączane są na końcu CSS,
• do budowy można wykorzystać technologię Less,
• ponieważ strona oparta jest na frameworku Bootstrap, można korzystać z jego niektórych zmiennych

Wprowadzane zmiany należy zatwierdzić zielonym przyciskiem Zapisz.