Szablon Topaz – podstawowe informacje

Autor: Comarch                                                                            Kontakt: e-sklep@comarch.pl
Cena: bezpłatny                                                                           Kreator wyglądu: https://kreator.comarchesklep.pl/

Demo online:  https://demo-topaz2.comarchesklep.pl/             https://demo-topaz.comarchesklep.pl/ 

Kreator wyglądu Comarch e-Sklep umożliwia stworzenie oraz modyfikację nowego szablonu graficznego Topaz opartego na silniku DotLiquid.

Wygenerowany szablon jest również w technologii Responsive Web Design (RWD), dzięki czemu strona sklepu dostosowuje się automatycznie do rozdzielczości urządzenia, na którym jest wyświetlana i nie ma potrzeby tworzenia osobnych szablonów dla wersji mobilnej. Dodatkowo szablon jest dostosowany do wyświetlania w rozdzielczości 4K.

Od wersji 2019.6 szablon posiada obsługę funkcji PWA, czyli Progressive Web App. Gdy otworzysz e-Sklep z szablonem Topaz na urządzeniu mobilnym (w trybie responsywnym), sklep wyświetli komunikat o możliwości pobrania skrótu na ekran główny urządzenia. W rezultacie e-Sklep uruchomiony z takiego skrótu będzie wyświetlał się jak aplikacja natywna zainstalowana na urządzeniu mobilnym i dostosowana do wyświetlania na nim.

Szablon Topaz możesz samodzielnie zbudować w kreatorze, dzięki unikalnej kombinacji różnych elementów (dostępnych dla stron: strona główna, lista towarów oraz szczegóły towaru), a także motywów kolorystycznych, czcionki i wyglądu ikonofontów.

Wygenerowany szablon można dodatkowo poddać edycji w panelu administracyjnym. Proste ustawienia pozwalają spersonalizować wygląd sklepu poprzez zmianę następujących parametrów:

  1. Motyw kolorystyczny – możliwość skorzystania z predefiniowanych motywów i ich edycji. Możliwe jest wybieranie indywidualnych kolorów szablonu z wykazu bądź wprowadzanie kolorów przy użyciu zapisu szesnastkowego (heksadecymalnego),
  2. Ustawienia wstążek – zmiana kolorystyki flag promocyjnych na towarach,
  3. Bannery – możliwość edycji bannerów (zdjęcia, opis, linki),
  4. Logo i favicon – możliwość wgrania własnego logo i favicon (ikony widocznej na zakładce przeglądarki),
  5. Obiekty – konfigurowalne obiekty pozwalające zmienić np. ilość i sortowanie towarów wyświetlanych w kategoriach.
Wskazówka
Od wersji 2021.2 po uzupełnieniu pola Link (w widoku zaawansowanym) – cały baner staje się „klikalny”, to znaczy, że w przypadku kliknięcia na baner zostanie wykonane przekierowanie do określonego wcześniej linku (zarówno wewnętrznego – z danego e-Sklepu, jak i zewnętrznego – spoza danego e-Sklepu). W przypadku uzupełnienia obu pól: link oraz tekst – na banerze zostanie wyświetlony guzik: „Sprawdź”.
Wskazówka
Od wersji 2022 w szablonie zaimplementowano meta znaczniki Open Graph niezbędne do prawidłowej komunikacji z platformą Facebook oraz przesyłania towarów dla sklepu Facebook. Więcej na ten temat przeczytasz tutaj.

Zalecane rozmiary zdjęć/banerów:

  • Podczas modyfikacji wyglądu szablonu Topaz w kreatorze istnieją trzy rodzaje nagłówków. Dla trzeciego rodzaju nagłówka (Header-3) wymiary dostępnego tam banneru wynoszą: 1118×534 px.
Wskazówka
W wersji 2021.2. w szablonie Topaz umożliwiono dodanie więcej niż jednego zdjęcia do banneru w nagłówku nr 3. Po dodaniu minimum dwóch obrazków na bannerze pojawi się slajder pozwalający na ich przewijanie (za pomocą strzałek).
  • Podczas modyfikacji wyglądu szablonu Topaz w kreatorze, mamy możliwość wyboru sześciu prezentacji banerów. Wymiary podane w jednostce px.

Banner-1:

Banner-2:

Banner-3:

Banner-4:

Banner-5:

Banner-6:

Wskazówka
Możliwość edytowania wyżej opisanego banneru z poziomu panelu administracyjnego Comarch e-Sklepu: Wygląd Sklepu/Ustawienia/Bannery/homepage1

  • Rozmiar dla baneru, który pokazuje się po rozwinięciu kategorii wynosi 220px x 295px:

Wskazówka
Możliwość edytowania wyżej opisanego banneru z poziomu panelu administracyjnego Comarch e-Sklepu: Wygląd Sklepu/Ustawienia/Bannery/menuBanner
  • Rozmiar dla zdjęcia na stronie Kontakt wynosi 610px x 605px:

Wskazówka
Możliwość edytowania wyżej opisanego banneru z poziomu panelu administracyjnego Comarch e-Sklepu: Wygląd Sklepu/Ustawienia/Bannery/contactBanner
  • Rozmiary dla zdjęć na stronie Lookbook wynosi: 560px x 630px, 700px x 850px, 1260px x 540px, 630px x 950px, 560px x 630 px.

Wskazówka
Możliwość edytowania wyżej opisanego banneru z poziomu panelu administracyjnego Comarch e-Sklepu: Wygląd Sklepu/Ustawienia/Bannery/lookbook

 

  • Rozmiar dla baneru, który pokazuje się na zakładce Promocje, po otworzeniu sekcji Profil klienta wynosi 1920px x 680px.

Wskazówka
Możliwość edytowania wyżej opisanego banneru z poziomu panelu administracyjnego Comarch e-Sklepu: Wygląd Sklepu/Ustawienia/Bannery/CustomerProfileBanner
  • Rozmiar dla obrazu produktu wynosi 660px x 630px.

Dla bardziej zaawansowanych użytkowników znających technologie takie jak HTML, CSS, JS, DotLiquid udostępniony jest obszar z plikami szablonu, gdzie można dokonywać zmian na poziomie kodu szablonu, co daje dalsze, praktycznie nieograniczone możliwości edycji i personalizacji wyglądu sklepu.

Od wersji 2019.6 została dodana możliwość kopiowania wcześniej złożonego zamówienia do koszyka, a także możliwość sprawdzenia historii konta przez zalogowanych użytkowników. Niezarejestrowani użytkownicy mogą sprawdzić szczegóły złożonego zamówienia w Comarch e-Sklep. W tym celu kontrahent powinien przejść do szczegółów zamówienia za pomocą linku, który otrzymuje w wiadomości e-mail. Dodatkowo wprowadzona została możliwość włączenia w Szablonie Topaz sprzedaży w jednostkach niecałkowitych, a także sprawdzania poprawności wprowadzanego numeru NIP dla Polski. Więcej na ten temat opisane zostało w ulotce do wersji 2019.6.

Od wersji 2020 na liście towarów został rozszerzony obszar klikalny dla wybranego towaru poprzez który można przejść do jego szczegółów. Klient może przejść do szczegółów towaru klikając nie tylko w zdjęcie towaru, ale również w jego nazwę oraz cenę lub odpowiedni napis, na przykład Zapytaj o cenę. Również w tej wersji została dodana możliwość wprowadzenia przez Klientów podczas składania zamówienia daty dostawy zakupionego towaru. Dodatkowo od tej wersji w momencie, gdy zalogowany klient będzie chciał przejść do strony logowania lub rejestracji (na przykład klikając w odpowiednią sekcję stopki) zostanie on przeniesiony na stronę profilu klienta. Więcej na temat zmian opisano w ulotce do wersji 2020.

Od wersji 2020.3 w szablonie Topaz została wprowadzona możliwość dodania do szablonu slajdera marek oraz producentów. Na sliderach wyświetlane są loga marek lub producentów, które zostały zaimportowane z systemu ERP. Również w tej wersji została dodana możliwość szesnastkowego zapisu kolorów wyświetlanych w e-Sklepie. Zapis heksadecymalny dla poszczególnych sekcji w szablonie dostępny jest w panelu administracyjnym na ustawieniach wyglądu sklepu. Więcej na ten temat zostało opisane w ulotce do wersji 2020.3.

Również w wersji 2020.3 została udostępniona strona wyszukiwarki zaawansowanej. Umożliwia ona bardziej precyzyjne określenie poszukiwanych w sklepie towarów, poprzez:

  • określenie kategorii produktowej,
  • wybranie sposobu wyszukiwania (z wyrażeniem, z
  • określenie pól, które mają być sprawdzone podczas wyszukiwania (opis towaru, cechy towaru, symbol, kod towaru, kod EAN, kod producenta),
  • zawężenie cech wyszukiwanego towaru (ceny, produktów ze zdjęciem, czy flag dodanych do towaru, jak nowość czy wyprzedaż),
  • wybranie producentów,
  • określenie marek.

 

Od wersji 2020.4 dodano możliwość prezentacji drugiego zdjęcia na liście towarów dla szablonu Topaz. Po najechaniu kursorem na zdjęcie główne pojawi się drugie zdjęcie. Opcję można włączyć w Ustawieniach szablonu w panelu administracyjnym e-Sklepu Wygląd sklepu/ Ustawienia w sekcji Prezentowanie drugiego zdjęcia towaru na liście.

W wersji 2020.4 poprawiono również skalowanie bannerów na ekranach o niestandardowych rozdzielczościach dla szablonu Topaz.

Co więcej, w wersji 2020.4 szablonu Topaz zmieniono sposób wyświetlania sekcji Blog na stronie głównej. Jeżeli w e-Sklepie nie opublikowano żadnych wpisów do bloga, to pomimo dodania tej sekcji w Kreatorze Wyglądu, nie będzie ona widoczna na stronie głównej. Publikacja minimum jednego wpisu spowoduje pojawienie się bloga w e-Sklepie.

Od wersji 2020.4 dla szablonu Topaz dodano w Profilu Klienta na liście zamówień informacje o statusach dostawy i płatności poszczególnych dokumentów.

Od wersji 2021.2. dla szablonu Topaz wprowadzono nowy sposób filtrowania towarów. Usprawniono sposób wyświetlania ilości wyników w danym filtrze. Jeżeli wyszukiwanie odbywa się na podstawie jednego filtra, wówczas liczba towarów w danym filtrze wyświetla łączną ilość dla poszczególnych pozycji, zaś dla pozostałych filtrów określa, ile z nich spełnia dane kryteria. Gdy filtrowanie odbywa się w kilku sekcjach, wówczas będą wyświetlane odpowiednie ilości towarów spełniające wskazane kryteria. Jeżeli ilość towarów w danej sekcji wyniesie 0 to zostanie ona wyłączona, bez możliwości zaznaczenia.

W szablonie Topaz, na stronie szczegółów towaru dodano w wersji 2021.2. mechanizm pozwalający na powiększenie zdjęcia towaru. Po kliknięciu w miniaturkę zdjęcia pokazuje się jego powiększenie.

Od wersji 2021.2 w szablonie Topaz w nagłówku 1 i 2 z poziomym menu, wprowadzono rozszerzanie menu, kiedy do e-Sklepu udostępnionych jest bardzo dużo kategorii oraz podkategorii.

W ustawieniach szablonu Topaz (które dostępne są w panelu administracyjnym w menu Wygląd sklepu/ Ustawienia/ Ustawienia szablonu) dodano parametry umożliwiające zarządzanie edycją terminu dostawy podczas składania zamówienia. W wersji 2021.2. można pozwolić klientom na planowanie terminu dostawy poprzez określenie jej oczekiwanej daty lub daty dostawy oraz jej godziny. Dla włączonego parametru domyślnie ustawiono edycję daty dostawy.

Od wersji 2021.2. w ustawieniach szablonu Topaz dodano także parametr, który pozwala określenie, w jakiej kolejności mają zostać wyświetlone kategorie w e-Sklepie. Parametr znajduje się w panelu administracyjnym w sekcji Wygląd Sklepu/Ustawienia. Istnieją dwie możliwości: kolejność zgodna z ustawieniami w systemie ERP lub domyślna – zgodna z zaleceniami optymalizacyjnymi szablonu. Uwaga, aby wyświetlać kategorie zgodnie z ustawieniami w systemie ERP, należy odpowiednio w posiadanym systemie ERP ustalić kolejność kategorii, a następnie wykonać synchronizację danych.

Podczas ustawienia minimalnej wartości zamówienia dla darmowej dostawy od wersji szablonu Topaz  2022, klient po wyborze dostawy, widzi komunikat określający, jaka jest minimalna wartość zamówienia by, dostawa była darmowa. Komunikat zostanie wyświetlony, gdy dla wybranej dostawy określono próg wartości zamówienia (większy od 0zł), po przekroczeniu, którego koszt dostawy będzie darmowy, a wartość samego koszyka nie spełnia jeszcze określonych warunków.

Przykładowa konfiguracja darmowej dostawy o minimalnej wartości zamówienia.

Od wersji 2022 dla nowo przygotowanych widoków listy towarów w szablonie Topaz zostały dodane i obsłużone następujące ustawienia w panelu administracyjnym w zakładce Wygląd sklepu/ Ustawienia:

Dla powyższych punktów domyślnymi ustawieniami są opcje zaznaczone powyżej. Ustawienia te można zmienić według własnego uznania, a następnie należy użyć opcji Zapisz i Publikuj.

Od wersji 2022.2 został dodany nowy widok szczegółów towaru. Obiekt o nazwie product-details-3 dostępny jest do wyboru podczas tworzenia nowego szablonu w Kreatorze Wyglądu Comarch.
W nowym widoku została dodana nowoczesna galeria zdjęć, w której oprócz zdjęć można zaprezentować także film dodany dla towaru w systemie ERP. Widok charakteryzuje się przejrzystym układem, zawiera dodatkowe sekcje z towarami polecanymi, ostatnio oglądanymi, a także zestawami towarów dostępnych do kupienia.

Wymagania szablonu Topaz:

  • Comarch e-Sklep w wersji minimum 2019.2,
  • e-Sklep obsługujący procesy B2C,
  • przeglądarki internetowe:

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 – nie wspierana dla szablonu Topaz,
  •   Internet Explorer – nie wspierana dla szablonu Topaz.

Szczegóły dotyczące generowania szablonu Topaz znajdziesz w artykule o kreatorze szablonu.

Czy ten artykuł był pomocny?