Shopify Themes · Online Store 2.0 · Liquid

Ein Shopify-Theme, das Händler pflegen können und Apps sauber integriert.

Wannsee.IT entwickelt individuelle Shopify-Themes und modernisiert bestehende Storefronts. Die Architektur basiert auf JSON-Templates, modularen Sections und Blocks sowie einer klaren Trennung zwischen Darstellung und App-Logik.

01

Custom Theme

Individuelle Marken- und Shoplogik statt unkontrolliertem Umbau eines fertigen Themes.

02

Sections & Blocks

Wiederverwendbare Inhaltsmodule, die Händler im Theme-Editor anordnen und konfigurieren können.

03

Produkt-Templates

Unterschiedliche Produkttypen erhalten passende Informationen, Größenhilfen und Conversion-Elemente.

04

App-Integration

App Blocks und Embeds werden vorgesehen, ohne fremden Code dauerhaft in Theme-Dateien einzubauen.

01 / THEME-ARCHITEKTUR

Modular und pflegbar

Die Theme-Struktur folgt Shopaufgaben, nicht einzelnen Mockups.

01

JSON-Templates für flexible Seiten- und Produkttypen.

02

Sections und Blocks mit verständlichen Einstellungen im Theme-Editor.

03

Snippets und Assets für wiederverwendbare Liquid-, CSS- und JavaScript-Bausteine.

04

Locale-Dateien und übersetzbare Theme-Texte.

05

App-Block-Platzhalter für Konfiguratoren, Bewertungen oder weitere Erweiterungen.

Qualitätsziele

Performance, Zugänglichkeit und SEO werden in der Komponentenarchitektur mitgedacht.

Ein Theme ist kein statisches Designbild. Es muss mit realen Produkten, langen Titeln, Varianten, Übersetzungen, Apps und redaktionellen Änderungen stabil funktionieren.

  • semantisches HTML und nachvollziehbare Überschriften
  • responsive Bilder und kontrollierter JavaScript-Einsatz
  • ausreichende Kontraste und Tastaturbedienung
  • Core-Web-Vitals-orientierte Ladezeitoptimierung
  • strukturierte Daten und saubere Metainformationen
  • Theme-Editor ohne unnötig technische Einstellungen

Custom Theme passt, wenn

Marke, Produkttyp oder Shopprozess eine eigenständige Struktur brauchen.

  • mehrere fertige Themes müssten stark umgebaut werden
  • branchenspezifische Produktdarstellungen benötigt werden
  • Redaktion und App-Integration langfristig planbar sein sollen
  • Performance und Wartbarkeit wichtiger sind als sehr viele Demo-Funktionen

Ein bestehendes Theme reicht, wenn

Konfiguration und wenige neue Sections den Bedarf abdecken.

  • Marke und Sortiment passen bereits gut zur Theme-Struktur
  • keine komplexen Produkt- oder Navigationsmuster nötig sind
  • Budget und Markteinführung wichtiger als vollständige Eigenständigkeit sind
  • Erweiterungen über kompatible Apps gelöst werden können

HUNDX Theme

Spezialisierte Storefront für Hundeshops.

HUNDX dient als eigenes Referenzprojekt für ein modular aufgebautes Shopify-Theme: Größenberatung, Produktvergleich, Vertrauenselemente und App-Block-Integration werden auf die Anforderungen von Hundeprodukten ausgerichtet.

Projektseite öffnen

Architekturprinzipien

  • Online Store 2.0 und JSON-Templates
  • modulare Sections und Blocks
  • aktuelle Shopify Customer Accounts
  • Konfigurator getrennt als App Extension
  • keine Legacy-Customer-Templates

Theme-Scoping

Welche Shopseiten, Produkttypen und Redaktionsaufgaben müssen unterstützt werden?

Ein Theme-Projekt beginnt mit Seitentypen, Inhaltsmodulen, App-Abhängigkeiten und den wichtigsten Conversion-Pfaden.