Trusted Shops – jak dodać logo do sklepu?

Wstęp

Trusted Shops to znak jakości z ochroną kupującego, przyznawany sklepom internetowym. Aby rozpocząć jego integrację  z Comarch e-Sklep, najpierw musimy zarejestrować się na stronie TrustedShops. Po przejściu procesu rejestracji i otrzymaniu certyfikatu otrzymamy jego identyfikator, który jest potrzebny do połączenia go z naszym e-Sklepem.

Wprowadzenie identyfikatora Trusted Shops

W panelu administracyjnym należy wprowadzić identyfikator od Trusted Shops. Aby to zrobić, proszę przejść w Ustawienia/ Ustawiania sklepu/ Trusted Shops wpisać identyfikator i kliknąć przycisk Przyłącz.
Następnie proszę podążać za poniższymi wskazówkami dotyczącymi właściwego szablonu.

Dodawanie loga Trusted Shops do e-Sklepu

Kolejnym krokiem w integracji platformy Trusted Shops jest dodanie loga platformy. Dokonuje się tego poprzez edycję kodu HTML szablonu naszego sklepu i wgranie odpowiednich poprawek wymaganych przez platformę. Kod ten posiada kilka parametrów konfiguracyjnych, które zostaną opisane w rozdziale poniżej. Natomiast dalsza część instrukcji zostanie poświęcona implementacji loga zależnie od używanego szablonu w Comarch e-Sklep.

Parametry konfiguracyjne

  • Fragment kodu ’yOffset': ’60′, /* offset from page bottom */ określa wysokość, na jakiej ma się znajdować logo Trusted Shops. Często domyślnie jest to wartość 60. Zmiana tej wartości pozwala na dopasowanie elementu do wyglądu posiadanego szablonu.
  • Parametr ’variant' odpowiada za wariant wyświetlania Trustbadge. Pozwala określić, które logo Trusted Shops będzie widoczne w naszym sklepie. Domyślnie wybrany wariant to 'reviews', natomiast pozostałe warianty to 'default', 'custom_reviews' oraz 'custom'. Aby je zmienić, wystarczy wpisać nazwę wybranego wariantu w linijce kodu  ’variant':’reviews',  zastępując domyślnie wybrany wariant reviews.
Uwaga
Jeśli chcesz użyć wariantu „custom” lub „custom_reviews”, konieczne będą dodatkowe modyfikacje kodu Trustbadge i używanego szablonu. Więcej na ten temat przeczytasz na stronie TrustedShops

Wybrane warianty prezentują się następująco:

Szafir

Etap I – skrypt główny

Krok 1. W panelu administracyjnym przejdź do sekcji Wygląd sklepu/ Ustawienia/  Więcej  / Edytuj ustawienia zaawansowane ponownie Więcej  / Edytuj HTML
Krok 2. Przejdź do edycji pliku _layout.html, a następnie za pomocą narzędzia wyszukiwania odnajdź frazę </head>.
Krok 3. Powyżej znalezionego fragmentu wklej poniższy skrypt, w którym wartość XXXXXXXXXXXXX należy zastąpić identyfikatorem od Trusted Shops:

 

Etap II – wstawienie dodatkowego skryptu w szablonie

Krok 1. Pozostając w powyższym obszarze z plikami szablonu przejdź do pliku order/ lastpagesscripts.html i podmienić jego kod na poniższy:

Krok 2. Następnie należy zapisać i opublikować szablon (  Zapisz i opublikuj )

Topaz

Etap I – skrypt główny

Krok 1. W panelu administracyjnym przejdź do sekcji Wygląd sklepu/ Ustawienia/ Edytuj ustawienia zaawansowane/ Edytuj HTML.
Krok 2. Przejdź do edycji pliku base_layout.html, a następnie za pomocą narzędzia wyszukiwania proszę znaleźć frazę </body>. Jest to przedostatnia linijka w pliku.
Krok 3. Powyżej znalezionej linijki proszę wkleić poniższy skrypt, w którym wartość XXXXXXXXXXXXX należy zastąpić identyfikatorem od Trusted Shops:

 

Etap II – wstawienie dodatkowego skryptu w szablonie (obsługa gwarancji, ocen sklepu i produktów)

Krok 1.Pozostając w powyższym obszarze z plikami szablonu należy przejść do edycji partials/ cart/ lastpagesscripts.html i podmienić kod pliku na poniższy skrypt:

Krok 2. Przejdź do elements/ product/ product-details-1.html ( product-details-2.html lub product-details-3.html w zależności jaką wersję tego elementu wybrano przy tworzeniu strony w Kreatorze Szablonu). Za pomocą narzędzia wyszukiwania proszę znaleźć frazę {% if noPrices == false and product.UnitPriceUnit != null -%}. Powyżej wyszukanej linijki proszę wkleić następujący kod, w którym wartość XXXXXXXXXXXXX należy zastąpić identyfikatorem od Trusted Shops:
 

Krok 3. Pozostawiając otwarty ten sam plik, za pomocą narzędzia wyszukiwania proszę znaleźć frazę {% if customer.HidePrices == false and product.Price != null and product.Price != „” -%}. Powyżej wyszukanej linijki proszę wkleić następujący kod, w którym wartość XXXXXXXXXXXXX należy zastąpić identyfikatorem od Trusted Shops:

 

Krok 4. Następnie należy zapisać i opublikować szablon (  Zapisz i opublikuj )

Agat

Etap I – skrypt główny

Krok 1. W panelu administracyjnym przejdź do sekcji Wygląd sklepu/ Ustawienia/  Więcej  / Edytuj ustawienia zaawansowane ponownie Więcej  / Edytuj HTML
Krok 2. Przejdź do edycji pliku _layout.html, a następnie za pomocą narzędzia wyszukiwania odnajdź frazę </head>.
Krok 3. Powyżej znalezionego fragmentu wklej poniższy skrypt, w którym wartość XXXXXXXXXXXXX należy zastąpić identyfikatorem od Trusted Shops:

 

Etap II – wstawienie dodatkowego skryptu w szablonie

Krok 1. Pozostając w powyższym obszarze z plikami szablonu należy przejść do edycji partials/ cart/ lastpagesscripts.html i podmienić kod pliku na poniższy skrypt:

Krok 2. Następnie należy zapisać i opublikować szablon (  Zapisz i opublikuj )

Opal i Bursztyn

Etap I – skrypt główny

Krok 1. W panelu administracyjnym przejdź do sekcji Wygląd sklepu/ Ustawienia/  Więcej  / Edytuj ustawienia zaawansowane ponownie Więcej  / Edytuj HTML
Krok 2. Przejdź do edycji pliku _layout.html, a następnie za pomocą narzędzia wyszukiwania odnajdź frazę </head>.
Krok 3. Powyżej znalezionego fragmentu wklej poniższy skrypt, w którym wartość XXXXXXXXXXXXX należy zastąpić identyfikatorem od Trusted Shops:

 

Etap II – wstawienie dodatkowego skryptu w szablonie

Krok 1. Pozostając w powyższym obszarze z plikami szablonu należy przejść do edycji partials/ cart/ lastpagesscripts.html i podmienić kod pliku na poniższy skrypt:

Krok 2. Następnie należy zapisać i opublikować szablon (  Zapisz i opublikuj )

Wskazówka
Więcej informacji o Trusted Shops w artykule Trusted Shops

Czy ten artykuł był pomocny?