Wielokolorowe warianty produktów w WooCommerce - konfiguracja i wybór rozwiązania

Produkt prosty wystarczy, gdy klient kupuje jeden stały, wielokolorowy wzór i nie wybiera jego wersji. Przykładem jest koszulka z nadrukiem w kilku barwach, który zawsze wygląda tak samo; sam fakt, że nadruk ma kilka kolorów, nie tworzy wariantów.

Produkt z wariantami wybierz, gdy klient może wskazać jedną z dostępnych opcji, na przykład czerwony albo niebieski wzór. Rozmiar również może być wyborem wariantu, nawet jeśli kolorystyka produktu pozostaje stała. WooCommerce opisuje warianty jako zestaw opcji, które kupujący wybiera dla produktu; ich kombinacje mogą mieć własne ceny, stany i zdjęcia. Dokumentację sprawdziliśmy w październiku 2026.

Nazwij opcję zgodnie z przedmiotem wyboru: "Kolor", "Wzór" albo "Zestaw". Dla stałego nadruku pokaż zdjęcie produktu, a dla wybieranych wersji przygotuj próbki lub miniatury, które przedstawiają każdą opcję.

Dla niezmiennego nadruku bez wyboru użyj produktu prostego; warianty dodaj dopiero wtedy, gdy klient ma opcję do wskazania.

Produkt z wariantami wybierz wtedy, gdy klient wskazuje konkretną kombinację dostępnych opcji, na przykład granatową koszulkę w rozmiarze M. Atrybut opisuje cechę produktu, taką jak kolor albo rozmiar; wariant jest sprzedawaną kombinacją tych cech. Próbka kolorystyczna, zwana też swatchem, to wizualny sposób prezentacji opcji, a nie samodzielny wariant magazynowy.

Wtyczka do próbek może zmienić listę wyboru na kółka lub miniatury, ale jej wygląd i działanie zależą od rozszerzenia oraz motywu. Jeśli te same cechy występują w wielu produktach, globalne atrybuty ułatwiają utrzymanie jednolitych nazw i filtrowanie katalogu; atrybut lokalny wystarczy dla pojedynczej konfiguracji. Więcej o modelowaniu cech opisujemy w poradniku warianty i atrybuty produktów WooCommerce.

W edycji produktu wybierz typ Produkt z wariantami, dodaj atrybut i zaznacz, że służy do tworzenia wariantów. WooCommerce prowadzi przez sekcje Dane produktu > Atrybuty i Dane produktu > Warianty; nazwy widoczne w panelu mogą zależeć od języka instalacji. Instrukcję producenta sprawdziliśmy w październiku 2026.

1. W edycji produktu wybierz typ Produkt z wariantami.
2. W sekcji Atrybuty dodaj globalny atrybut Kolor lub utwórz atrybut lokalny, na przykład Kolor z wartościami Granatowy i Kremowy.
3. Zaznacz opcję użycia atrybutu do wariantów i zapisz atrybuty.
4. W sekcji Warianty wygeneruj wszystkie sprzedawane kombinacje albo dodaj je ręcznie.
5. Rozwiń wariant i uzupełnij cenę, zdjęcie oraz - jeśli sklep tak ewidencjonuje produkt - SKU i zarządzanie stanem.
6. Zapisz zmiany wariantów i zaktualizuj produkt.

Liczba kombinacji przy pełnym połączeniu atrybutów równa się iloczynowi ich wartości. Cztery kolory i pięć rozmiarów dają maksymalnie 20 wariantów, jeśli każda kombinacja jest dostępna.

Utwórz tylko kombinacje, które można kupić; ręczne dodanie wariantów pozwala pominąć wersje nieprodukowane.

WooCommerce 11.1 ma wbudowaną galerię zdjęć dla wariantów. W edycji produktu rozwiń wariant w sekcji Warianty, przypisz zdjęcie główne, a dodatkowe obrazy dodaj przez Zarządzaj przy galerii wariantu; pierwsze zdjęcie galerii staje się głównym. Funkcję i jej zgodność ze standardową galerią motywu sprawdziliśmy w dokumentacji producenta w październiku 2026.

Przy produkcie mającym więcej niż 30 wariantów listy wyboru WooCommerce nie zawężają dynamicznie dostępnych opcji po wybraniu pierwszego atrybutu. Klient może wybrać niedostępną kombinację i zobaczyć komunikat "Sorry, no products matched your selection. Please choose a different combination." Producent wyjaśnia, że zachowanie ogranicza koszt obliczeń przy dużej liczbie wariantów; limit można zmienić filtrem, ale wyższy limit może wpłynąć na wydajność. Dokumentację sprawdziliśmy w październiku 2026.

Z naszych wdrożeń wynika, że przy imporcie katalogu problemy pojawiają się szczególnie wtedy, gdy po imporcie zmieniają się wartości atrybutu, ale warianty nie zostają ponownie przypisane do tych wartości. Dlatego przed masową edycją sprawdzamy jeden produkt na kopii sklepu: wybór opcji, zdjęcie, cenę, SKU i pozycję w koszyku. Jeśli potrzebujesz sklepu z katalogiem i mechaniką zakupową zaplanowanymi razem, sklepy internetowe na WooCommerce obejmują przygotowanie takiego rozwiązania.

Próbka i zdjęcie wariantu powinny przedstawiać tę samą wersję produktu, a zdjęcie nie powinno być obrobione tak, by zmieniało odbiór koloru. Jednolite kółko nie odda dobrze melanżu, tkaniny ani nadruku z wieloma barwami.

Użyj nazw, które pomagają odróżnić dostępne opcje, na przykład "Granatowy" zamiast "Ciemny". Dla wzoru zastosuj nazwę motywu i miniaturę pokazującą jego układ, a dla zestawu pokaż wszystkie elementy razem. Nie używaj jednolitej próbki jako reprezentacji wielokolorowego nadruku.

Przypisz zdjęcie wybranego wariantu do jego galerii, a pozostałe ujęcia przeznacz na detale, skalę wzoru lub sposób użycia. Jeśli ekran, oświetlenie albo partia materiału mogą wpływać na odbiór barwy, umieść informację o możliwej różnicy przy opisie produktu.

Perspektywa KC Mobile: przy odzieży, tapetach i materiałach wykończeniowych zdjęcie powinno pokazywać także skalę wzoru. Zbliżenie może oddawać kolory, ale utrudniać ocenę wielkości motywu.

Przy dużym katalogu policz sprzedawane kombinacje i pomiń te, których klient nie może kupić. Iloczyn wartości atrybutów pokazuje maksymalną liczbę wariantów tylko wtedy, gdy każda wartość łączy się z każdą.

Ręczne warianty ograniczają nieużywane kombinacje, ale wymagają kontroli kompletności katalogu.

Przy wielu produktach stosuj spójne globalne atrybuty oraz niepowtarzalne SKU, jeśli system magazynowy identyfikuje każdą wersję osobno. Filtry katalogowe powinny używać cech, które kupujący rozumie i może porównać. Na telefonie sprawdź widoczność nazwy koloru, dostępność próbek i łatwość zmiany wyboru. Przy błędnych kombinacjach skorzystaj z listy diagnostycznej w poradniku problemy z wariantami WooCommerce.

Sprawdź każdy typ wariantu od wyboru opcji na karcie produktu do danych zapisanych w koszyku. Test wykonaj na telefonie i komputerze oraz uwzględnij przynajmniej jedną kombinację bez zapasu.

• Wybierz kolor i rozmiar, a następnie sprawdź zdjęcie, cenę i dostępność.
• Sprawdź, czy niedostępnej kombinacji nie można dodać do koszyka.
• Dodaj dostępny wariant i zweryfikuj nazwę opcji, SKU oraz ilość w koszyku i zamówieniu.
• Wyczyść wybór i sprawdź, czy galeria wraca do zdjęć produktu nadrzędnego.
• Otwórz bezpośredni adres wariantu, jeśli motyw lub rozszerzenie go udostępnia.

Testuj cały przepływ, bo poprawne zdjęcie na karcie nie potwierdza jeszcze poprawności danych zamówienia.

Jeśli zdjęcie nie zmienia się po wyborze, sprawdź, czy wariant ma przypisany obraz i czy produkt został zapisany. Potem zweryfikuj, czy motyw korzysta ze standardowej galerii WooCommerce; własna galeria może wymagać sprawdzenia zgodności.

Błąd występuje wtedy, gdy nazwa, próbka, zdjęcie i stan magazynowy opisują różne wersje produktu. Kupujący może wtedy wybrać opcję niedostępną albo otrzymać produkt o innej kolorystyce niż ta pokazana na karcie.

• Próbka jest jednolita, choć produkt ma nadruk lub melanż: zastąp ją miniaturą wzoru.
• Wariant nie ma zdjęcia: przypisz obraz w danych wariantu i sprawdź widok produktu.
• Nazwy "Jasny" i "Naturalny" są niejednoznaczne: doprecyzuj je tak, by klient rozróżnił wersje.
• Każdy kolor ma osobny zapas, ale sklep kontroluje tylko stan produktu nadrzędnego: włącz zarządzanie stanem dla wariantów.
• Wybór prowadzi do nieprodukowanej kombinacji: usuń ją z listy wariantów.

WooCommerce pozwala zarządzać stanem na poziomie produktu nadrzędnego albo osobno dla każdego wariantu. Jeśli kolory mają niezależne zapasy, włącz zarządzanie stanem w każdym wariancie i wpisz ilość. Szczegóły opisuje dokumentacja produktów z wariantami WooCommerce, sprawdzona w październiku 2026.

Jeśli zmiana atrybutów unieruchomiła kombinacje, sprawdź, czy wszystkie wartości są nadal przypisane do wariantów. Zakres prac wpływa na wycenę konfiguracji, co wyjaśniamy w materiale od czego zależy koszt atrybutów i wariantów.

Gdy potrzebujesz sklepu z uporządkowanym katalogiem i ścieżką zakupową, projekt sklepu internetowego WooCommerce pozwala zaplanować warianty razem z filtrami i sposobem prezentacji produktów.

• Ceny promocyjne dla wariantów produktów: konfiguracja i kontrola w sklepie
• Jak dodać produkt, zdjęcia do galerii i produkt powiązany w WooCommerce
• Konfiguratory towarów i grup towarów: praktyczny przewodnik
• Jak wyświetlić kolekcję produktów na stronie głównej sklepu WooCommerce