iModules — APPSTORE [APPSTORE] Produkty powiązane w popupie PRO Instrukcja modułu „Produkty powiązane w popupie — dodano do koszyka” dla Shoper Storefront: konfiguracja produktów, wyglądu kart, slidera i nawigacji z otwartym popupem w podglądzie. Produkty powiązane w popupie „Dodano do koszyka” — instrukcja obsługi Produkty powiązane w popupie „Dodano do koszyka” rozszerzają standardowe okno Shopera o dodatkowy slider z produktami powiązanymi. Klient od razu po dodaniu produktu do koszyka może zobaczyć kolejne propozycje, przejść do ich kart lub dodać prosty produkt bezpośrednio do koszyka. ✦ Korzyści Najważniejsze rzeczy, które zyskujesz po uruchomieniu modułu. ↗ Cross-selling dokładnie po dodaniu do koszyka Produkty dodatkowe pojawiają się w momencie, w którym klient właśnie podjął decyzję zakupową. Dzięki temu możesz od razu podpowiedzieć akcesoria, uzupełnienia zestawu lub produkty z tej samej serii. ✓ Wykorzystuje produkty powiązane ustawione w Shoperze Nie tworzysz osobnej listy rekomendacji w module. Slider korzysta z produktów powiązanych przypisanych do danego produktu w sklepie i może automatycznie pominąć pozycje niedostępne. ↔ Responsywny slider dla desktopu i telefonu Osobno ustawiasz liczbę produktów widocznych na większym ekranie i telefonie. Możesz też określić odstęp, szybkość animacji, liczbę przesuwanych pozycji i sposób działania slidera. ＋ Dwa sposoby prowadzenia klienta do kolejnego zakupu Możesz kierować klienta do karty produktu albo użyć standardowego przycisku Shopera. Jeśli produkt wymaga wyboru wariantu, klient trafia na jego kartę, aby wskazać właściwą opcję. % Czytelne pokazanie promocji i ceny Przy produkcie promocyjnym moduł może pokazać aktualną cenę, przekreśloną cenę bazową oraz etykietę z procentem rabatu. Dzięki temu obniżka jest widoczna bez otwierania karty produktu. ✎ Dopasowanie wyglądu do szablonu sklepu Możesz ustawić szerokość popupu, rozmiar miniatur, wygląd nazwy i ceny, a także strzałki oraz opcjonalny własny styl przycisku. Domyślnie przycisk może zachować wygląd Shopera. ✓ Najważniejsze możliwości modułu produkty powiązane pobierane dla produktu dodanego do koszyka, opcjonalne wyświetlanie wyłącznie produktów dostępnych, osobna liczba produktów na desktopie i mobile, tryb Slide lub Loop oraz regulowany odstęp i szybkość animacji, cena promocyjna, stara cena i opcjonalna etykieta rabatu. link do produktu albo standardowy przycisk Shopera, bezpieczne przejście do karty produktu, gdy trzeba wybrać wariant, konfiguracja nazwy i ceny produktu, pełna konfiguracja wyglądu strzałek nawigacyjnych, regulowana maksymalna szerokość popupu na większych ekranach. Moduł nie zastępuje standardowego popupu Shopera. Rozszerza go o sekcję produktów powiązanych, dzięki czemu klient może kontynuować zakupy bez opuszczania kontekstu dodanego produktu. Skąd biorą się produkty w sliderze?Moduł korzysta z produktów powiązanych przypisanych do danego produktu w Shoperze. Jeżeli dla produktu nie ma żadnych powiązanych pozycji spełniających ustawione warunki, dodatkowa sekcja nie zostanie pokazana. 01 Ustawienia popupu i produktów Ustaw widoczność modułu, tytuł sekcji, szerokość popupu oraz podstawowe zasady wyświetlania produktów. Popup w podglądzie jest otwarty od razu, abyś mógł od razu ocenić efekt. Wyłączenie modułu ukrywa jedynie sekcję produktów powiązanych — podstawowa część okna „Dodano do koszyka” pozostaje widoczna. Interaktywny podgląd Interaktywny symulator jest dostępny w pełnym widoku instrukcji. Wersja dla czytników AI pomija kod i dane symulatora, aby dokument pozostał lekki. 02 Wygląd produktu i przycisku Dopasuj typografię nazw i cen oraz zdecyduj, czy przyciski mają korzystać ze standardowego wyglądu Shopera. Podgląd po prawej skupia się na pojedynczej karcie produktu powiązanego, aby łatwiej ocenić nazwę, cenę, etykietę promocji i wygląd przycisku. Nie powielamy tu pełnego popupu drugi raz. Interaktywny podgląd Interaktywny symulator jest dostępny w pełnym widoku instrukcji. Wersja dla czytników AI pomija kod i dane symulatora, aby dokument pozostał lekki. 03 Slider i nawigacja Ustaw liczbę widocznych produktów, sposób przewijania oraz wygląd strzałek nawigacyjnych. Podgląd po prawej pokazuje samą sekcję slidera, dzięki czemu łatwiej ocenisz liczbę widocznych produktów, odstępy, typ przesuwania i wygląd strzałek. Przełączaj Desktop / Mobile, aby sprawdzić obie wersje. Interaktywny podgląd Interaktywny symulator jest dostępny w pełnym widoku instrukcji. Wersja dla czytników AI pomija kod i dane symulatora, aby dokument pozostał lekki. Szybka checklista Krótka lista kontrolna przed uruchomieniem modułu w sklepie. Sprawdź, czy przy najważniejszych produktach w Shoperze są ustawione produkty powiązane. Otwórz standardowy popup „Dodano do koszyka” i sprawdź, czy sekcja pojawia się przy produktach z rekomendacjami. Sprawdź liczbę produktów oraz szerokość kart osobno na komputerze i telefonie. Przetestuj produkty promocyjne i upewnij się, że cena bazowa oraz rabat są czytelne. Jeżeli używasz standardowego przycisku Shopera, przetestuj prosty produkt oraz produkt z wariantami. Kliknij strzałki slidera i sprawdź zachowanie na początku i końcu listy. Historia aktualizacji Najważniejsze zmiany w bieżącej wersji modułu i instrukcji. 03.10.2026 Rozbudowa konfiguracji modułu uporządkowano ustawienia w czytelne grupy funkcjonalne, rozszerzono konfigurację wyglądu nazw i cen produktów, dodano większą kontrolę nad wyglądem strzałek slidera, dodano opcjonalne własne style przycisków z zachowaniem standardowego wyglądu Shopera jako ustawienia bazowego, odświeżono podglądy instrukcji: 1 pełny popup, 1 zbliżenie karty produktu i 1 widok samego slidera.