Theme App Extension für Shopify

Eigene Sektionen, die jedes Theme-Update überstehen.

Baue eigene Sektionen, CSS und Metafeld-Anzeigen für dein Shopify-Theme — die in der App leben, nicht in deinem Theme, sodass Updates und Theme-Wechsel ihnen nichts anhaben können. 35 fertige Vorlagen · Zeitplanung · Versionshistorie · Export/Import für Agenturen.

Kostenlos für bis zu 3 Sektionen · Keine Kreditkarte · Läuft auf OS 2.0 & Horizon.

Theme App ExtensionKein write_themes-ScopeGehostet in Deutschland · DSGVO-konform
HTMLCSSJS
product-hero.section
1234567
<!-- lebt in SectionGuard, nicht in deinem Theme --><section class="sg-hero"><span class="eyebrow">Neu im Sortiment</span><h1>{{ product.title }}</h1><p class="price">{{ product.price }}</p><button>In den Warenkorb</button></section>
deinshop.de/products/aurora-runner-jacket
Neu im Sortiment
Aurora Runner Jacket
168,00 €Gerendert von SectionGuard
Theme auf v12.4 aktualisiert → Sektion weiterhin live, Daten weiterhin aufgelöst.
section.liquid
<h1>{{ product.title }}</h1>
yourstore.com
Product title
Aurora Runner Jacket
Resolved server-side · no Liquid touched
Die Theme-Update-Falle

Einmal gebaut. Das nächste Update löscht es.

Eigene Sektionsarbeit ist genau dort fragil, wo es am meisten zählt — in den Theme-Dateien, die jedes Update überschreibt.

01

Du baust eigene Sektionen ins Theme ein

Ein Entwickler programmiert maßgeschneiderte Sektionen und .liquid direkt in dein aktives Theme. Es sieht perfekt aus.

02

Ein Theme-Update kommt. Die Arbeit ist weg.

Du veröffentlichst ein Theme-Update — oder übernimmst das des Anbieters — und die Anpassungen werden mit zurückgesetzt. Stunden an Arbeit, mit einem Klick gelöscht.

03

Dateibasierte Apps kopieren .liquid in dein Theme

Section Store und ähnliche Apps schreiben ihre .liquid-Dateien ebenfalls ins Theme — und erben so beim nächsten Update genau dieselbe Falle.

theme editor · storefront sections
0 sections lost after the theme update
zsh — theme deploy
$ shopify theme push --liveTheme „Horizon“ wird zu deinshop.myshopify.com übertragen …✓ 214 Dateien hochgeladen · Theme ersetzt$ sectionguard status✓ 7 App-Sektionen re-synchronisiert (0 in Theme-Dateien)✓ Tokens werden aufgelöst · product.title, product.price, Metafelder
Dateibasierte Sektionen

custom-hero.liquid vom Update überschrieben. Von Hand neu bauen.

SectionGuard

Weiterhin live. Derselbe Block, dieselben Daten — das Theme enthielt deinen Code nie.

Dasselbe Theme-Update. Zwei sehr unterschiedliche Morgen.

Kippe den Umschalter. Wo deine Sektionen leben, ist das Einzige, das darüber entscheidet, ob sie überleben.

File-based sections
Pasted into theme.liquid
Live
New drop
Aurora Runner Jacket

Weatherproof · 3-layer shell

Shop now
SectionGuard
Lives in the app extension
Live
New drop
Aurora Runner Jacket

Weatherproof · 3-layer shell

Shop now
So funktioniert's

Bauen, veröffentlichen, platzieren. Das Theme bleibt außen vor.

Die Sektionen leben in der App und werden über einen einzigen Theme-App-Extension-Block gerendert. Dein Theme bleibt sauber und voll aktualisierbar.

Step 1

Bauen

Starte aus einer von 35 Vorlagen mit einfachen Formularfeldern oder schreibe eigenes HTML, CSS und JS im App-Editor mit Token-Autovervollständigung für Live-Daten aus Produkt, Kollektion und Metafeldern.

Step 2

Veröffentlichen

Ein Klick kompiliert die Sektion und legt sie als app-eigenes Metaobject in Shopify ab — die Storefront-Auslieferung hängt nicht an unserem Server.

Step 3

Platzieren

Füge den App-Block „Custom Section“ im Theme-Editor hinzu (oder nutze den „Im Theme-Editor platzieren“-Button in der App) und wähle deine Sektion aus einer Liste. Kein Handle-Tippen, kein Code.

section.build
$ sectionguard newname: "Hero banner"✓ section registered

Define the section in the app

Schritt 4 — Sicher bleiben

Das Theme wird nie angefasst — Updates, Wechsel und Neuinstallationen können deine Arbeit nicht löschen.

Veröffentlichen schreibt nie eine Zeile in dein Theme. Wechselst du das Theme, platzierst du den Block einmal neu im neuen Theme; deinstallierst und installierst du die App neu, veröffentlichen sich deine Sektionen automatisch neu. Nichts von Hand neu zu bauen.

Wir installieren ohne den write_themes

Was du bekommst

Live-Daten, native Platzierung, null Theme-Risiko.

Echte Fähigkeiten, keine Schlagwörter — alles unten ist heute in der App verfügbar.

Live-Daten, kein Liquid-Risiko

Setze Tokens wie {{ product.title }} ein — sie werden serverseitig zu echten Shop-Daten aufgelöst. In deinem Theme läuft kein Liquid.

Metafeld-Panel mit Live-Suche

Durchsuche deine Metafelder nach Name und Namespace direkt im Editor und füge genau das benötigte mit einem Klick ein.

Nativer Sektions-Picker

Deine Sektionen erscheinen namentlich in Shopifys eigenem Theme-Editor. Wähle und platziere sie wie jeden eingebauten Block.

Versionen, Diff & Wiederherstellen per Klick

Jedes Speichern und Veröffentlichen ist eine Version. Vergleiche zwei per Zeilen-Diff und stelle eine davon mit einem Klick wieder her.

Übersteht Deinstallation / Neuinstallation

Der Quellcode deiner Sektion bleibt in deinem Konto gesichert. Neu installieren und er synchronisiert und veröffentlicht sich automatisch — nichts neu zu bauen.

Theme bleibt sauber

Kein write_themes-Scope, keine in dein Theme kopierten Dateien. Wir könnten deinen Theme-Code nicht einmal anfassen, wenn wir wollten.

Zeitplanung, im Storefront erzwungen

Setze „Anzeigen ab“ und „Ausblenden nach“ pro Sektion — ein Wochenend-Sale-Banner, der von allein erscheint und verschwindet.

35 fertige Vorlagen

13 für Produktseiten, 11 für Kollektionsseiten, 11 für eigenständige Seiten — vollständig lokalisiert, mit Beispielinhalten ab dem ersten Klick.

Export & Import für Agenturen

Exportiere eine Sektion als JSON in einem Shop, importiere dieselbe Datei im nächsten. Die Bibliothek einmal bauen, in jedem Kundenshop wiederverwenden.

Pro

Pro: 35 fertige Vorlagen, sofort bearbeitbar

Pro schaltet alle 35 Vorlagen frei — 13 für Produkte, 11 für Kollektionen, 11 für Seiten — vollständig auf Deutsch und Englisch lokalisiert, jede mit echten Beispielinhalten statt leerer Felder.

Wo der Unterschied liegt

Es läuft auf eine Sache hinaus: wo die Sektionen leben.

Kein Marketing — Architektur. Diese eine Entscheidung bestimmt, was bei deinem nächsten Theme-Update passiert.

SectionGuardSektionen leben in der AppDateibasierte Sektions-AppsVon Hand ins Theme codiert
Sektionen leben in …Der AppDeinen Theme-DateienDeinen Theme-Dateien
Theme-UpdateAlles übersteht esVerloren oder eingefrorenÜberschrieben
Theme-WechselEinen Block platzierenJede Sektion neu einfügenVon Hand neu bauen
Versionen + WiederherstellenIntegriertKeineKeine
Kein write_themes-Scopejaneinnein

Fair ist fair: Dateibasierte Sektionen funktionieren nach der Deinstallation der App weiter — unsere leben in der App und tun das daher nicht. Das ist der Preis dafür, jedes Theme-Update zu überstehen.

Wer dahintersteht

Ein fokussiertes Werkzeug von einem unabhängigen Shopify-Entwickler.

Sinan Sancar
Gründer, MADE IT

SectionGuard wird von MADE IT gebaut — einem Ein-Personen-Studio von Sinan Sancar. Es tut eine Sache: deine eigenen Sektionen über jedes Theme-Update hinweg am Leben halten, ohne je in dein Theme zu schreiben.

Gehostet in Deutschland und DSGVO-konform. Der Support kommt direkt von der Person, die den Code schreibt — schreib an support@sectionguard.com und du erreichst mich, keine Warteschlange.

Preise

Kostenlos starten. Zahlen, wenn dir drei Sektionen zu wenig werden.

Abrechnung über Shopify, jederzeit kündbar. Jeder Plan nutzt dieselbe Theme App Extension — der Unterschied ist nur, wie viel du baust.

Free
0 $/Mon.

Für die erste eigene Sektion oder zwei.

  • Bis zu 3 Sektionen
  • Code-Editor & Live-Vorschau
  • Dynamische Tokens & Metafelder
  • Zeitplanung, Versionen & Diff
Add to Shopify — Free
Am beliebtestenBasic
14,99 $/Mon.

Für Shops, die weiterbauen.

  • Alles aus Free
  • Unbegrenzte Sektionen
Add to Shopify — Free

Abrechnung über Shopify · Jederzeit kündbar.

FAQ

Die Fragen, die alle zuerst stellen.

Was passiert, wenn ich mein Theme aktualisiere?

Nichts. Deine Sektionen liegen als eigene Metaobjects in Shopify, nicht im Theme — ein Update, deines oder das des Anbieters, lässt sie völlig unberührt. Derselbe Block, dieselben Inhalte, davor wie danach.

Was ist, wenn ich deinstalliere?

Deine Sektionen verschwinden sauber aus dem Storefront — keine Ruinen. Installierst du später erneut, werden veröffentlichte Sektionen automatisch wiederhergestellt, und deine Inhalte bleiben innerhalb der DSGVO-Fristen gesichert.

Brauche ich Programmierkenntnisse?

Nein. Wähle aus 35 fertigen Vorlagen und fülle sie über Formularfelder aus — ganz ohne Code. Wer lieber selbst schreibt, bekommt einen vollwertigen Code-Editor dazu.

Funktioniert es mit meinem Theme?

Ja — mit jedem Online-Store-2.0-Theme, also praktisch jedem aktuellen Shopify-Theme. Der App-Block „Custom Section“ lässt sich im nativen Theme-Editor platzieren wie jede eingebaute Sektion.

Schluss mit Neubauen. Fang an zu schützen.

Eigene Sektionen, die jedes Theme-Update überstehen.

Kostenlos für bis zu 3 Sektionen · Keine Kreditkarte · Läuft auf OS 2.0 & Horizon.