Einen Shopify-Cart-Drawer für komplexe Bestellungen gestalten
Beginne mit dem ausgewählten Produkt, der Variante, der Menge und der Gesamtsumme. Appointed macht das Schreibwarenformat neben dem Artikel sichtbar; dieses Detail ist wichtig, wenn ähnlich aussehende Produkte unterschiedliche Seitenlayouts haben. GSI Outdoors gibt dem Versandfortschritt und einer Empfehlung eigene Plätze rund um die Bestellung. Keine dieser Aufgaben sollte dazu führen, dass Kunden nach dem Artikel suchen müssen, den sie gerade hinzugefügt haben.
Geschenke und Abonnements benötigen mehr Erklärung. DedCool unterscheidet ein kostenloses Geschenk von bezahltem Parfüm, während Smith Teamaker Abonnement-Optionen in den Empfehlungen platziert. Kennzeichne, was bereits enthalten ist, was noch ausgewählt werden muss und was eine wiederkehrende Gebühr verursacht. Überprüfe nach jeder Änderung die Artikelliste und die Gesamtsumme gemeinsam.
Cart Drawer oder Warenkorb-Seite?
Der Platz, den eine Bestellung benötigt, ist ein besserer Ausgangspunkt als die Anzahl der Extras, die ein Panel fassen kann. Der abgebildete Drawer von Jonathan Adler ist eine kompakte Bestätigung, bei der die Gesamtsumme direkt in der Checkout-Aktion integriert ist. Slowdown Studio hat Notizen, Versandinformationen und einen angrenzenden Empfehlungsbereich. Diese Aufgaben nehmen mehr Platz ein, besonders auf einem Smartphone.
Probiere die längste realistische Bestellung aus, bevor du ein Layout auswählst. Ändere Mengen, entferne den letzten Artikel und öffne jedes optionale Feld. Wenn wichtige Details zu gedrängt wirken, gib deinen Kunden eine vollständige Warenkorb-Seite, um sie zu überprüfen. Überprüfe auch den Tastatur-Fokus, das Schließen und erneute Öffnen: Die Bestellung sollte verständlich bleiben, wenn der Käufer vom Stöbern zurückkehrt.