Thema Warenkorb Bearbeitung (Deine Artikel sind nicht reserviert)

Topic summary

Ein Nutzer möchte im Warenkorb einen zusätzlichen Hinweistext einfügen (z.B. “Deine Artikel sind nicht reserviert” oder “Gute Wahl”), um Kunden während des Bestellprozesses zu informieren.

Technische Lösung für Debut Theme:

  • Ein erfahrener Nutzer liefert einen Code-Schnipsel für das Debut Theme
  • Anleitung: In /sections/cart-template.liquid wird HTML- und CSS-Code eingefügt
  • Der Code erstellt eine auffällige, animierte Notiz im Warenkorb
  • Die Lösung wird erfolgreich getestet und als hilfreich markiert

Offene Frage:
Ein weiterer Nutzer fragt nach einer entsprechenden Lösung für das Dawn Theme, da er ebenfalls eine solche Funktion im Warenkorb implementieren möchte. Diese Anfrage bleibt bisher unbeantwortet.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.

Hallo zusammen,

gerne würde ich eine zusätzliche Notiz im Warenkorb über den Code mit einbinden.

Wie kann ich z.B. Dies ist eine gute Wahl oder Deine Artikel sind bisher nicht reserviert als Schrift einfügen?

Vielen Dank

@DavidNitsche – das hängt von Deinem Theme ab … kannst Du den Link zu Deinem Store teilen?

Und hast Du noch nähere Informationen dazu, wie das aussehen soll?

LG, Mario

@r8r Hi, guten Morgen,

meine Webseite lautet wie folgt: www.livelybody.de

Gerne möchte ich im Warenkorb ein Notizfeld einfügen, wie z.B. Gute Wahl aber der Bestellprozess ist noch nicht abgeschlossen.

Dies würde ich gerne mit Hilfe eines Codes einfügen und nicht via App.

Am Liebsten sollte der Satz überhalb vom Artikel im Warenkorb stehen :slightly_smiling_face:

Vielen Dank Mario

@DavidNitsche ich hab Dir hier ein kleines Beispiel gecodet … Du verwendest das Theme Debut:

Öffne die Datei /sections/cart-template.liquid und such den folgenden Codeschnipsel am Anfang der Datei:

An der Stelle, an der Du den Pfeil siehst, füg folgendes Codestück ein:


        Nananana, nicht so schnell, kleiner Padawan …
      

      {% style %}
      .smdm-cart-alert {
  		animation: smdm-blinker 1s linear infinite;
      	text-align: center;
      	border: 2px solid #bada55;
      	background: lightyellow;
      	margin: 1rem auto;
      	padding: 0.5rem;
      }
      @keyframes smdm-blinker {
        50% {
          opacity: 0;
        }
      }
      {% endstyle %}

Ergebnis:

Ich hoffe, dass Dir das hilft!
Mario

@r8r Hi, super vielen Dank. Kann ich sehr gut gebrauchen :slightly_smiling_face:

@DavidNitsche – gerne … bitte markier den entsprechenden Beitrag noch als Lösung. Danke!

Mario

Hallo @r8r gibt es eine Möglichkeit, dies für den Dawn Theme zu tun?

Ich würde auch gerne für mein Theme so etwas einfügen, damit man es im Warenkorb sieht.

Beste Grüße

Luca