Instrukcja›APPSTORE

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.
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.
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.
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.