Shopify 2.0: "Sections Everywhere" meistern

Mit der Einführung von Online Store 2.0 hat Shopify die Theme-Entwicklung revolutioniert. Das wichtigste Feature: "Sections Everywhere".

Was bedeutet Sections Everywhere?

Früher waren Sections (Abschnitte) nur auf der Startseite möglich. Auf Produktseiten oder "Über Uns"-Seiten waren Sie auf starre Templates angewiesen. Mit OS 2.0 können Sie nun auf jeder Seite Sections hinzufügen, verschieben und konfigurieren – direkt im Customizer.

JSON Templates: Der Schlüssel

Der technische Kern sind JSON-Templates. Statt product.liquid nutzen wir nun product.json.

{
  "sections": {
    "main": {
      "type": "main-product",
      "settings": {}
    },
    "recommendations": {
      "type": "product-recommendations",
      "settings": {}
    },
    "newsletter": {
      "type": "newsletter-section",
      "settings": {}
    }
  },
  "order": [
    "main",
    "recommendations",
    "newsletter"
  ]
}

Diese Struktur erlaubt es dem Händler, die Reihenfolge der Sections zu ändern, ohne den Code anzufassen.

Metafields: Dynamische Inhalte

Sections Everywhere wird erst durch Metafields richtig mächtig. Sie können nun für jedes Produkt spezifische Daten (z.B. "Pflegehinweise", "Material", "Größentabelle") in Metafields speichern und diese dynamisch in Ihren Sections ausgeben.

Beispiel:

Sie erstellen eine "Accordion"-Section für Produktdetails. Den Inhalt füllen Sie nicht statisch im Theme, sondern binden ihn an ein Produkt-Metafield. So hat jedes Produkt seine eigenen Details, aber das Layout bleibt gleich.

Vorteile für Händler

1. Kein Code nötig: Landingpages für Produkte bauen ohne Entwickler.
2. Wiederverwendbarkeit: Einmal gebaute Sections können überall genutzt werden.
3. Performance: JSON-Templates sind extrem schnell zu parsen.

Fazit

Wer heute noch alte Liquid-Templates nutzt, verschenkt Potenzial. Die Umstellung auf OS 2.0 und Sections Everywhere ist ein Muss für jeden modernen Shopify Store.