Shopify-Architektur
Shopify App oder Theme – wo gehört eine neue Funktion technisch hin?
Viele Shopify-Anpassungen beginnen als vermeintlich kleine Theme-Änderung. Sobald Daten verarbeitet, externe Systeme angebunden oder wiederverwendbare Geschäftslogik benötigt wird, ist eine App meist die stabilere Architektur.
Einordnung
Das Theme gestaltet den Shop. Die App verarbeitet Fachlogik und Integrationen.
Eine Section oder ein Block passt für redaktionelle Darstellung. Eine App passt für Daten, Berechtigungen, APIs und Prozesse. Theme App Extensions verbinden beide Ebenen, ohne Theme-Dateien dauerhaft zu patchen.
- Darstellung und redaktionelle Inhalte gehören primär ins Theme
- Geschäftslogik, Daten und Integrationen gehören in eine App
- App Blocks binden Funktionen kontrolliert in Online-Store-2.0-Themes ein
- Custom App und öffentliches App-Produkt benötigen unterschiedliche Betriebsmodelle
Theme
Das Theme ist für Darstellung, Inhaltsmodule und das Einkaufserlebnis zuständig.
Shopify-Themes bestehen aus Layouts, Templates, Sections, Blocks, Snippets und Assets. Sie steuern, wie Produkte, Kollektionen, Seiten und Inhalte im Onlineshop dargestellt werden.
Eine neue Section, eine Größenhilfe oder ein branchenspezifisches Produktmodul kann sinnvoll direkt im Theme liegen, solange dafür keine eigenständige Datenhaltung oder komplexe Geschäftslogik benötigt wird.
- Layout und Markenauftritt
- Produkt- und Kategorieseiten
- redaktionell pflegbare Sections und Blocks
- Navigation, Header und Footer
- responsive Darstellung, Barrierearmut und SEO-Basis
App
Eine App übernimmt Funktionen, Daten und Prozesse, die unabhängig vom Theme bestehen müssen.
Geschäftslogik
Preisregeln, Konfigurationen, Freigaben und branchenspezifische Abläufe bleiben test- und versionierbar.
Integrationen
APIs, Webhooks und Hintergrundprozesse verbinden Shopify mit Warenwirtschaft, CRM oder eigenen Diensten.
Verwaltungsoberflächen
Einstellungen und operative Aufgaben können im Shopify-Admin oder in einer eingebetteten App bereitgestellt werden.
Wiederverwendung
Eine sauber getrennte App kann mit verschiedenen kompatiblen Themes oder in mehreren Shops eingesetzt werden.
Entscheidung
Vier Fragen zeigen meist, welche Ebene die richtige ist.
Theme oder Section
Wenn es vor allem um Darstellung geht
- Inhalt wird vom Händler im Theme-Editor gepflegt
- keine externe Datenquelle oder Hintergrundverarbeitung
- Funktion ist eng an einen Seitentyp gebunden
- bei einem Themewechsel darf die Darstellung neu aufgebaut werden
App oder Extension
Wenn Funktion und Daten unabhängig bleiben müssen
- Daten werden gespeichert oder über APIs verarbeitet
- Webhooks oder Hintergrundprozesse sind erforderlich
- Berechtigungen und Authentifizierung spielen eine Rolle
- Funktion soll mehrere Themes oder Shops unterstützen
Theme App Extension
App Blocks verbinden App-Funktion und Storefront, ohne Theme-Dateien dauerhaft zu verändern.
Eine Theme App Extension kann App Blocks und App Embeds bereitstellen. Händler fügen diese Elemente über den Theme-Editor ein, verschieben sie oder schalten sie ab.
Damit bleibt die Erweiterung an die App gekoppelt. Das Theme muss nicht bei jeder Installation manuell verändert werden, und ein Themewechsel wird besser beherrschbar.
Architektur
Der technische Zuschnitt sollte vor dem ersten Code feststehen.
Ein klarer Scope verhindert, dass Theme, App und Datenmodell später gegenseitig blockieren.
Anforderung beschreiben
Nutzer, Daten, Auslöser und gewünschtes Ergebnis festhalten.
Plattformstandard prüfen
Zuerst klären, ob Shopify, Theme-Konfiguration oder eine bestehende App den Bedarf bereits decken.
Verantwortung zuordnen
Darstellung ins Theme, Prozess- und Integrationslogik in die App.
Distribution festlegen
Custom App für konkrete Shops oder öffentliches App-Produkt mit eigenem Onboarding und Support.
Beispiel HUNDX
Theme und Konfigurator werden bewusst als getrennte Produkte entwickelt.
Im HUNDX-Projekt stellt das Theme die branchenspezifische Produkt- und Inhaltsarchitektur bereit. Der WYSIWYG-Konfigurator wird als App mit Theme App Extension geplant.
So kann das Theme ohne eingebettete Konfigurationslogik weiterentwickelt werden. Gleichzeitig bleibt die App perspektivisch in weiteren kompatiblen Hundeshops einsetzbar.
Häufige Fragen
Typische Shopify-Architekturfragen
Kann komplexe Logik direkt in Liquid umgesetzt werden?
Technisch ist in Themes einiges möglich. Für dauerhaft benötigte Geschäftslogik, Datenhaltung und Integrationen ist eine App jedoch meist wartbarer und unabhängiger vom Theme.
Was ist der Unterschied zwischen App Block und App Embed?
Ein App Block wird in unterstützten Sections positioniert. Ein App Embed bindet eher globale oder schwebende Funktionen ein und kann im Theme-Editor aktiviert oder deaktiviert werden.
Braucht eine Custom App eine Veröffentlichung im Shopify App Store?
Nein. Custom Distribution ist für definierte Shops vorgesehen. Eine öffentliche Distribution für viele Händler benötigt einen gesonderten Freigabe- und Produktprozess.
Shopify-Projekt
Theme, App und Extension passend zum tatsächlichen Prozess zuschneiden.
Wannsee.IT unterstützt bei Shopify-Architektur, Theme-Entwicklung und individuellen Erweiterungen.
Verwandte Themen
Die Entscheidung im Zusammenhang betrachten.
Shopify-Entwicklung für Apps, Plugins, Themes und KI
Shopify Entwicklung aus Berlin-Wannsee: Apps und Plugins, Themes, Theme App Extensions, Produktkonfiguratoren und kontrollierte KI-Integration.
Weiterlesen →WissenShopify-App- und Plugin-Entwicklung
Individuelle Shopify Apps und Plugins: Theme App Extensions, App Blocks, Produktkonfiguratoren, APIs und Integrationen für Händler und SaaS-Produkte.
Weiterlesen →WissenShopify-Theme-Entwicklung für wartbare Storefronts
Individuelle Shopify Themes mit Online Store 2.0, JSON-Templates, Sections, Blocks, Performance- und SEO-Basis – entwickelt aus Berlin-Wannsee.
Weiterlesen →WissenHUNDX | Shopify Theme & Konfigurator für Hundeshops
HUNDX ist ein eigenes Shopify-Entwicklungsprojekt mit rund 50 % Entwicklungsstand. Die Projektseite zeigt Zielbild und Architektur für Theme und Produktkonfigurator.
Weiterlesen →