Koszt i czas dostawy na karcie produktu (Popup)

Kluczowe korzyści dla Twojego sklepu

• Wszystko w jednym miejscu – edytujesz koszty dostawy jako standardową stronę CMS. Nie musisz uczyć się obsługi nowego edytora.
• Klient zostaje na produkcie – okno z cennikiem otwiera się i zamyka (krzyżykiem, kliknięciem w tło lub klawiszem ESC) bez przeładowywania strony, dzięki czemu klient nie wypada ze ścieżki zakupowej.
• Wsparcie dla wielu języków – etykietę przycisku (np. "Koszty dostawy", "Shipping info") ustalisz osobno dla każdego języka, w którym działa Twój sklep.
• Zgodność z Multistore – jeśli prowadzisz kilka sklepów z różnymi cennikami, moduł pozwala przypisać inną stronę CMS dla każdego z nich.
• Proste umiejscowienie – w panelu wybierasz jedną z gotowych pozycji wyświetlania przycisku, która najlepiej pasuje do wyglądu Twojej karty produktu.

Pod maską – wydajność i architektura (dla technicznych)

Moduł został zaprojektowany z naciskiem na maksymalną lekkość i brak wpływu na szybkość ładowania sklepu (Core Web Vitals):

• Brak zapytań AJAX (0 ms opóźnienia) – treść modala jest wstrzykiwana bezpośrednio do kodu HTML podczas generowania widoku produktu. Popup otwiera się natychmiast.
• Czysty Vanilla JS – skrypt nie wymaga jQuery, Bootstrapa ani innych zewnętrznych bibliotek, co wyklucza konflikty z motywami.
• Selektywne ładowanie assetów – pliki .css i .js ładują się wyłącznie na kontrolerze produktu i tylko wtedy, gdy w konfiguracji wybrano poprawną stronę CMS.
• Natywne środowisko PrestaShop – moduł nie tworzy własnych, zduplikowanych tabel w bazie danych, opierając się w 100% na wbudowanym silniku CMS.
• Przyjazny dla SEO – treść dostawy jest fizycznie przypisana do pojedynczego adresu URL strony CMS. Popup służy wyłącznie jako widok kontekstowy i nie tworzy nowych podstron indeksowalnych przez roboty wyszukiwarek.
• Zgodność z systemami Cache – dzięki renderowaniu po stronie serwera (SSR), moduł działa bezbłędnie z rozwiązaniami takimi jak HTML Cache, LiteSpeed Cache czy Varnish.

Funkcjonalności Back Office (Panel Administratora)

Integracja z własnym motywem (Hook niestandardowy)

Jeśli gotowe pozycje nie pasują do Twojego indywidualnego szablonu graficznego, moduł udostępnia dedykowany hook. Wystarczy wkleić poniższy kod w wybranym miejscu pliku product.tpl (lub product.html.twig):

{hook h='displayPPcustomShippingPopup' product=$product}

Ważne przed instalacją

Przed rozpoczęciem konfiguracji upewnij się, że w dziale Wygląd -> Strony (CMS) masz utworzoną i włączoną stronę z cennikiem dostaw. Bez przypisania tej strony w ustawieniach modułu, przycisk nie pojawi się na karcie produktu. Po udanej instalacji i konfiguracji zalecamy wyczyszczenie pamięci podręcznej (cache) PrestaShop.