Kort svar
En fraktkalkylator i varukorgspanelen ska besvara frågan om destination och kostnad utan att göra panelen till en andra kassa. Placera den nära delsumman eller kassaknappen, håll det hopfällda läget kompakt, behåll panelens stäng- och kassaknappar, beräkna om efter ändringar i varukorgen och testa beteendet med tangentbord, pekskärm, på mobil och efter temauppdateringar. Eftersom paneler är temaspecifika måste kompatibiliteten kontrolleras i exakt det tema som används i produktion.
Låt panelens huvuduppgift vara intakt
Varukorgspanelen finns till för att gå igenom beställningen och fortsätta handla eller gå till kassan. En fraktkalkylator ska stödja det beslutet, inte ta över det. Använd en kort uppmaning, stegvis visning och kompakta resultat som förblir läsbara bredvid delsumman och kassaknapparna.
Uppdatera när varukorgen ändras
En inaktuell beräkning är sämre än ingen beräkning. Att lägga till, ta bort eller ändra antal kan påverka vikt, delsumma, profilkombinationer och rätten till fri frakt. Kalkylatorn ska uppdatera sitt sammanhang eller tydligt be om en ny beräkning.
Utforma för ett smalt, dynamiskt utrymme
Paneler är ofta smala och rullningsbara. Undvik horisontellt överflöde, håll pekytorna bekväma, täck inte kassaknappen och meddela ändrade resultat till hjälpmedel. Ett laddningsläge ska reservera utrymme så att panelen inte hoppar.
Testa igen efter temaändringar
Teman kan byta ut panelens kod, klassnamn eller renderingsbeteende vid en uppdatering. Notera vilken version och väljare som används och ta med kalkylatorn i varje regressionstest vid temauppgraderingar.
Checklista
- Synlig nära delsumman eller kassan
- Kompakt stängt läge
- Inget horisontellt överflöde
- Kassaknappen förblir åtkomlig
- Beräknar om efter ändringar i varukorgen
- Laddningsläge och läget utan priser får plats
- Tangentbordsfokus följer en logisk ordning
- Ändrade resultat meddelas
- Testad på mobil
- Temauppdateringar leder till nya tester
Frågor
Använder alla Shopify-teman samma varukorgspanel?
Nej. Panelernas kod och beteende varierar mellan teman och versioner, så kompatibiliteten måste testas.
Ska kalkylatorn öppnas automatiskt?
Håll den oftast kompakt tills kunden ber om en beräkning, om inte frakten är den avgörande faktorn för sortimentet.
Var ska resultaten visas?
Håll resultaten nära inmatningsfältet och delsumman, med kassaknappen fortfarande synlig och användbar.