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

Wichtige Erkenntnisse

• Custom Templates ermöglichen es dir, bestimmten Seiten, Produkten oder Collections ein völlig anderes Layout zu 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 — kein HTML erforderlich.
• Weise einer Seite, einem Produkt oder einer Collection über das Dropdown-Menü „Theme-Template“ im Editor ein Template zu.

Ein Standard-Layout passt nicht für jede Seite. Deine „Über uns“-Seite braucht ein anderes Layout als deine Kontaktseite. Ein Featured Product verdient ein anderes Layout als dein Standard-Produkt-Template. Das Custom-Template-System von Shopify macht dies möglich, ohne separate Themes erstellen zu müssen.

Wie erstelle ich ein Custom Template in Shopify?

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

Benennungskonvention:

• page.custom.json — ein Custom Page Template (im Template-Selector als „page.custom“ verfügbar)
• product.feature.json — ein Custom Product Template
• collection.seasonal.json — ein Custom Collection Template
• article.long-form.json — ein Custom 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).

Schritt für Schritt — ein Custom Page Template erstellen

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

Schritt 2 - Öffne den Code-Editor des duplizierten Themes. 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, Collection usw.) 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 Haupt-Section wie das Standard-Page-Template. Du kannst hier zusätzliche Sections hinzufügen.

Sections zu deinem Custom Template hinzufügen

Um eine Hero-Image-Section zu deinem Landingpage-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": "Was unsere Kunden sagen"
      }
    }
  },
  "order": ["hero", "main", "testimonials"]
}

Wichtig: Der Wert für "type" muss exakt dem Dateinamen einer Section in deinem Ordner sections/ entsprechen (ohne die Endung .liquid).

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

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, Full-Width-Hero, ein einziger CTA. Zuweisung zu Kampagnenseiten aus Anzeigen.

Feature-Product-Template. Eine immersivere Produktseite mit einer eigenen Video-Section, detaillierten Inhaltsstoff-/Materialangaben und einer Vergleichstabelle. Zuweisung zu Hero-Produkten.

Brand Story Page. Große Typografie, Full-Width-Bilder, Team-Section. Zuweisung zur „Über uns“-Seite.

Wholesale Page. Andere Darstellung der Produktpreise, eine Form-Section, B2B-spezifische Inhalte. Zuweisung zu versteckten Großhandelsseiten.