Krótka odpowiedź
Kalkulator wysyłki w panelu koszyka powinien odpowiadać na pytanie o miejsce docelowe i koszt, nie zamieniając panelu w drugą kasę. Umieść go w pobliżu sumy częściowej lub przycisku kasy, utrzymuj kompaktowy stan zwinięty, zachowaj przyciski zamknięcia i kasy w panelu, przeliczaj po zmianach w koszyku i testuj zachowanie z klawiaturą, dotykiem, na telefonie i po aktualizacjach motywu. Ponieważ panele są specyficzne dla motywu, zgodność trzeba sprawdzić na dokładnie tym motywie, który działa produkcyjnie.
Zachowaj główne zadanie panelu
Panel koszyka służy do przejrzenia zamówienia i kontynuowania zakupów lub przejścia do kasy. Kalkulator wysyłki powinien wspierać tę decyzję, a nie ją zdominować. Użyj krótkiej zachęty, stopniowego odsłaniania i kompaktowych wyników, które pozostają czytelne obok sumy częściowej i przycisków kasy.
Aktualizuj, gdy koszyk się zmienia
Nieaktualna wycena jest gorsza niż jej brak. Dodanie, usunięcie lub zmiana ilości może zmienić wagę, sumę częściową, kombinacje profili i uprawnienie do darmowej wysyłki. Kalkulator powinien odświeżyć kontekst albo wyraźnie poprosić o nowe obliczenie.
Projektuj dla wąskiej, dynamicznej przestrzeni
Panele są często wąskie i przewijane. Zapobiegaj przewijaniu w poziomie, utrzymuj wygodne obszary dotyku, nie zasłaniaj przycisku kasy i ogłaszaj zmiany wyników technologiom wspomagającym. Stan ładowania powinien rezerwować miejsce, aby panel nie skakał.
Testuj ponownie po zmianach motywu
Motywy mogą podczas aktualizacji zmienić znaczniki panelu, nazwy klas lub sposób renderowania. Zapisz używaną wersję i selektor i uwzględniaj kalkulator w każdym teście regresji przy aktualizacji motywu.
Lista kontrolna
- Widoczny przy sumie częściowej lub kasie
- Kompaktowy stan zamknięty
- Brak przewijania w poziomie
- Przycisk kasy pozostaje dostępny
- Przelicza po zmianach w koszyku
- Stany ładowania i braku stawek mieszczą się
- Fokus klawiatury pozostaje logiczny
- Zmiany wyników są ogłaszane
- Przetestowano na telefonie
- Aktualizacje motywu uruchamiają ponowne testy
Pytania
Czy każdy motyw Shopify używa tego samego panelu koszyka?
Nie. Znaczniki i zachowanie paneli różnią się w zależności od motywu i wersji, więc zgodność trzeba przetestować.
Czy kalkulator powinien otwierać się automatycznie?
Zwykle lepiej trzymać go zwiniętego, dopóki klient nie poprosi o wycenę, chyba że wysyłka jest kluczowym czynnikiem decyzji w Twoim asortymencie.
Gdzie powinny pojawiać się wyniki?
Trzymaj wyniki blisko pola wpisywania i sumy częściowej, tak aby przycisk kasy pozostał widoczny i dostępny.
Źródła
Strony Centrum pomocy Shopify mogą otworzyć się po angielsku.