Produkty powiązane jako warianty

O aplikacji

Aplikacja Produkty powiązane jako warianty łączy ze sobą osobne produkty w sklepie i prezentuje je na karcie produktu jako miniatury z linkami do siebie nawzajem - tak, jakby były wariantami jednego produktu. Można to wykorzystać np. do połączenia produktów o tych samych kolorach lub rozmiarach. Klient klika miniaturę i przechodzi do powiązanego produktu, bez konieczności przebudowywania struktury katalogu.

Instrukcja Co nowego Częste pytania Przykłady użycia Cennik

Instrukcja konfiguracji

Powiązania tworzysz bezpośrednio w panelu aplikacji (bez configu JSON) - wyszukując produkty lub zaznaczając je na liście produktów. Dodatkowo dopasujesz wygląd modułu, a w szablonie Storefront ustawisz też skrócone nazwy produktów.

Ustawienia aplikacji

Co nowego

2026 Marzec - RWD

możliwość dodania krótkiego opisu jako nazwy produktu
możliwość wyświetlania zdjęcia produktu w module aplikacji
możliwość sortowania powiązanych produktów w module, w szablonie RWD

2026 Styczeń - Storefront

możliwość dodania skróconej nazwy produktu
możliwość wyświetlania modułu aplikacji jako lista rozwijana
możliwość wyboru sortowania produktów

2026 Styczeń

dodano możliwość zwiększenia limitu ilości powiązanych produktów (wymaga odinstalowania i ponownej instalacji aplikacji - uwaga: usuwa to wszystkie istniejące powiązania)

2025 Luty - Storefront

możliwość wyboru między wyświetlaniem tylko dostępnych, a wszystkich produktów
możliwość dodania skróconej nazwy produktu

2024 Czerwiec - Storefront

dodano obsługę szablonu Storefront

2019 Wrzesień

możliwość wyświetlania nazwy produktu w module aplikacji

2019 Sierpień

możliwość dodania nagłówka nad modułem aplikacji

Częste pytania

Czy mogę zmienić wygląd miniatury aktualnego produktu?

Bezpośrednio w aplikacji nie da się tego zrobić, ale wystarczy prosty kod CSS dodany w Wygląd i treści → Wygląd sklepu → Obecny szablon graficzny → Własny styl CSS.

Ramka - edytuje styl (kolor, szerokość) ramki wokół obecnie zaznaczonego produktu:

#customRelated .related-item.current {
    border-width: 1px;
    border-color: #ec5200;
}

Ustawienie boxów - modyfikuje wygląd boxów (“kafelków”), np. ich wysokość i szerokość:

#customRelated .related-item {
    width: 76px;
    height: 76px;
}

Ustawienie zdjęć w boxach - edytuje miniatury produktów; domyślnie miniatura dopasowuje się do “kafelka”, w którym się znajduje:

#customRelated .related-item img {
    width: auto;
    height: 100%;
}

W jakim miejscu wyświetlają się propozycje innych produktów?

Miniatury powiązanych produktów pojawiają się nad przyciskiem dodawania do koszyka i nad ewentualnymi wariantami produktu.

Miejsce wyświetlania powiązanych produktów na karcie produktu

Dlaczego na karcie produktu mimo powiązania produktów nie wyświetlają się miniaturki pozostałych produktów?

Sprawdź po kolei:

Odśwież stronę wraz z wyczyszczeniem cache przeglądarki - dla Windows: Ctrl + Shift + R (lub Ctrl + R), dla macOS: ⌘ + Shift + R (lub Shift + przycisk przeładowania).
Sprawdź, czy powiązane produkty są aktywne.
Sprawdź ponownie, czy powiązania są poprawnie zrobione.

Na mocniej zmodyfikowanych szablonach sklepów może się zdarzyć, że z różnych powodów powiązania produktów nie wyświetlają się - wtedy napisz do nas, pomożemy! Adres e-mail: aplikacje@mamezi.pl

Korzystasz z szablonu Storefront, a moduł aplikacji nie zawsze się wyświetla?

Jeśli dodałeś moduł aplikacji w szablonie Storefront i nie wyświetla się on na wszystkich powiązanych produktach, wykonaj poniższe kroki:

Upewnij się, że korzystasz z najnowszej wersji aplikacji - jeśli aktualizacja jest dostępna, zainstaluj ją.
Przejdź do panelu aplikacji, do zakładki Konfiguracja STOREFRONT i w sekcji “Połącz dane aplikacji z szablonem Storefront” kliknij przycisk Połącz.

Przycisk Połącz dane aplikacji z szablonem Storefront

Dane aplikacji zostaną połączone z szablonem Storefront w ciągu kilku minut - status operacji sprawdzisz, odświeżając stronę.
Wyczyść pamięć cache sklepu w Ustawienia → Ogólne → Pamięć cache → Wyczyść cache danych (produkty, kategorie).

Przykłady użycia

Przykład użycia aplikacji w sklepie Plejada Tapet — Aplikacja produkty powiązane jako warianty w sklepie Plejada Tapet