Bloki zaufania i odznaki wiarygodności: pełny przewodnik
Instalacja i konfiguracja bloków zaufania: ikony, hooki, przeciągnij i upuść oraz warianty językowe.
Prezentacja
Moduł Bloki Zaufania i Odznaki Wiarygodności (dftrustbuilder) pozwala tworzyć bloki budujące zaufanie z biblioteki 18 wbudowanych ikon SVG, rozmieszczać je w 6 strefach frontu metodą przeciągnij i upuść oraz zarządzać wariantami językowymi. Zgodny z PrestaShop 8.0 do 9.x, multisklep i wielojęzyczny.
Przy instalacji tworzone są 4 przykładowe bloki (bezpieczna płatność, szybka dostawa, łatwe zwroty, zaprojektowano w Europie) w 5 językach w strefie zaufania na karcie produktu. Twój sklep jest od razu ubrany.
Instalacja
- W panelu administracyjnym przejdź do Moduły > Menedżer modułów > Zainstaluj moduł.
- Wgraj plik
dftrustbuilder-1.0.0.zipi kliknij Zainstaluj. - Kliknij Konfiguruj, aby przejść do ustawień wyświetlania i zarządzania blokami.
Żadna modyfikacja motywu nie jest potrzebna: moduł opiera się na standardowych hookach frontu.
Ustawienia wyświetlania
Strona konfiguracji modułu grupuje ustawienia globalne stosowane do wszystkich bloków:
- Styl: minimalny (bez ramki), obramowany (cienka ramka) lub karta (białe tło z cieniem).
- Kolumny: auto (dostosowane do dostępnej szerokości), 2, 3, 4 lub 6.
- Wyrównanie: ikona po lewej stronie tekstu albo wyśrodkowanie z ikoną powyżej.
- Rozmiar ikon: od 12 do 128 pikseli (domyślnie 32 px).
- Kolor ikon: pozostaw puste, aby dziedziczyć kolor tekstu motywu.
- Jedna kolumna na mobile: wymusza pionowe układanie na wąskich ekranach.
Zarządzanie blokami
Kliknij Zarządzaj blokami zaufania na stronie konfiguracji, aby otworzyć listę bloków.
Tworzenie bloku
- Kliknij Dodaj blok.
- Wybierz ikonę z siatki: bezpieczna płatność, karta płatnicza, ciężarówka dostawy, zegar 24 h, paczka, zwroty, gwarancja, made in EU, made in France, wsparcie, telefon, czat, prezent, opinie, eko, świat, satysfakcja, promocje.
- Wybierz hook wyświetlania (zobacz poniżej).
- Wpisz tytuł i podtytuł w każdym języku.
- Opcjonalnie: dodaj adres URL dla każdego języka, aby cały blok był klikalny, na przykład do strony CMS o dostawie.
- Zapisz. Blok jest dodawany na ostatniej pozycji.
Dostępne strefy wyświetlania
- Strefa zaufania produktu (displayReassurance): pod przyciskiem zakupu na karcie produktu, strefa zalecana.
- Strona główna (displayHome).
- Pod nagłówkiem, pełna szerokość (displayNavFullWidth).
- Nad stopką (displayFooterBefore): widoczna w całej witrynie.
- Dodatkowe informacje o produkcie (displayProductAdditionalInfo).
- Dół koszyka (displayShoppingCartFooter).
Zmiana kolejności przez przeciągnij i upuść
Na liście bloków chwyć strzałki w kolumnie Pozycja i przeciągnij wiersz. Kolejność zapisuje się automatycznie.
Użyj filtra Hook na górze kolumny, aby wyświetlić tylko bloki jednej strefy i precyzyjnie ułożyć kolejność w tym miejscu.
Warianty językowe
Każdy blok ma tytuł, podtytuł i link dla każdego języka. Dwa zastosowania:
- Tłumaczenie: po prostu wpisz teksty w każdej zakładce językowej.
- Widoczność według języka: pozostaw tytuł pusty w danym języku, aby ukryć blok tylko dla tego języka. Przykład: odznaka „Fabriqué en France” z ikoną sześciokąta widoczna tylko po francusku, a odznaka „Made in EU” dla pozostałych języków.
Tytuł jest obowiązkowy tylko w domyślnym języku sklepu. Wszystkie pozostałe języki mogą pozostać puste.
Multisklep
W kontekście multisklep każdy blok można powiązać z jednym lub wieloma sklepami przez sekcję Powiązanie ze sklepem formularza. Ustawienia wyświetlania (styl, kolumny, kolory) podążają za kontekstem konfiguracji PrestaShop.
Rozwiązywanie problemów
- Bloki się nie wyświetlają: sprawdź, czy blok jest aktywny, czy jego hook odpowiada strefie faktycznie renderowanej przez motyw i czy tytuł jest wpisany w przeglądanym języku.
- Strefa zaufania nie pojawia się na karcie produktu: niektóre motywy własne nie wywołują displayReassurance. Użyj wtedy displayProductAdditionalInfo albo displayFooterBefore.
- Ikony są niewidoczne albo w złym kolorze: domyślnie dziedziczą kolor tekstu. Ustaw jawny kolor w konfiguracji, jeśli motyw używa bardzo jasnego tekstu.
- Przeciągnij i upuść nie działa: upewnij się, że lista jest posortowana po kolumnie Pozycja (sortowanie domyślne).