Produkty z wariantami i atrybuty

Moduł 3: Produkty · Czas czytania: 10 min

Cel lekcji: Po tej lekcji potrafią Państwo utworzyć produkt z wariantami, atrybutami i wariantami, ocenić, kiedy warianty są lepsze niż osobne produkty, oraz zapobiegać problemom przy dużej liczbie wariantów.

Kluczowe pojęcia: atrybut, atrybut globalny (Produkty > Właściwości), atrybut lokalny, terminy, "Użyte dla wariantów" (Used for variations), wariant, wartości domyślne (Default Form Values), generowanie wariantów, edycja masowa, cena i stan magazynowy dla każdego wariantu, liczba kombinacji, max_input_vars

Jeden produkt, kilka możliwości wyboru

Theehuis Example sprzedaje sypką senchę w opakowaniach po 50, 100 i 250 gramów. Dla klienta to jedna herbata z wyborem ilości. Dla sklepu to trzy rzeczy z własną ceną, własnym stanem magazynowym i być może własną wagą. Właśnie do tego służy produkt z wariantami: jedna strona produktu, jeden opis, jedno miejsce w wynikach wyszukiwania, a w tle osobny wariant dla każdej opcji.

Alternatywa, czyli trzy osobne produkty pojedyncze, ma wady: trzy strony z niemal identycznym tekstem (powielona treść, lekcja 7.1), trzykrotne zarządzanie zdjęciami oraz klient, który musi szukać, które opakowanie chce kupić. Mimo to produkt z wariantami nie zawsze jest lepszy. Praktyczna zasada:

• Warianty, gdy klient postrzega to jako ten sam produkt i wybiera tylko jedną cechę: rozmiar, kolor, wagę, stopień zmielenia.
• Osobne produkty, gdy są naprawdę różne lub są inaczej wyszukiwane: herbata zielona i czarna albo dzbanek żeliwny i szklany. Każdy z nich zasługuje na własną stronę z własnym tekstem.

Atrybuty: elementy składowe

Wariant to kombinacja atrybutów. Atrybut to cecha ("Waga") z terminami, czyli wartościami ("50 g", "100 g", "250 g"). WooCommerce rozróżnia dwa rodzaje:

Atrybuty globalne tworzą Państwo jeden raz w Produkty > Właściwości (Products > Attributes). Obowiązują w całym sklepie: "Waga" z tymi samymi terminami dla wszystkich herbat. Zalety: terminy wpisuje się raz, pisownia jest wszędzie taka sama, a klienci mogą filtrować sklep według atrybutu ("pokaż wszystkie herbaty w opakowaniu 250 g"). Każdy atrybut globalny jest taksonomią z własnymi stronami archiwum, jeśli Państwo to włączą.

Atrybuty lokalne (custom product attributes) dodaje się tylko do jednego produktu. Przydają się w przypadku czegoś, co występuje tylko przy jednym produkcie, na przykład opcji grawerunku jednego dzbanka. Wada: brak filtra, a przy dziesięciu produktach z atrybutem "Kolor" mają Państwo dziesięć osobnych list z błędami w pisowni.

Dlatego dla powtarzających się cech (rozmiar, kolor, waga, materiał) warto wybrać atrybut globalny.

Atrybut działa dla wariantów dopiero wtedy, gdy przy produkcie zaznaczą Państwo pole Użyte dla wariantów (Used for variations). Bez tego zaznaczenia jest on widoczny tylko jako informacja w zakładce "Informacje dodatkowe" na stronie produktu. To również bywa przydatne: "Pochodzenie: Japonia" to atrybut bez wariantów.

Tworzenie i uzupełnianie wariantów

Gdy atrybuty są gotowe, przechodzą Państwo do zakładki Warianty. Znajdują się tam dwa przyciski: Wygeneruj warianty (Generate variations), który tworzy wariant dla każdej kombinacji, oraz Dodaj ręcznie (Add manually), który dodaje jeden wariant naraz.

Każdy wariant ma własne pola: SKU, cenę, cenę promocyjną, stan magazynowy, wagę, wymiary, zdjęcie oraz pola wyboru: włączony, do pobrania i wirtualny. Wariant bez ceny nie jest dostępny w sprzedaży i nie pojawia się jako opcja wyboru. To najczęstszy błąd: wygenerowanie wariantów, pominięcie ceny i klient, który widzi komunikat "Ten wariant jest niedostępny".

Za pomocą edycji masowej nad listą ustawiają Państwo jednocześnie cenę, stan magazynowy lub wagę dla wszystkich wariantów albo podnoszą ceny o kwotę lub procent. Następnie dostosowują Państwo wyjątki w poszczególnych wariantach.

W wartościach domyślnych (Default Form Values) wybierają Państwo, który wariant jest zaznaczony po otwarciu strony. Warto wybrać wariant, który sprzedaje się najlepiej, albo pozostawić pole puste, aby klient dokonał świadomego wyboru. Jeśli nic nie jest zaznaczone, strona pokazuje zakres cen ("€ 6,50 (≈ 28,55 zł) do € 24,00 (≈ 105,42 zł)").

Liczba kombinacji: tu pojawiają się problemy

Warianty się mnożą. Dzbanek w 4 kolorach, 3 rozmiarach, z grawerunkiem lub bez daje 4 × 3 × 2 = 24 warianty. Po dodaniu czwartego atrybutu z 5 opcjami jest ich już 120. Ma to konsekwencje:

• Zarządzanie. Każdy wariant ma własną cenę, stan magazynowy i SKU. Utrzymywanie 120 pozycji to dużo pracy i łatwo o błędy.
• Strona produktu. Do określonej liczby wariantów (domyślnie 30) WooCommerce przesyła wszystkie kombinacje razem ze stroną, dzięki czemu listy wyboru od razu wiedzą, które kombinacje istnieją. Przy większej liczbie wariantów strona po każdym wyborze pyta serwer, czy dana kombinacja istnieje (przez AJAX). To działa, ale klient może najpierw wybrać nieistniejącą kombinację i dopiero potem zobaczyć komunikat.
• Zapisywanie. Przy zapisywaniu wielu wariantów przeglądarka wysyła do serwera bardzo dużo pól naraz. PHP ma na to limit, max_input_vars. Jeśli zostanie przekroczony, ostatnie pola są po cichu pomijane: zapisują Państwo produkt, a część zmian znika. Dlatego panel pokazuje 15 wariantów na stronę, ale przy bardzo wielu atrybutach i polach limit nadal może zostać osiągnięty. Państwa dostawca hostingu może zwiększyć max_input_vars; w większości paneli mogą to Państwo zrobić samodzielnie w ustawieniach PHP (lekcja 7.2).

Co można zrobić:

• Tworzyć tylko kombinacje, które naprawdę istnieją. Zamiast "Wygeneruj warianty" przy czterech atrybutach dodać ręcznie kombinacje, które Państwo sprzedają.
• Cechę, która nie zmienia ceny ani stanu magazynowego, oferować nie jako wariant, lecz jako opcję produktu lub uwagę (na przykład tekst grawerunku w polu tekstowym; istnieją do tego rozszerzenia).
• Naprawdę różne produkty sprzedawać jako osobne produkty.

Pułapki

• Późniejsza zmiana nazwy atrybutu. Zmiana nazwy terminu atrybutu globalnego jest możliwa, ale istniejące warianty odwołują się do jego uproszczonej nazwy (slug). Najpierw proszę to przetestować w sklepie testowym.
• Mieszanie stanu magazynowego na poziomie produktu i wariantu. Proszę wybrać dla każdego produktu: stan magazynowy dla każdego wariantu (zwykle) albo jeden stan dla całego produktu.
• Zdjęcia wariantów. Bez własnego zdjęcia wariant pokazuje zdjęcie główne. W przypadku kolorów warto jednak mieć zdjęcie dla każdego koloru.
• Warianty bez SKU. Przy imporcie i integracji z systemem kasowym lub hurtownią potrzebują Państwo SKU dla każdego wariantu (lekcja 3.4).

W praktyce: tak wygląda to w WooCommerce

1. Produkty > Właściwości: proszę utworzyć atrybut "Waga" z terminami 50 g, 100 g i 250 g.
2. Produkty > Dodaj nowy: tytuł "Sencha Uji", dane produktu Produkt z wariantami.
3. Zakładka Właściwości: proszę dodać "Waga", wybrać wszystkie trzy terminy, zaznaczyć Użyte dla wariantów i zapisać właściwości.
4. Zakładka Warianty: Wygeneruj warianty (trzy warianty), następnie za pomocą edycji masowej włączyć zarządzanie stanem magazynowym, a dla każdego wariantu ustawić cenę (€ 6,50 (≈ 28,55 zł), € 11,50 (≈ 50,51 zł), € 24,00 (≈ 105,42 zł)), wagę i SKU, na przykład SEN-UJI-050.
5. W wartościach domyślnych proszę wybrać 100 g, zapisać i obejrzeć stronę produktu w oknie prywatnym.

Inne motywy pokazują wybór jako listę rozwijaną, przyciski lub kolorowe pola; zasada jest taka sama.

Podsumowanie

• Produkt z wariantami to jedna strona produktu z wariantem dla każdej opcji, każdy z własną ceną, stanem magazynowym i SKU.
• Dla powtarzających się cech należy używać atrybutów globalnych i zaznaczyć "Użyte dla wariantów".
• Wariant bez ceny nie jest dostępny w sprzedaży.
• Liczba kombinacji szybko rośnie: proszę tworzyć tylko rzeczywiste kombinacje i zwracać uwagę na max_input_vars przy zapisywaniu.
• Naprawdę różne produkty sprzedaje się jako osobne produkty.

Quiz

Zadanie

Zadanie A3.2: Państwa produkt z wariantami. Proszę wpisać adres sklepu, slug lub link do produktu z wariantami, liczbę wariantów dostępnych w sprzedaży w sklepie oraz atrybuty używane dla wariantów (oddzielone przecinkami, na przykład "Waga, Stopień zmielenia"). Program wyszukuje produkt przez publiczne Store API (/wp-json/wc/store/v1/products?slug=...), bez plików cookie i bez dodawania czegokolwiek do koszyka. Wynik zielony, jeśli produkt jest typu z wariantami, liczba wariantów jest zgodna z wpisaną, a każdy atrybut występuje jako atrybut używany dla wariantów. Wynik pomarańczowy, jeśli liczba się różni (sklep nie liczy wariantów bez ceny ani wyłączonych), jeśli atrybut istnieje, ale nie jest używany dla wariantów, lub informacyjnie, jeśli mają Państwo więcej niż 30 wariantów. Wynik czerwony, jeśli produkt nie zostanie znaleziony, nie jest produktem z wariantami lub nie ma żadnego z podanych atrybutów.

Pytanie do samodzielnego przemyślenia (nie jest sprawdzane): ile kombinacji utworzyłaby funkcja "Wygeneruj warianty" ze wszystkimi Państwa atrybutami i ile z nich faktycznie Państwo sprzedają?

Dalsza lektura

• Variable product (woocommerce.com, w języku angielskim): https://woocommerce.com/document/variable-product/
• Managing products (woocommerce.com, w języku angielskim): https://woocommerce.com/document/managing-products/
• Zmiana wersji PHP i ustawień PHP (oraz co zrobić w przypadku błędów po aktualizacji)

Kroki opisane w bazie wiedzy dotyczą paneli WebOké; u innych dostawców działa to podobnie.