checkout.liquid in Shopify Plus anpassen (2026)

Wichtigste Erkenntnisse

checkout.liquid läuft in keinem Store mehr: Shopify hat es für die Checkout-Schritte am 13. August 2024 und für die Dankeschön- / Bestellstatus-Seiten am 28. August 2025 deaktiviert.

Plus-Stores passen den Checkout mit Checkout UI Extensions und Shopify Functions an.

Jede Ablauffrist (Deprecation) ist verstrichen, und Plus-Stores, die kein Upgrade durchgeführt hatten, wurden ab Januar 2026 automatisch auf Checkout Extensibility umgestellt.

Zusätzliche Skripte wurden für Plus-Stores am 28. August 2025 und für andere Pläne am 26. August 2026 deaktiviert.

Du kannst checkout.liquid in Shopify Plus nicht mehr ändern. Shopify hat es für die Schritte Information, Versand und Zahlung am 13. August 2024 und für die Dankeschön- und Bestellstatus-Seiten am 28. August 2025 deaktiviert. Plus-Stores passen den Checkout jetzt mit Checkout UI Extensions und Shopify Functions an. Die unten stehenden Legacy-Beispiele zeigen, was checkout.liquid früher gemacht hat, damit du alte Anpassungen nachvollziehen und sie im neuen System nachbauen kannst.

Was ist mit checkout.liquid passiert?

Shopify hat checkout.liquid für die Schritte Information, Versand und Zahlung am 13. August 2024 und für die Dankeschön- und Bestellstatus-Seiten am 28. August 2025 deaktiviert. Alle Checkout-Anpassungen laufen jetzt über Checkout Extensibility, nicht mehr über checkout.liquid.

Jede Frist ist mittlerweile verstrichen, und Plus-Stores, die kein Upgrade durchgeführt hatten, wurden ab Januar 2026 automatisch umgestellt. Betrachte den Code auf dieser Seite als Referenz zum Verständnis von alten Anpassungen, nicht als aktuelle Anleitung zum Nachbauen. Unser Migrationsleitfaden von checkout.liquid zu Checkout Extensions behandelt den Umstieg Schritt für Schritt.

Wer hatte Zugriff auf checkout.liquid?

Nur Shopify Plus-Händler. In Plus-Stores befand sich die Datei im Theme-Code-Editor (das Drei-Punkte-Menü (…) neben deinem Theme, dann Code bearbeiten) im Ordner layout/. Sie war für Stores in den Plänen Basic, Shopify oder Advanced nie sichtbar. Diese konnten den Checkout nur über Einstellungen → Checkout (eingeschränkte visuelle Einstellungen) und das Feld für Zusätzliche Skripte ändern. Das Bearbeiten der checkout.liquid ändert den Checkout nun in keinem Plan mehr.

Wofür checkout.liquid verwendet wurde

Trust-Elemente hinzufügen

Stores haben checkout.liquid verwendet, um Trust-Signale dort hinzuzufügen, wo die Kaufangst am größten ist, zum Beispiel:

<!-- Zum Checkout-Header oder Sidebar-Bereich hinzufügen -->
<div class="checkout-trust-bar">
  <span>🔒 Sicherer Checkout</span>
  <span>Kostenlose Rücksendungen für alle Bestellungen</span>
  <span>Lieferung in 2-3 Werktagen</span>
</div>

Eigener Content konnte nur in den Zonen platziert werden, die das Template rund um Shopifys eigenes Checkout-Markup freigab. Heute wird derselbe Content in eine Checkout UI Extension oder einen App-Block eingefügt, der im Checkout-Editor platziert wird.

Benutzerdefinierter Checkout-Header und -Footer

Standardmäßig erbte der Checkout eine vereinfachte Version des Theme-Headers (nur Logo) und einen generischen Footer. In checkout.liquid haben Plus-Stores Marken-Elemente, benutzerdefinierte Navigationslinks und Footer-Content hinzugefügt. Heute werden Logo, Farben und Schriftarten in den Branding-Einstellungen des Checkout-Editors festgelegt, und zusätzlicher Header- oder Footer-Content kommt in eine Checkout UI Extension.

Benutzerdefiniertes CSS hinzufügen

<!-- Im <head>-Bereich der checkout.liquid -->
<style>
  .checkout-trust-bar {
    display: flex;
    gap: 24px;
    justify-content: center;
    padding: 12px;
    background: #f5f5f5;
    font-size: 12px;
  }
</style>

Checkout Extensibility akzeptiert kein Custom CSS. Das Styling beschränkt sich auf die Branding-Einstellungen, CSS wie dieses hat also keinen direkten Ersatz. Für Trust-Content auf der anderen Seite des Checkouts, siehe Trust Badges zum Shopify Checkout hinzufügen.

Checkout Extensibility: Der neue Ansatz

Checkout Extensibility ist Shopifys aktuelle Plattform für Checkout-Anpassungen. Sie besteht aus:

Checkout UI Extensions: React-basierte Komponenten, die an bestimmten Stellen im Checkout gerendert werden. Sie übernehmen die Aufgabe, die früher das HTML der checkout.liquid erfüllt hat, werden aber über das Shopify Admin → Einstellungen → Checkout → Anpassen verwaltet.

Shopify Functions: Serverseitige Logik, die während der Checkout-Verarbeitung ausgeführt wird (Rabatt-Logik, Zahlungsanpassungen, Versandanpassungen).

Was Checkout Extensibility leisten kann

Hinzufügen von Custom-UI-Blöcken zum Checkout: Informationsbanner, individueller Text, Formularfelder
Hinzufügen von Upsell-Angeboten in der Checkout-Sidebar
Implementieren von benutzerdefinierter Rabatt-Logik
Anpassen der Anzeige von Zahlungsmethoden
Hinzufügen von Post-Purchase Upsell-Seiten

Zugriff auf Checkout Extensibility

Einstellungen → Checkout → Anpassen öffnet den visuellen Checkout-Editor. Hier kannst du Elemente verschieben, Bereiche ein- oder ausblenden und Extension-Blöcke hinzufügen.

Um benutzerdefinierte UI Extensions zu entwickeln, benötigst du einen Entwickler und das Shopify CLI, um den Extension-Code zu deployen. Das ist aufwendiger als das Bearbeiten der checkout.liquid, aber es ist der offiziell unterstützte Ansatz. Um die Bezeichnungen der Checkout-Felder zu ändern, siehe Checkout-Feld-Labels in Shopify ändern.

Baue alles vor dem Checkout mit Fudge.

Kostenlose Testversion starten

Was Fudge für den Checkout tun kann (und was nicht)

Fudge, der KI-Operator für Shopify-Stores, erstellt und modifiziert Seiten innerhalb deines Shopify-Themes: Produktseiten, Landingpages, Kategorie-Seiten, Warenkorb, Custom Sections. Fudge bearbeitet jedoch nicht den Checkout. Die Checkout-Anpassung ist ein vom Theme getrenntes System, das über Checkout Extensibility geregelt wird.

Für Conversion-Elemente vor dem Checkout (Sticky ATC-Bars, Upsells auf Produktseiten, Cart-Drawer-Anpassungen, Countdown-Timer, Trust Badges) ist Fudge das perfekte Tool. Beschreibe dem Store Editor, was du möchtest, und Fudge generiert den Code als Entwurf für dich, den du einfach nur noch bestätigen musst. Der einzige Teil seiner Arbeit, der sich bis auf den Checkout auswirkt, sind Rabatte: Fudge erstellt Angebote mit Shopifys eigenen Rabattfunktionen, sodass sie beim Checkout ganz ohne Code angewendet werden.

Für checkout-spezifische Anpassungen in Plus-Plänen verwendest du am besten Checkout UI Extensions und Shopify Functions.

Dankeschön-Seite / Bestellstatus-Seite

Die Bestellbestätigungs- (Dankeschön-) und Bestellstatus-Seiten akzeptierten früher Custom HTML und JavaScript in:

Einstellungen → Checkout → Bestellstatus-Seite → Zusätzliche Skripte

Zusätzliche Skripte (Additional scripts) wurden für Plus-Stores am 28. August 2025 und für andere Pläne am 26. August 2026 deaktiviert. Nutze Custom Pixels (Einstellungen → Kundenereignisse) fürs Tracking und App-Blöcke im Checkout-Editor für Content. Häufige historische Anwendungsfälle des Feldes waren:

Conversion-Tracking-Pixel (für Plattformen, die keine Customer Events nutzen)
Einbettungen von Post-Purchase-Umfragen
Hinweise auf Empfehlungsprogramme
Individuelle Dankeschön-Nachrichten

Mit Checkout Extensibility hat Shopify die Dankeschön-Seite als vollwertiges Extension Target mit einem visuellen Editor unter Einstellungen → Checkout → Anpassen neu aufgebaut.

FAQ

Wann wurde checkout.liquid deaktiviert?

Shopify hat checkout.liquid für die Informations-, Versand- und Zahlungsseiten am 13. August 2024 und für die Dankeschön- und Bestellstatus-Seiten am 28. August 2025 deaktiviert. Beide Fristen sind verstrichen – verbleibende Plus-Stores wurden ab Januar 2026 automatisch auf Checkout Extensibility umgestellt.

Was ist der praktische Unterschied zwischen checkout.liquid und Checkout Extensibility?

checkout.liquid gab volle Liquid-Template-Kontrolle über das Checkout-HTML. Checkout Extensibility ist ein eingeschränktes, aber unterstütztes Framework: Du entwickelst React-basierte UI Extensions, die in vordefinierten Zonen gerendert werden, plus Shopify Functions für serverseitige Logik. Das bedeutet etwas weniger rohe Flexibilität, ist dafür aber von Shopify unterstützt und zukunftssicher.

Wie füge ich jetzt Custom Fields zum Checkout hinzu?

Verwende bei Shopify Plus eine Checkout UI Extension, die das Feld an einer unterstützten Stelle des Checkouts hinzufügt und die Antwort in der Bestellung speichert, zum Beispiel als Attribut oder Metafield. Felder, die in checkout.liquid hinzugefügt wurden, werden nicht mehr angezeigt, da die Datei nicht mehr ausgeführt wird.

Wirken sich Änderungen an der checkout.liquid auf die Bestellstatus-Seite aus?

Nicht mehr. Beide befanden sich früher in derselben checkout.liquid-Datei, aber seit der Abschaltung am 28. August 2025 wird die Bestellstatus-Seite durch Checkout Extensibility gesteuert. Bestehende Änderungen der checkout.liquid an den Inhalten der Dankeschön- und Bestellstatus-Seiten wurden ab diesem Datum nicht mehr angewendet.

Muss ich noch von checkout.liquid migrieren?

Dein Checkout funktioniert auch ohne Maßnahmen weiter: Jede Frist ist verstrichen, und Stores, die kein Upgrade durchgeführt hatten, wurden ab Januar 2026 automatisch auf Checkout Extensibility umgestellt. Du musst jedoch alle Anpassungen nachbauen, die in checkout.liquid stattfanden, da diese nicht mehr angewendet wurden, als die Datei deaktiviert wurde.