Kort svar
En fraktkalkulator i kurvpanelet skal svare på spørsmålet om destinasjon og kostnad uten å gjøre panelet til en ekstra kasse. Plasser den nær delsummen eller kasseknappen, hold den sammenslåtte tilstanden kompakt, behold panelets lukke- og kasseknapper, beregn på nytt etter endringer i handlekurven, og test oppførselen med tastatur, berøring, på mobil og etter temaoppdateringer. Fordi paneler er temaspesifikke, må kompatibiliteten bekreftes i nøyaktig det temaet som brukes i produksjon.
Behold panelets hovedoppgave
Kurvpanelet finnes for å gå gjennom bestillingen og fortsette å handle eller gå til kassen. En fraktkalkulator skal støtte den beslutningen, ikke dominere den. Bruk en kort oppfordring, gradvis visning og kompakte resultater som er lesbare ved siden av delsummen og kasseknappene.
Oppdater når handlekurven endres
En utdatert beregning er verre enn ingen beregning. Å legge til, fjerne eller endre antall kan endre vekt, delsum, profilkombinasjoner og retten til gratis frakt. Kalkulatoren må oppdatere sammenhengen sin eller tydelig be om en ny beregning.
Utform for smal, dynamisk plass
Paneler er ofte smale og kan rulles. Unngå vannrett overflyt, hold berøringsflatene komfortable, ikke dekk til kasseknappen, og meld endrede resultater til hjelpemidler. En lastetilstand bør reservere plass slik at panelet ikke hopper.
Test på nytt etter temaendringer
Temaer kan bytte ut panelets kode, klassenavn eller visningsatferd ved en oppdatering. Noter versjonen og velgeren som brukes, og ta med kalkulatoren i hver regresjonstest ved temaoppgraderinger.
Sjekkliste
- Synlig nær delsummen eller kassen
- Kompakt lukket tilstand
- Ingen vannrett overflyt
- Kasseknappen er fortsatt tilgjengelig
- Beregner på nytt etter endringer i handlekurven
- Lastetilstand og tilstand uten pris får plass
- Tastaturfokus følger en logisk rekkefølge
- Endrede resultater blir meldt
- Testet på mobil
- Temaoppdateringer utløser ny test
Spørsmål
Bruker alle Shopify-temaer det samme kurvpanelet?
Nei. Panelenes kode og oppførsel varierer etter tema og versjon, så kompatibiliteten må testes.
Bør kalkulatoren åpnes automatisk?
Hold den vanligvis kompakt til kunden ber om en beregning, med mindre frakten er den avgjørende faktoren for sortimentet.
Hvor bør resultatene vises?
Hold resultatene nær inntastingsfeltet og delsummen, slik at kasseknappen fortsatt er synlig og brukbar.