Skip to main content

​
Überblick

Wenn du die Schriftgröße bestimmter Textelemente in deinem Warenkorb ändern möchtest (etwa Upsell-Titel oder Variantenoptionen), kannst du das über den integrierten Custom-CSS-Editor von Upcart tun.

​
Schritt 1: Das Element untersuchen

  1. Öffne deinen Storefront und starte den Upcart-Drawer.
  2. Klicke mit der rechten Maustaste auf das Element, dessen Schriftgröße du ändern möchtest.
  3. Wähle im Kontextmenü deines Browsers Untersuchen, um die Developer Tools zu öffnen.
  4. Finde den Klassennamen des Elements im HTML-Panel.
    Beispiel: upcart-item-option

​
Schritt 2: Den Custom-CSS-Editor aufrufen

  1. Gehe zu Shopify Admin > Apps > Upcart
  2. Öffne den Cart Editor
  3. Klicke auf Settings
  4. Suche den Abschnitt Custom CSS

​
Schritt 3: Dein Custom CSS schreiben

Im CSS-Eingabefeld:
  1. Beginne mit einem Punkt (.), gefolgt vom Klassennamen
  2. Füge { font-size: 14px !important; } (oder deine gewünschte Größe) hinzu
Beispiel:
💡 Hinweis: .upcart-item-option ist eine V1-Klasse. In V2 ist der entsprechende Variantentext der Position .upcart-public-component-product-tile__variant. Die vollständige Übersicht findest du in der V2-CSS-Selektor-Bibliothek. Verwende !important nur, wenn der Stil nach der Änderung nicht übernommen wird.

​
Schritt 4: Speichern und testen

  1. Klicke im Cart Editor auf Save
  2. Aktualisiere deine Storefront-Seite
  3. Öffne den Cart Drawer und bestätige, dass die Schriftgröße aktualisiert wurde
Wenn sich der Text nicht geändert hat, überprüfe den Klassennamen noch einmal oder verwende erneut das Untersuchen-Tool des Browsers, um zu bestätigen, dass du das richtige Element ansprichst.