Theme Engineering · Kampagnen-Logik · Zero Dependencies
Native Theme-Architektur statt App-Wildwuchs. Skalierbar, wartbar, performant.
Bekateq vertreibt technisch anspruchsvolle Beschichtungen und Farben mit stark kampagnengetriebenem Verkauf. Der bestehende Dawn-basierte Store sollte funktional erweitert werden — jedoch ohne zusätzliche App-Abhängigkeiten, um Performance, Wartbarkeit und Kontrolle vollständig im eigenen Theme zu behalten.
4.400+
Zeilen Custom Code
24
Individuelle Collection-Templates
0
Externe App-Abhängigkeiten
Die Herausforderung
Der Shop benötigte mehrere komplexe Erweiterungen gleichzeitig: kampagnenfähige Rabatt-Kommunikation, dynamische Versandinformationen je Variante, erweiterbare Collection-Strukturen mit Sub-Navigation, Landingpages mit eigener Logik und SEO-Verbesserungen auf Template-Ebene. Ein App-basierter Ansatz hätte zu Performance-Einbußen, inkonsistenter UX und schwer wartbarem Setup geführt.
Die Lösung
smplx. arbeitete als technischer Entwicklungspartner an der Weiterentwicklung des Dawn-Themes — mit Fokus auf einer skalierbaren, konfigurierbaren und performanten Architektur. Alle Features wurden nativ mit Liquid, CSS und Vanilla JS umgesetzt und sind vollständig im Shopify Theme Editor steuerbar.
Was wir konkret gemacht haben
- —Discount-Bar System: fest positionierte Rabatt-Leiste mit Code-Copy und Auto-Apply-Modus, zweisprachig, im Theme Editor konfigurierbar
- —Dynamische Versandkosten-Anzeige: variantenspezifische Versandinfos basierend auf Metafields, reaktiv bei Variantenwechsel
- —Collection Hero & Sub-Navigation: Split-Layout mit automatischer Sub-Collection-Navigation aus Menüstruktur
- —Black Friday Landing Page: modulare One-Page Section mit Countdown, Kategorie-Grid, Top Deals und Newsletter-Signup (50+ Theme-Editor-Settings)
- —Dynamic Sale Section: Metafield-getriebene automatische Kategorie-Generierung mit Grid/Carousel-Layouts und Paginierung
- —Promotional Badge System: SVG-Rosetten für Produktkarten und Navigation, Collection-basiert
- —SEO-Verbesserungen: Meta-Description-Fallbacks, Alt-Text-Fallbacks, SessionStorage-Breadcrumbs
- —24 individuelle Collection-Templates für alle Produktkategorien
Unsere Rolle: technischer Entwicklungspartner für die Weiterentwicklung des Shopify-Themes und die Implementierung komplexer, kampagnengetriebener Features — mit Fokus auf einer skalierbaren, metadatenbasierten Architektur ohne externe Abhängigkeiten.
Zero Dependencies: Warum wir alles nativ im Theme gebaut haben
Das Problem mit App-Abhängigkeiten
Jede Shopify-App lädt eigenes JavaScript und CSS. Bei fünf Apps sind das schnell 500 KB+ zusätzlicher Payload, dazu unkontrollierbare Render-Blocking-Skripte und inkonsistentes Styling. Für einen kampagnengetriebenen Store der auf Performance angewiesen ist, ist das nicht akzeptabel. Unsere Entscheidung: Null externe Apps. Alles nativ im Theme.
Metafield-getriebene Architektur
Statt Daten in Apps zu speichern, nutzen wir Shopify Metafields als Single Source of Truth. Die Discount-Bar liest ihre Konfiguration aus Metafields, Versandkosten-Anzeigen reagieren auf variantenspezifische Metafields, die Dynamic Sale Section generiert Kategorien automatisch aus Metafield-Daten. Das bedeutet: der Merchant steuert alles aus dem Shopify Admin — ohne App-Dashboards, ohne externe Logins.
50+ Theme-Editor-Settings für eine einzige Section
Die Black Friday Landing Page ist ein gutes Beispiel für den Ansatz: Eine modulare Section mit über 50 konfigurierbaren Settings im Theme Editor. Countdown-Timer, Kategorie-Grid-Layout, Featured Deals, Newsletter-Signup — alles ein- und ausschaltbar, farblich anpassbar, textlich editierbar. Der Merchant braucht für die nächste Kampagne keinen Entwickler — er konfiguriert im Theme Editor.
24 Collection-Templates: Warum nicht eines für alle?
Bekateqs Produktkategorien haben unterschiedliche Anforderungen: Farben brauchen Farbmuster-Anzeigen, Beschichtungen brauchen technische Datenblätter, Sets brauchen Paketübersichten. Statt ein generisches Template mit Conditional Logic zu überladen, haben wir 24 spezialisierte Templates gebaut. Jedes Template ist schlank, performant und exakt auf seine Kategorie zugeschnitten.
Tech-Stack
Key Insight
App-Wildwuchs ist eines der häufigsten Performance-Probleme bei Shopify-Stores. Die Alternative ist nicht 'keine Features' — sondern Features die nativ im Theme leben. 4.400 Zeilen Custom Code klingt nach viel, aber sie ersetzen 5+ Apps die jeweils eigene Skripte, Stylesheets und externe API-Calls mitbringen würden.