PS PrestaShop Początkujący

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.

Zaktualizowano Wersja modułu 1.0.0

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

  1. W panelu administracyjnym przejdź do Moduły > Menedżer modułów > Zainstaluj moduł.
  2. Wgraj plik dftrustbuilder-1.0.0.zip i kliknij Zainstaluj.
  3. 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

  1. Kliknij Dodaj blok.
  2. 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.
  3. Wybierz hook wyświetlania (zobacz poniżej).
  4. Wpisz tytuł i podtytuł w każdym języku.
  5. Opcjonalnie: dodaj adres URL dla każdego języka, aby cały blok był klikalny, na przykład do strony CMS o dostawie.
  6. 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).
Czy ta strona była pomocna?

Nadal utknąłeś? Napisz do wsparcia