Warianty Produktów – przełącznik wariantów na karcie produktu

Warianty Produktów to widżet Storefront, który na karcie produktu wyświetla estetyczny przełącznik między powiązanymi produktami – np. różnymi kolorami, pojemnościami albo rozmiarami tego samego towaru, prezentowanymi jako osobne miniaturki z nazwą, dokładnie tak jak w dużych sklepach internetowych i marketplace-ach.

Najważniejsze funkcje

• • Nieograniczona liczba grup wariantowych – każda grupa to zestaw produktów będących swoimi wariantami.
• • Konfiguracja ręczna lub przez wklejenie struktury JSON – obie metody mogą działać jednocześnie.
• • Dowolna liczba produktów w każdej grupie, z opcjonalną własną etykietą wariantu (np. "Czerwony", "0,5 l").
• • Aktualnie oglądany produkt jest automatycznie wyróżniony w przełączniku.
• • Możliwość włączenia lub wyłączenia wyświetlania nazw produktów pod miniaturkami.
• • Własna kolorystyka: kolor akcentu (wyróżnienie aktualnego wariantu i hover), kolor nazw produktów oraz kolor tła sekcji.
• • Konfigurowalna szerokość, wysokość i promień zaokrąglenia okienka miniatury.
• • Opcjonalne wyświetlanie ceny wariantu (podstawowej oraz promocyjnej, gdy produkt jest w promocji) bezpośrednio pod miniaturką.
• • Zero wpływu na szybkość ładowania strony – treść renderuje się po stronie serwera, bez JavaScriptu i bez zewnętrznych zapytań.

Jak zacząć korzystać

1. 1. Zainstaluj aplikację Warianty Produktów z AppStore.
2. 2. Otwórz edytor szablonu Storefront i dodaj widżet „Warianty” na stronie produktu.
3. 3. Utwórz grupę wariantową ręcznie albo wklej konfigurację JSON i dodaj produkty będące swoimi wariantami (np. różne kolory tego samego modelu). Obu metod możesz używać jednocześnie.
4. 4. Opcjonalnie dopasuj wygląd: nagłówek, widoczność nazw produktów i cen, kolory oraz rozmiar i zaokrąglenie miniatury – ustawienia te obowiązują dla całego widżetu.
5. 5. Zapisz szablon – na karcie każdego produktu należącego do grupy pojawi się przełącznik wariantów, w pełni wyrenderowany po stronie serwera.

Przykładowa konfiguracja JSON

Zamiast dodawać wszystkie grupy ręcznie, możesz wkleić konfigurację w polu „Konfiguracja grup w formacie JSON”. Wartość product to ID produktu, a variant_label jest opcjonalną nazwą wyświetlaną pod miniaturką.

Możesz wkleić kilka grup w jednej tablicy JSON oraz jednocześnie korzystać z grup utworzonych ręcznie w konfiguracji widżetu.

Dla kogo

Aplikacja sprawdzi się w każdym sklepie, który sprzedaje ten sam produkt w kilku wariantach – kolorach, rozmiarach, pojemnościach czy wersjach – i chce ułatwić klientom przechodzenie między nimi bez wracania do wyników wyszukiwania czy kategorii.