Schreib uns

Webcellent Team

Deine Nachricht geht direkt an uns. Wir melden uns persönlich per E-Mail.

Referenz · Shopify Plus

Shopify Plus für Kingspan: 314 Lichtkuppel­varianten in einer Bestellmatrix

Drei Produktreihen, unterschiedliche Bestellmaße und Ausführungen, passende Rahmen und besondere Versandbedingungen: Für Kingspan Services haben wir den bestehenden Shopify-Plus-Shop um einen individuellen Lichtkuppel-Konfigurator erweitert.

Produktübersicht ansehen
Bestellmatrix im Kingspan-Services-Shop: Bestellmaße und Ausführungen mit Preisen, daneben die Bestellübersicht
Projektart
B2B-Konfigurator und Shop-Erweiterung
System
Shopify Plus
Umsetzung
Individuelle Theme-Entwicklung, Produktdatenstruktur und Checkout-Anpassung
3 Produktreihen314 Varianten200 Artikelnummern zugeordnet81 automatisierte Tests30 Browser-TestgruppenIm bestehenden Shopify-Plus-Shop

Was die Lösung im Bestellalltag ermöglicht

Geschäftskunden vergleichen die Produktreihen, stellen mehrere Positionen zusammen und übertragen ihre geprüfte Auswahl gemeinsam in den vorhandenen Warenkorb.

Maße und Ausführungen direkt vergleichen: Drei Produktreihen mit insgesamt 314 Varianten sind über eine einheitliche Auswahl erreichbar.

Mehrere Positionen gemeinsam zusammenstellen: Produktwechsel führen innerhalb derselben Sitzung nicht zum Verlust der Bestellliste.

Rahmen passend ergänzen: Bei Classic ist der maßgleiche Sicherheitsrahmen optional auswählbar; enthaltene Systemrahmen werden nicht zusätzlich berechnet.

Versandbedingungen vor der Bestellung erkennen: Produktabhängige Hinweise erläutern zusätzliche Speditionskosten im Warenkorb und Checkout.

Die Ausgangslage

Viele Varianten, ein zusammenhängender Bestellprozess

Bei Lichtkuppeln müssen Bestellmaß, Verglasung beziehungsweise Ausführung und Rahmenbedarf zusammenpassen. Technische Unterlagen unterstützen die Auswahl; nicht jede Kombination ist als bestellbare Standardvariante verfügbar.

Für den Shop bedeutete das: Eine gewöhnliche Variantenwahl allein sollte den gesamten Ablauf nicht tragen müssen. Kunden sollten unterschiedliche Ausführungen vergleichen, mehrere Positionen sammeln und anschließend gemeinsam bestellen können.

Gleichzeitig musste sich die Lösung in die vorhandene B2B-Kundenfreigabe, Produktdarstellung und Checkout-Struktur einfügen. Auch besondere Versandbedingungen sollten an den passenden Stellen sichtbar sein.

Die Lösung

Eine Bestellmatrix auf Basis echter Shopify-Varianten

Wir haben eine individuelle Bestellmatrix direkt in das bestehende Shopify-Theme integriert. Sie bildet Bestellmaße und Ausführungen übersichtlich ab und verwendet die hinterlegten Produkt- und Variantendaten.

Auswahl nur aus bestellbaren Kombinationen

Kunden können nach einem Maß suchen, eine angebotene Kombination auswählen, die Stückzahl festlegen und die Position ihrer Bestellliste hinzufügen. Nicht verfügbare oder nicht eindeutig zuordenbare Kombinationen werden nicht zur Bestellung freigegeben.

Die Datenbasis umfasst 160 Classic-, 80 Neo-plus- und 74 DKL-neo-plus-Varianten. Herstellerunterlagen und Kundenlisten wurden in eine strukturierte Produktpflege überführt. Dazu gehörten technische Profile, Rahmenreferenzen, Variantenhinweise und die Zuordnung von 200 Artikelnummern für Classic und Sicherheitsrahmen.

Eine gemeinsame Liste für mehrere Produktreihen

Die Bestellübersicht sammelt Positionen aus allen drei Reihen. Mengen und Ausführungen lassen sich bearbeiten, Positionen entfernen und passende Sicherheitsrahmen berücksichtigen.

Vor der Warenkorbübertragung werden die aktuellen Produktdaten erneut geprüft. Ändern sich Preise, Verfügbarkeit oder Zuordnungen, muss die Auswahl entsprechend überprüft werden. Eine zentrale Aktion führt durch den Ablauf: zunächst „Bestellliste bestätigen“, anschließend „In den Warenkorb übertragen“. Nachträgliche Änderungen setzen die Bestätigung zurück.

Produktvergleich und Dokumente direkt erreichbar

Eine gemeinsame Übersichtsseite stellt die drei Reihen mit Bildern, Kurzbeschreibungen, Ausführungen und Rahmenhinweisen gegenüber. Technische Vergleiche greifen auf acht hinterlegte Ausführungsprofile zurück.

Vorliegende Montageanleitungen, Datenblätter und Checklisten sind auf den Produktseiten in einem eigenen Dokumentbereich erreichbar. Die Übersicht wurde außerdem in die bestehende Navigation unter „Weitere Kingspan Produkte“ aufgenommen.

B2B-Zugang und Rahmenlogik berücksichtigt

Die Matrix nutzt die vorhandene Kundenfreigabe. Gäste erhalten Produktinformationen; die geschützte Auswahl und Bestellfunktion stehen freigegebenen B2B-Kunden zur Verfügung.

Bei Classic kann ein passend zugeordneter Sicherheitsrahmen je Lichtkuppel ergänzt werden. Bei Neo und DKL wird der bereits enthaltene Systemrahmen erläutert, ohne ihn nochmals als kostenpflichtige Position zu berechnen.

Bestellübersicht mit Positionen aus den Reihen LK Classic und LK neo plus, Summe netto und Speditionshinweis
Die Bestellübersicht sammelt Positionen aus allen drei Produktreihen.

Ablauf

Vom Produktvergleich bis zum Checkout

  1. Produktreihe vergleichen
  2. Maß und Ausführung
  3. Positionen sammeln
  4. Prüfen und bestätigen
  5. Warenkorb
  6. Checkout

Der Konfigurator endet damit nicht bei einer isolierten Produktauswahl. Seine Positionen werden als konkrete Shopify-Varianten an den bestehenden Bestellprozess übergeben.

Desktop und Smartphone

Auf Desktop unterstützen die Tabellenansicht und eine ergänzende Auswahlleiste die Bedienung. Mobil wurden Auswahl und Bestellübersicht an die kleinere Bildschirmfläche angepasst.

Mobile Ansicht: gewählte Ausführung 60 × 120 cm mit optionalem Sicherheitsrahmen und Stückzahl
Auswahl mit optionalem Sicherheitsrahmen
Mobile Ansicht: aufgeklappte Bestellübersicht mit zwei Positionen
Bestellübersicht als aufklappbares Fenster

Checkout-Anpassung mit Shopify Plus

Zusätzliche Speditionskosten dort erklären, wo sie relevant werden

Für Lichtkuppeln fallen individuelle Speditionskosten zusätzlich zu den Standard- oder Expressversandkosten an. Die tatsächlichen Kosten werden mit der Auftragsbestätigung mitgeteilt.

Die Checkout-Anzeige wurde mit der kostenlosen Shopify-App Checkout Blocks produktabhängig eingerichtet: Eine passende Lichtkuppel löst den Hinweis aus, auch in gemischten Bestellungen. Reine Zubehörbestellungen und andere Produkte erhalten ihn nicht.

Bestehende Versandtarife und die kostenlose Abholung in Bad Salzuflen wurden beibehalten. Die Umsetzung kommuniziert die abgestimmte Versandregel; sie ersetzt diese nicht durch eine automatische Frachtberechnung.

Der Hinweis erscheint an drei Stellen

  • In der Matrix beziehungsweise Bestellübersicht
  • Im Warenkorb bei der Summe
  • Im Checkout beim Versandblock

Technik und Qualitätssicherung

Individuelle Oberfläche, pflegbare Shopify-Daten

Die Umsetzung verbindet Shopify Liquid und JavaScript mit strukturierten Produkt- und Variantendaten sowie Metafeldern und technischen Profilen. Preise und Varianten werden nicht zusätzlich in einer unabhängigen Bestelltabelle gepflegt.

Die zusammengestellte Auswahl bleibt im Sitzungsspeicher desselben Browser-Tabs erhalten. Nach einer Stunde ohne Auswahländerung wird sie beim nächsten Zugriff bereinigt. Erst die bestätigte Übertragung legt Positionen im Shopify-Warenkorb ab.

Entwickelt und geprüft wurde zunächst in einem separaten Testtheme. 81 automatisierte Einzeltests und 30 Browser-Testgruppen deckten unter anderem Variantenzuordnung, Mengen, Rahmen, Preisänderungen, Kundenkontext, Speicherablauf und Warenkorbübertragung ab. Praktische B2B-Shoptests ergänzten diese Prüfungen vor und nach der Veröffentlichung.

Das Ergebnis

Ein integrierter Bestellweg für drei Lichtkuppelreihen

Kingspan Services verfügt über einen integrierten Bestellweg für drei Lichtkuppelreihen im bestehenden Shopify-Plus-Shop.

Produktvergleich, Variantenwahl, passende Rahmen, technische Dokumente und gemeinsame Bestellliste greifen ineinander. Der Warenkorb und Checkout übernehmen die ausgewählten Positionen und machen die besonderen Versandbedingungen sichtbar.

Die individuelle Bestelloberfläche bleibt dabei mit den pflegbaren Shopify-Produktdaten verbunden, als Grundlage für die weitere Sortimentspflege und den anschließenden Ausbau von Inhalten und Nutzerführung.

Kingspan Bestellmatrix mit ausgewählter Ausführung PC-st 16/7 + 1 Schale in 60 × 120 cm

Matrix und Bestellübersicht im Shop: Auswahl, Summe und Speditionshinweis auf einen Blick.

Ihr wollt euren Shopify-Shop um eine eigene Bestelllogik erweitern?

Next system

Lass uns über Systeme sprechen, die nicht nur gut klingen, sondern funktionieren.

Wenn du ein digitales Produkt, einen Shop oder einen internen Prozess sauber aufbauen willst, sprechen wir gern über dein Vorhaben.

Erste Einschätzung zu Idee, Scope und Aufwand
Direkter Austausch mit Entwicklern
Kein Vertriebsdruck, sondern ehrliche Einordnung
Erfahrung aus Software-, Shop- und Schnittstellenprojekten
Christopher Diamant

Dein Ansprechpartner

Christopher Diamant

Geschäftsführer & Inhaber

Deine Anfrage kommt direkt bei mir an. Ich melde mich schnellstmöglich persönlich zurück.