Strona nie jest powiązana z Shopify Inc. Shopify jest znakiem towarowym Shopify Inc.
Poradnik · · 3 min
Wariant produktu na telefonie: sprawdź cenę, stan i wybór
Zmiana rozmiaru lub koloru musi prowadzić do właściwego wariantu. Przetestuj także niedostępność i czytelne oznaczenie wyboru.
Sprawdź jeden produkt z dwoma wariantami
Wybierz produkt, którego warianty potrafisz jednoznacznie rozróżnić. Zapisz ich identyfikatory, cenę i stan w źródle. Nie oceniaj poprawności tylko po zmianie zdjęcia.
Panel może poprawnie przechowywać dane, podczas gdy motyw lub integracja pokazuje je inaczej. Dlatego porównaj konfigurację z widokiem klienta.
Zapisz scenariusz wyboru
Na małym ekranie wybierz wariant, dodaj go do koszyka i sprawdź identyfikację. Wykonaj próbę bez prawdziwej płatności, korzystając z dostępnego trybu testowego.
| Krok | Co powinno być jasne |
|---|---|
| Wybór | Który rozmiar lub kolor jest aktywny |
| Cena | Kwota właściwa dla wariantu |
| Dostępność | Czy wariant można zamówić |
| Koszyk | Właściwy wariant i ilość |
| Podsumowanie | Końcowa cena i warunki |
Nie opieraj wyboru tylko na kolorze
Etykieta powinna umożliwić rozpoznanie wariantu bez zgadywania odcienia. Sprawdź klawiaturę, widoczny fokus i komunikat dla niedostępnej opcji.
Jeżeli po zmianie wariantu pojawia się błąd, tekst powinien wyjaśniać, co poprawić. Sama czerwona ramka albo znikający przycisk nie daje pełnej instrukcji.
Powiększ tekst i sprawdź kolejność
Na telefonie zwiększ rozmiar tekstu. Sprawdź, czy pola i przyciski nadal mieszczą się w czytelnym układzie. Przejdź kontrolki klawiszem Tab, zachowując logiczną kolejność.
Nie dodawaj animacji, która opóźnia reakcję na częsty wybór. Krótka informacja o aktywnym wariancie pomaga bardziej niż efekt zasłaniający cenę.
Zapisz błąd tak, żeby dało się go naprawić
W raporcie wskaż wariant, krok, spodziewany wynik i to, co rzeczywiście pokazano. Dołącz zrzut bez danych osobowych. Po poprawce powtórz ten sam test i drugi wariant.
Dokumentacja platformy jest źródłem aktualnych funkcji. Ten niezależny scenariusz nie jest oficjalnym materiałem Shopify i nie oznacza afiliacji z platformą.
Źródła i metoda
Autorski scenariusz pracy i karta kontrolna. Ilustracje liczbowe są założeniami, nie raportem sklepu ani obietnicą wyniku. Źródła służą do sprawdzenia aktualnych warunków i zasad.
Źródła sprawdzone: 2026-10-08. Przykłady liczbowe są ilustracją obliczeń, a nie danymi konkretnego sklepu.