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.

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.
  • 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: 2x 560px x 630px, 700px x 850px, 1260px x 540px, 630px x 950px

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.

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?