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?

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

Benennungskonvention:

• page.custom.json — ein eigenes Seiten-Template (im Template-Selector als „page.custom“ auswählbar)
• product.feature.json — ein eigenes Produkt-Template
• collection.seasonal.json — ein eigenes Kategorie-Template
• article.long-form.json — ein eigenes Blogpost-Template

Der Teil vor dem Punkt ist der Seitentyp. Der Teil danach ist dein individueller Name. Du kannst den Custom-Teil beliebig benennen (keine Leerzeichen, Kleinschreibung, nur Bindestriche).

Passend dazu: Fudge Page Builder.

Passend dazu: Eine neue Seite in Shopify erstellen.

Schritt für Schritt — ein Custom Page Template erstellen

Schritt 1 - Dupliziere dein Theme. Online-Shop → Themes → Drei-Punkt-Menü → Duplizieren.

Schritt 2 - Öffne den Code-Editor im duplizierten Theme. Online-Shop → Themes → Aktionen → Code bearbeiten.

Schritt 3 - Navigiere zum Ordner templates/.

Schritt 4 - Klicke auf „Neues Template hinzufügen“ (das Plus-Symbol neben dem Ordner oder die Option „Template hinzufügen“).

Schritt 5 - Wähle den Template-Typ aus (Seite, Produkt, Kategorie 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 etwa so aus:

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

Dieses Template verwendet derzeit dieselbe Hauptinhalts-Section wie das Standard-Seiten-Template. Du kannst hier zusätzliche Sections hinzufügen.

Passend dazu: Blöcke zu einer Shopify Section hinzufügen.

Sections zu deinem Custom Template hinzufügen

So fügst du eine Hero-Image-Section zu deinem Landingpage-Template hinzu:

{
  "sections": {
    "hero": {
      "type": "image-banner",
      "settings": {
        "image_height": "large",
        "show_text_below": false
      }
    },
    "main": {
      "type": "main-page",
      "settings": {}
    },
    "testimonials": {
      "type": "testimonials",
      "settings": {
        "title": "Was unsere Kunden sagen"
      }
    }
  },
  "order": ["hero", "main", "testimonials"]
}

Wichtig: Der Wert für "type" muss exakt mit dem Dateinamen einer Section in deinem sections/-Ordner übereinstimmen (ohne die Endung .liquid). Achte auf die exakte Schreibweise.

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

Passend dazu: Eine eigene Section in Shopify bauen.

Wie weise ich einer Seite ein Template zu?

Für Seiten:

1. Gehe zu Online-Shop → Seiten → wähle die Seite aus
2. Schau in die rechte Seitenleiste — suche nach „Theme-Template“
3. Wähle dein neues Template aus dem Dropdown-Menü aus (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 Collections:

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

Das Template-Dropdown zeigt nur Templates an, die zum aktuellen Content-Typ passen — also Page-Templates für Seiten, Product-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

Passend dazu: So passt du deine Shopify-Produktseite an.