Skip to main content

Einführung

Willkommen zu diesem Tutorial zur Anpassung der mobilen Warenkorbbreite nach deinen Wünschen! Das Anpassen der mobilen Warenkorbbreite kann das Einkaufserlebnis deiner Kundschaft erheblich verbessern, indem sichergestellt wird, dass dein Warenkorb auf kleineren Bildschirmen gut sichtbar und bedienbar ist. Mit dieser Anpassung kannst du das Layout steuern und dafür sorgen, dass es sich nahtlos in dein gesamtes Shop-Design einfügt und alles sauber und geordnet aussieht. Diese Schritte sind für Shop-Betreiberinnen und -Betreiber oder Entwickler mit CSS-Grundkenntnissen gedacht. Durch das Anpassen der mobilen Warenkorbbreite kannst du die Benutzerfreundlichkeit verbessern und den Checkout-Prozess für deine Kundschaft reibungsloser gestalten, was potenziell die Conversions und die Kundenzufriedenheit steigert. Lass uns loslegen und deinen mobilen Warenkorb genau so aussehen und funktionieren lassen, wie du es möchtest!

Auf die Custom-CSS-Einstellungen zugreifen

Um mit der Anpassung des CSS für deinen Upcart zu beginnen, folge diesen Schritten:
  1. Öffne die Upcart-App in deinem Dashboard.
  2. Navigiere zum Cart Editor.
  3. Öffne Settings und wähle den Tab Custom CSS (hinter More settings, wenn die Tab-Reihe überläuft).

Benutzerdefiniertes CSS anwenden

Sobald du im Custom-CSS-Bereich bist, kannst du die mobile Warenkorbbreite ändern, indem du die folgenden Schritte befolgst. Ändere die Zahl von 90 % auf einen beliebigen Wert — je größer die Zahl, desto mehr Platz nimmt der Warenkorb auf dem Bildschirm ein. (Hinweis: Dies gilt sowohl für Upcart V1.0 als auch V2.0)
  1. Suche das CSS-Eingabefeld.
  2. Kopiere den folgenden Code und füge ihn in das CSS-Eingabefeld ein:

Fazit

Mit diesem Tutorial hast du die mobile Warenkorbbreite erfolgreich angepasst und sie benutzerfreundlicher und passend zum Design deines Shops gestaltet. Diese kleinen Änderungen können eine große Wirkung auf das Einkaufserlebnis deiner Kundschaft haben und es ihr erleichtern, auf Mobilgeräten zu stöbern und zu kaufen.

Brauchst du weiterhin Hilfe?

Wenn du Unterstützung bei Anpassungen benötigst, empfehlen wir, einen Shopify-Experten zum Hinzufügen von HTML, CSS und sogar JavaScript zu deinem Cart Drawer zu konsultieren. Shopify-Experten ansehen