Trustbadge® nie został jeszcze zintegrowany? Przed kontynuacją należy najpierw wykonać integrację standardową. Ten artykuł może Ci pomóc: Jak zintegrować Trustbadge w sklepie bez użycia wtyczki?
W powyższym artykule znajduje się również kod Trustbadge, który jest podstawą wszystkich korekt opisanych w poniższym tekście.
Sposób wyświetlania Trustbadge na urządzeniach mobilnych możesz skonfigurować niezależnie od sposobu wyświetlania go na urządzeniach stacjonarnych. W ramach integracji standardowej zdefiniowano następujące reguły dla mobilnego Trustbadge:
- Trustbadge prezentuje zebrane gwiazdki oceny oraz – po pomyślnej certyfikacji – Twój znak jakości.
- Trustbadge jest wyświetlany po lewej stronie ekranu.
- Trustbadge jest wyświetlany 10 pikseli nad dolną krawędzią ekranu.
Zasady te można oczywiście dostosować do indywidualnych potrzeb. W tym artykule wyjaśniamy, jak używać kodu Trustbadge®, aby...
- ... zmienić sposób wyświetlania Trustbadge na urządzeniach mobilnych.
- ... przenieść Trustbadge w inne miejsce w widoku mobilnym.
- ... dezaktywować tryb wygaszania.
Jak inaczej wyświetlić Trustbadge w wersji mobilnej?
W ramach standardowej integracji Trustbadge prezentuje zebrane gwiazdki oceny oraz – po pomyślnej certyfikacji – znak jakości.
Korzystając z kodu Trustbadge, masz trzy opcje zmiany sposobu wyświetlania Trustbadge:
- Możesz ukryć zebrane gwiazdki oceny i wyświetlać tylko swój znak jakości.
- Możesz także korzystać z wersji stacjonarnej Trustbadge w mobilnej wersji strony internetowej.
- Możesz użyć wariantu paska górnego Trustbadge w wersji mobilnej swojej strony internetowej.
Ukrywanie gwiazdek oceny
- Znajdź następujący wiersz w kodzie Trustbadge:
data-mobile-disable-reviews="false"
- Zastąp ten wiersz kodu następującym wierszem kodu:
data-mobile-disable-reviews="true"
Gwiazdki oceny zostały pomyślnie ukryte w mobilnej wersji strony.
Korzystanie z wersji stacjonarnej Trustbadge w mobilnej wersji strony
- Znajdź następujący wiersz w kodzie Trustbadge:
data-disable-mobile="false"
- Zastąp ten wiersz kodu następującym wierszem kodu:
data-disable-mobile="true"
Oznacza to, że możesz korzystać z wersji stacjonarnej Trustbadge także w mobilnej wersji swojej strony internetowej.
Korzystanie z wariantu paska górnego Trustbadge
- Znajdź następujący wiersz w kodzie Trustbadge:
data-mobile-enable-topbar="false"
- Zastąp ten wiersz kodu następującym wierszem kodu:
data-mobile-enable-topbar="true"
Dzięki temu możesz korzystać z wariantu paska górnego Trustbadge w mobilnej wersji strony.
Wariant paska górnego Trustbadge jest osadzony na stałe przy górnej krawędzi ekranu. Nie można zmienić tej pozycji.
Jak mogę przenieść Trustbadge w wersji mobilnej w inne miejsce?
W ramach integracji standardowej na urządzeniach mobilnych Trustbadge wyświetlany jest po lewej stronie ekranu 10 pikseli nad dolną krawędzią ekranu.
Za pomocą kodu Trustbadge można przenieść Trustbadge w wersji mobilnej...
... poziomo od lewej krawędzi ekranu do środka lub w prawo.
... pionowo w górę lub w dół.
... dowolnie w mobilnej wersji strony internetowej.
Umieszczanie Trustbadge na prawej krawędzi ekranu lub na środku
- Znajdź następujący wiersz w kodzie Trustbadge:
data-mobile-position="left"
- Zastąp wiersz kodu jednym z następujących wierszy kodu:
- Jeśli chcesz umieścić Trustbadge po prawej stronie:data-mobile-position="right"
- Jeśli chcesz umieścić Trustbadge na środku:data-mobile-position="center"
Pomyślnie umieszczono Trustbadge na prawej krawędzi ekranu lub pośrodku.
Przesuwanie Trustbadge w górę lub w dół
- Znajdź następujący wiersz w kodzie Trustbadge:
data-mobile-y-offset="0"
- Zastąp 0 liczbą pikseli, o którą Trustbadge ma być przesunięty w górę lub w dół.
Dwa przykłady:
- Chcesz przesunąć Trustbadge o 5 pikseli w górę? W takim przypadku użyj następującego wiersza kodu:
data-mobile-y-offset="5"
- Czy chcesz przesunąć Trustbadge w dół? Użyj wartości ujemnych. Aby przesunąć Trustbadge o 5 pikseli w dół, użyj następującego wiersza kodu:
data-mobile-y-offset="-5"
Stosuj tylko wartości do -10.
Trustbadge został pomyślnie przeniesiony w górę lub w dół.
Elastyczne umieszczanie Trustbadge na stronie internetowej
Oprócz opisanego powyżej standardowego wariantu ze stroną internetową w wersji mobilnej możesz również zintegrować swoją indywidualną wersję Trustbadge.
Wariant specjalny różni się od wariantu standardowego na trzy sposoby:
- Wygląda inaczej niż wersja standardowa. Tutaj można zobaczyć wariant niestandardowy:
(z gwiazdkami oceny) (bez gwiazdek oceny) - Na stronie internetowej można umieścić wariant niestandardowy z pełną elastycznością.
- Można zmienić wielkość wariantu niestandardowego.
Domyślnie wariant niestandardowy w widoku mobilnym ma szerokość 156 pikseli i wysokość 78 pikseli. Poniżej wyjaśniamy, jak zmienić rozmiar Trustbadge w widoku mobilnym. Czy powyższe wartości domyślne są dla Ciebie odpowiednie? W takim razie pomiń dwa kolejne kroki i przejść do kroku 3.
- Znajdź następujący wiersz w kodzie Trustbadge:
data-mobile-custom-width="156"
- Zastąp 156 liczbą pikseli, którą chcesz określić jako szerokość Trustbadge.
Liczba pikseli, którą możesz tu określić, zależy od tego, czy gwiazdki oceny zostały ukryte w widoku mobilnym.
- Gwiazdki oceny zostały ukryte? W takim przypadku wybierz liczbę pikseli od 32 do 58.
- Gwiazdki oceny nie są ukryte? W takim przypadku wybierz liczbę pikseli od 100 do 500.
Liczba pikseli dla wysokości Trustbadge jest automatycznie określana przez wybraną szerokość. Nie musisz jej podawać.
- Znajdź następujący wiersz w kodzie Trustbadge:
data-mobile-enable-custom="false"
- Zastąp ten wiersz kodu następującym wierszem kodu:
data-mobile-enable-custom="true"
- Otwórz kod źródłowy swojej strony.
- Umieść następujący wiersz kodu na swojej stronie internetowej w miejscu, w którym powinien się pojawić Trustbadge:
<div id="trustbadgeCustomMobileContainer"></div>
Może to być np. nagłówek lub stopka.
Trustbadge został pomyślnie zintegrowany w wybranej pozycji na stronie internetowej.
Jak dezaktywować tryb wygaszania Trustbadge na urządzeniach mobilnych?
W widoku mobilnym automatycznie aktywowany jest tryb wygaszania. W tym trybie Trustbadge jest wyświetlany u góry każdej strony. Jednak znika, gdy klienci przewijają stronę w dół. Pojawia się ponownie, gdy tylko klient wróci na górę strony. Możesz dezaktywować tryb wygaszania, aby Trustbadge nie był już ukryty.
- Znajdź następujący wiersz w kodzie Trustbadge:
data-mobile-enable-fadeout="true"
- Zastąp ten wiersz kodu następującym wierszem kodu:
data-mobile-enable-fadeout="false"
Tryb wygaszania został pomyślnie dezaktywowany w widoku mobilnym.