Kreator szablonu

Wstęp

Jednym z kluczowych elementów, który przyczynia się do sukcesu w branży e-commerce jest oprawa wizualna sklepu. W dużym stopniu to własnie ona wpływa na całościowe wrażenia użytkowników i ich proces zakupowy. Od tej pory dzięki nowemu narzędziu – Kreator Wyglądu Comarch e-Sklep (Beta), właściciele będą w stanie stworzyć swój własny, niepowtarzalny szablon, który będzie dostosowany do ich preferencji oraz do potrzeb użytkowników.

Uwaga
Szablon Topaz generowany przez Kreator wyglądu Comarch e-Sklep (Beta) jest szablonem testowym, gdzie nie wszystkie funkcje mogą działać poprawnie. Nie używaj go jako wersji produkcyjnej. Gdy Topaz będzie w pełni przygotowany, poinformujemy o tym i będzie on ogólnodostępnym, darmowym szablonem Comarch e-Sklep.

Najważniejsze zalety Kreatora Wyglądu Comarch e-Sklep to:

  • Jest w pełni darmowy dla klientów Comarch e-Sklep,
  • Stworzony szablon jest dostosowany do wyświetlania na różnych urządzeniach (RWD),
  • Kreator nie wymaga technicznej wiedzy. Jest intuicyjny i wystarczy sama przeglądarka, aby go używać.
Wskazówka
Kreator jest dostępny pod linkiem: Kreator szablonu Comarch e-Sklep

Zastosowanie

Kreator jest intuicyjnym narzędziem służącym do tworzenia szablonów. Jego obsługa nie wymaga umiejętności technicznych ani programowania. Wszystko odbywa się na poziomie strony internetowej, gdzie z gotowych elementów za pomocą metody „przeciągnij i upuść” możesz zaprojektować wygląd swojego sklepu. W ramach kreatora stworzysz wszystkie niezbędne obszary sklepu:

  • stronę główną,
  • listę towarów,
  • szczegóły towaru.

Po utworzeniu szkieletu sklepu, przychodzi czas na modyfikację oprawy wizualnej szablonu. Możesz zmieniać kolory elementów znajdujących się na stronie, ikonki, a także czcionkę. Wszystko po to, aby stworzyć niepowtarzalny, atrakcyjny sklep dostosowany do najnowszych trendów e-commerce.

Kto może używać tej opcji

Aby móc używać tego narzędzia należy posiadać:

  • Comarch e-Sklep obsługujący procesy B2C,
  • szerokość ekranu powyżej 1280 px, a zalecana to 1920 px,
  • oraz jedną z następujących przeglądarek:

Przeglądarki
  •   Mozilla Firefox – aktualna wersja przeglądarki, nie starsza niż trzy miesiące,
  •   Google Chrome – aktualna wersja przeglądarki, nie starsza niż trzy miesiące,
  •   Microsoft Edge – aktualna wersja przeglądarki, nie starsza niż trzy miesiące,
  •   Internet Explorer – nie wspierana dla kreatora wyglądu.

Uwaga
Kreator wyglądu Comarch e-Sklep (wersja Beta) dostępny jest w wersji tylko na przeglądarkę internetową.

Zaczynamy

Aby rozpocząć tworzenie szablonu należy przejść na stronę Kreatora.

Następnie należy zapoznać się z podstawowymi instrukcjami dotyczącymi tworzenia szablonów. Po ich przeczytaniu możemy przejść do tworzenia szablonu.

Wskazówka
Na samym początku warto nazwać swój przyszły szablon. Można to zrobić wpisując nazwę w lewym górnym rogu, zastępując słowo „template”.

Krok 1 – Strona główna

W tej sekcji należy zaprojektować wygląd strony głównej naszego Comarch e-Sklepu. Strona główna może się składać z następujących sekcji:

  • Nagłówek
  • Baner
  • Polecane (niewymagany)
  • Newsletter (niewymagany)
  • Stopka

Po rozwinięciu każdej z sekcji powinny się ukazać dostępne elementy:

Następnie metodą „przeciągnij i upuść” przenosimy wybrane elementy na obszar po prawej stronie:

Analogicznie robimy z pozostałymi elementami.

Sekcja „Polecane” posiada dodatkowe opcje do ustawienia. Z listy menu, dostępnej pod przyciskiem Zmień typ możesz wybrać jakiego rodzaju produkty mają się w tym obszarze wyświetlać (m.in. nowość, najczęściej oglądane, wyprzedaż, sugerowane):

Wskazówka
Dodatkowo po najechaniu kursorem na tą sekcję możemy ustawić liczbę towarów, która będzie się wyświetlać (maksymalnie 50).

Po wybraniu wszystkich niezbędnych sekcji nasza strona główna powinna być gotowa. Efekt naszej pracy możemy podejrzeć przechodząc do zakładki Style. Więcej o tej zakładce w rozdziale Style.

Krok 2 – Lista towarów

Następnie należy utworzyć widok listy towarów. W tym celu w kreatorze przechodzimy do zakładki:

Podobnie, jak w przypadku strony głównej konfigurujemy wygląd listy towarów. Dodatkowo możemy wskazać liczbę towarów, jaka ma się wyświetlać na liście (maksymalnie 50).

Krok 3 – Szczegóły towaru

Po utworzeniu listy towarów przechodzimy do tworzenia szczegółów towaru.

Wskazówka
Warto zwrócić uwagę, że na każdej stronie sklepu możemy ustawić różne sekcje towarów polecanych o różnych typach (przykładowo na szczegółach towaru polecane towary mogą się inaczej wyświetlać niż na liście towarów).

Następnie możemy przejść do modyfikacji wyglądu naszego szablonu. W tym celu należy przejść do zakładki Style.

Po zaprojektowaniu wyglądu szablonu możemy go wygenerować i pobrać na dysk:

Pobrany szablon należy zaimportować w Comarch e-Sklep w zakładce Wygląd sklepu/ Ustawienia/ Edytuj ustawienia zaawansowane/ Import z pliku XML. 

Uwaga
W przypadku nieuzupełnienia szablonu o wymagane elementy po naciśnięciu przycisku Generuj pojawi się komunikat z prośbą o wybór elementów. Będą się one wyświetlać z odpowiednią ikonką.

Style

Po dodaniu elementów strony możemy dodatkowo podejrzeć, jak będzie wyglądał nasz przyszły szablon. W tym celu należy przejść do zakładki Style.

Dodatkowo w zakładce Style możemy zmodyfikować wygląd naszego szablonu. Zmianie podlegają:

  • motyw kolorystyczny,
  • czcionka,
  • ikony.

Motyw kolorystyczny

Aby zmienić kolor naszego szablonu należy przejść do sekcji Motyw kolorystyczny., gdzie przygotowaliśmy 5 podstawowych motywów kolorystycznych.

Każdy z motywów możemy edytować według indywidualnych preferencji. Możemy zmodyfikować kolor poszczególnych elementów (m.in.: tło strony, tło nagłówka, nazwę towaru).

Czcionki

W zależności od potrzeb istnieje możliwość wybrania czcionki. Dla naszych klientów udostępniliśmy jej 6 różnych typów. Pod nazwą każdej z nich znajduje się przykładowy wygląd w różnych formatach.

Ikony

Ostatnim elementem, który możemy modyfikować z poziomu zakładki Style jest wygląd ikon. Mamy do wyboru 3 różne warianty wyglądu ikon. Dodatkowo istnieje możliwość wyboru w jakiej postaci wyświetla się ikona koszyka (torba lub wózek).

Wskazówka
Pamiętaj o zapisaniu zmian!

Więcej informacji

Więcej informacji można znaleźć w artykułach o wyglądzie sklepu oraz o dostosowaniu wyglądu.

Czy ten artykuł był pomocny?