So fügst du ein Custom Template in Shopify hinzu (2026)

Wichtigste Punkte

• Mit benutzerdefinierten Templates kannst du bestimmten Seiten, Produkten oder Kategorien ein völlig anderes Layout geben.
• Erstelle sie im Code-Editor: Ordner templates → neue Datei (z. B. page.custom.json oder product.feature.json).
• JSON-Templates definieren, welche Sections auf der Seite erscheinen – es ist kein HTML nötig.
• Weise einer Seite, einem Produkt oder einer Kategorie über das Dropdown-Menü „Theme-Vorlage“ im Editor ein Template zu.

Ein einziges Template-Layout passt nicht für jede Seite. Deine Über-uns-Seite braucht ein anderes Layout als deine Kontaktseite. Ein besonderes Produkt verdient ein anderes Layout als dein standardmäßiges Produkt-Template. Das System für benutzerdefinierte Templates von Shopify macht dies möglich, ohne dass du separate Themes erstellen musst.

Wie erstelle ich ein Custom Template in Shopify?

Custom Templates befinden sich im templates/-Ordner deines Themes. Jedes Template ist eine JSON-Datei, die definiert, welche Sections auf diesem Seitentyp erscheinen.

Namenskonvention:

• page.custom.json — ein Custom Seiten-Template (im Template-Selektor als „page.custom“ verfügbar)
• product.feature.json — ein Custom Produkt-Template
• collection.seasonal.json — ein Custom Kategorie-Template (Collection)
• article.long-form.json — ein Custom Blog-Post-Template

Der Teil vor dem ersten Punkt ist der Seitentyp. Der Teil danach ist dein eigener Name. Du kannst diesen benutzerdefinierten Teil beliebig benennen (keine Leerzeichen, nur Kleinbuchstaben und Bindestriche).

Verwandt: Fudge Page Builder.

Verwandt: Eine neue Seite in Shopify erstellen.

Schritt für Schritt — ein Custom Page Template erstellen

Schritt 1 - Dupliziere dein Theme. Onlineshop → Themes → Drei-Punkte-Menü → Duplizieren.

Schritt 2 - Öffne den Code-Editor des duplizierten Themes. Onlineshop → Themes → Aktionen → Code bearbeiten.

Schritt 3 - Navigiere zum templates/-Ordner.

Schritt 4 - Klicke auf „Neues Template hinzufügen“ (der + Button neben dem Ordner, oder suche nach der Option „Template hinzufügen“).

Schritt 5 - Wähle den Template-Typ (page, product, collection, etc.) und gib ihm einen Namen (z. B. „landing“).

Schritt 6 - Shopify erstellt eine neue JSON-Datei: page.landing.json.

Schritt 7 - Der Standardinhalt sieht ungefähr so aus:

{
    "sections": {
        "main": {
            "type": "main-page",
            "disabled": false,
            "settings": {}
        }
    },
    "order": ["main"]
}

Dieses Template verwendet aktuell dieselbe Hauptinhalts-Section wie das Standard-Seiten-Template. Du kannst hier weitere Sections hinzufügen.

Verwandt: Blöcke zu einer Shopify-Section hinzufügen.

Sections zu deinem Custom Template hinzufügen

Um eine Hero-Image-Section zu deinem Landing-Page-Template hinzuzufügen:

{
    "sections": {
        "hero": {
            "type": "image-banner",
            "settings": {
                "image_height": "large",
                "show_text_below": false
            }
        },
        "main": {
            "type": "main-page",
            "settings": {}
        },
        "testimonials": {
            "type": "testimonials",
            "settings": {
                "title": "What our customers say"
            }
        }
    },
    "order": ["hero", "main", "testimonials"]
}

Wichtig: Der Wert bei "type" muss genau mit dem Dateinamen einer Section in deinem sections/-Ordner übereinstimmen (ohne die .liquid-Erweiterung). Verwende die exakten Namen.

Das "order"-Array steuert die Reihenfolge, in der die Sections auf der Seite erscheinen.

Verwandt: Eine Custom Section in Shopify erstellen.

Wie weise ich einer Seite ein Template zu?

Für Seiten:

1. Gehe zu Onlineshop → Seiten → wähle die Seite aus
2. Schau in die rechte Seitenleiste — finde „Theme-Template“
3. Wähle dein neues Template aus dem Dropdown-Menü (z. B. „page.landing“)
4. Speichern

Für Produkte:

1. Produkte → wähle das Produkt aus
2. Rechte Seitenleiste → „Theme-Template“
3. Wähle dein Template aus (z. B. „product.feature“)
4. Speichern

Für Kategorien (Collections):

1. Produkte → Kategorien → wähle die Kategorie aus
2. Rechte Seitenleiste → „Theme-Template“
3. Wähle dein Template aus

Das Template-Dropdown zeigt nur Templates an, die zum aktuellen Inhaltstyp passen — Seiten-Templates für Seiten, Produkt-Templates für Produkte, usw.

Template-Inhalte im Theme-Editor bearbeiten

Sobald einer Seite ein Custom Template zugewiesen wurde, kannst du es im Theme-Editor anpassen:

1. Online-Shop → Themes → Customizen
2. Nutze den Seiten-Selector oben, um zu der Seite zu navigieren, die dein Custom Template verwendet
3. Die in deinem JSON-Template definierten Sections erscheinen in der linken Seitenleiste
4. Bearbeite die Section-Settings, füge neue Sections hinzu (innerhalb des Scopes des Templates) und ordne sie nach Bedarf neu an

Änderungen, die im Theme-Editor vorgenommen werden, aktualisieren automatisch die JSON-Template-Datei.

Wie lade ich ein Template hoch?

Du kannst eine fertige Template-Datei nicht direkt über die Shopify-Admin-Oberfläche hochladen. Stattdessen:

• Templates erstellen, indem du neue JSON-Dateien im Code-Editor hinzufügst (wie oben beschrieben)
• Templates kopieren von einem anderen Theme, indem du den JSON-Inhalt aus dem Code-Editor des einen Themes kopierst und in eine neue Datei im Code-Editor deines Themes einfügst
• Import via Shopify CLI (für Entwickler) — ermöglicht das Pushing von Theme-Dateien einschließlich Templates von einem lokalen Rechner aus

Für Händler ist das Erstellen von Templates über den Code-Editor der Standardweg.

Gängige Anwendungsfälle für Custom Templates

Landingpage-Template. Keine Header-Navigation, kein Footer, Hero über die volle Breite, ein einzelner CTA. Weise es Kampagnenseiten aus Ads zu.

Feature-Product-Template. Eine immersivere Produktseite mit einer eigenen Video-Section, erweiterten Details zu Zutaten/Materialien und einer Vergleichstabelle. Weise es Hero-Produkten zu.

Brand-Story-Seite. Große Typografie, Bilder über die volle Breite, Team-Section. Weise es der Über-uns-Seite zu.

Großhandelsseite. Andere Preisdarstellung für Produkte, eine Formular-Section, B2B-spezifischer Content. Weise es versteckten Großhandelsseiten (Wholesale) zu.

FAQ

Verwandt: Deine Shopify-Produktseite anpassen.