Skip to main content

​
Übersicht

Die Ersparniszeile von Upcart zeigt Informationen zu angewendeten Rabatten, Codes und Ersparnissen an. Wenn du ein minimalistischeres Layout bevorzugst, kannst du Elemente mit benutzerdefiniertem CSS gezielt ausblenden. Du kannst die gesamte Zeile entfernen oder nur bestimmte Teile wie den Rabattbetrag, die Code-Badges oder das Wort „Discount“.

​
Wo du den Custom-CSS-Editor findest

  1. Gehe zu Upcart > Cart Editor > Settings > Custom CSS
  2. Füge die folgenden Code-Snippets in das Eingabefeld ein
  3. Klicke auf Save
  4. Aktualisiere dein Storefront, um die Änderungen live zu sehen

​
CSS-Beispiele

Die gesamte Ersparniszeile in V1.0 ausblenden

​
Die gesamte Ersparniszeile in V2.0 ausblenden

Entfernt alle rabattbezogenen Inhalte aus dem Cart Drawer.
Nur den Rabattbetrag in V1.0 ausblenden

​
Nur den Rabattbetrag in V2.0 ausblenden

Lässt das Rabattlabel oder den Code sichtbar, blendet aber den eingesparten Betrag aus.
Rabattcode-Badges in V1.0 ausblenden
Rabattcode-Badges in V2.0 ausblenden
Blendet das visuelle Badge aus, das den aktiven Rabattcode anzeigt.
Das Ersparnislabel in V1.0 ausblenden Das V1-Label hat keine eigene Klasse, daher beschränke die Regel auf die Ersparniszeile:
Sprich .UpcartDesignSettings__cartTextColor nicht für sich allein an. Es ist die globale Utility-Klasse für die Warenkorb-Textfarbe, die auf den Header, Ankündigungen, die Rewards-Leiste, Produkttitel, den Empfehlungstitel und mehr angewendet wird — sie auszublenden, löscht den Großteil des Warenkorbs.
Der Labeltext selbst ist deine Übersetzung von Total discount savings text, die standardmäßig „Discounts“ lautet — du kannst dort die Formulierung ändern, statt sie auszublenden.

​
Das Wort „Discount“ in V2.0 ausblenden

Blendet statischen Text aus, der das Wort „Discount“ verwendet. Für eine präzisere Zielauswahl kannst du diesen Selektor manuell anpassen.

​
Wichtiger Hinweis

Das Ausblenden von Elementen, insbesondere des Rabattbetrags, kann die Sichtbarkeit von Aktionen und Ersparnissen verringern. Berücksichtige das Kundenerlebnis, bevor du diese Änderungen anwendest.

​
Brauchst du Hilfe?

Für fortgeschrittene Styling- oder Layoutänderungen empfehlen wir die Zusammenarbeit mit einem Shopify-Experten. Das Support-Team von Upcart unterstützt nicht bei der Implementierung von benutzerdefiniertem Code. Shopify-Experten ansehen