Storefront-Modi — Hybrid, B2B-only und B2C-only
Der Umschalter Storefront-Modus ist die einzelne, wichtigste B2B-bezogene Theme-Einstellung von Vertex. Sie steuert, welche B2B-Chrome-Elemente — die bernsteinfarbene Begrüßungsleiste, die REP-Pille, das NET-Terms-Badge, der RFQ-Link, der Bulk-Order-Link, der B2B-Werbestreifen und jedes andere B2B-orientierte Element — tatsächlich in Ihrem Storefront erscheinen.
Die Einstellung befindet sich unter Anpassen ▸ Theme-Einstellungen ▸ B2B ▸ Storefront mode und bietet drei Optionen:
- Hybrid (empfohlen) — Erkennt automatisch, wer angemeldet ist. Beide Zielgruppen erhalten die passende Benutzeroberfläche.
- B2B-only — Blendet B2C-freundliche Standards aus. Der Shop geht davon aus, dass jeder Besucher ein Trade Account ist.
- B2C-only — Unterdrückt jedes B2B-Element der Benutzeroberfläche. Selbst angemeldete B2B-Käufer sehen die B2C-Version der Storefront-Chrome.
Vertex wird standardmäßig mit dem Storefront-Modus Hybrid ausgeliefert. Für die meisten Händler ist dies die richtige Einstellung, und Sie müssen sie nie ändern.
Die drei Modi im Überblick
| Modus | Am besten geeignet für | Was Käufer sehen |
|---|---|---|
| Hybrid | Die meisten Händler. Verkauf an Trade Accounts UND Laufkundschaft / Kleinunternehmer. | B2B-Chrome wird automatisch für angemeldete B2B-Käufer angezeigt. B2C-Chrome für Gäste und Privatkunden. |
| B2B-only | Reine Großhandelshändler, die NIE im Einzelhandel verkaufen. Nur-Trade-Kataloge. Händlernetzwerke. | B2B-Chrome ist überall die Standardeinstellung. Anmeldepfade verwenden standardmäßig "Create trade account". RFQ- und Bulk-Order-Links sind immer sichtbar. |
| B2C-only | Schwesterläden, die dasselbe Theme als Einzelhandelsmarke betreiben. Soft-Launch von B2B, ohne es bereits offenzulegen. | Jedes B2B-Element wird unterdrückt — auch für angemeldete B2B-Käufer. Sieht aus wie ein gepflegtes industrielles B2C-Theme. |
Vergleichsmatrix nebeneinander
Verwenden Sie diese Matrix, um genau vorherzusagen, welche UI-Elemente in welchem Modus erscheinen. G = Gast. B2C = angemeldeter Privatkunde. B2B = angemeldeter B2B-Käufer.
| UI-Element | Hybrid (G / B2C / B2B) | B2B-only (G / B2C / B2B) | B2C-only (G / B2C / B2B) |
|---|---|---|---|
| Bernsteinfarbene B2B-Begrüßungsleiste (über dem Header) | — / — / ✓ | — / — / ✓ | — / — / — |
| Firmenname + Badges in der Begrüßungsleiste | — / — / ✓ | — / — / ✓ | — / — / — |
| NET-30- / NET-60- / NET-90-Badge | — / — / ✓ | — / — / ✓ | — / — / — |
| Steuerbefreiungs-Badge | — / — / ✓ | — / — / ✓ | — / — / — |
| REP-Pille (Desktop-Header) | — / — / ✓ | — / — / ✓ | — / — / — |
| Versandadressen-Umschalter | — / — / ✓ | — / — / ✓ | — / — / — |
| Unternehmens-Umschalter (Mehr-Unternehmens-Käufer) | — / — / ✓ | — / — / ✓ | — / — / — |
| Volume-Pricing-Tabelle (PDP) | — / — / ✓ | — / — / ✓ | — / — / — |
| Durchsetzung der Quantity Rules (MOQ/Max/Schrittweite) | — / — / ✓ | — / — / ✓ | — / — / — |
| RFQ-Link in der Hauptnavigation | ✓ / ✓ / ✓ | ✓ / ✓ / ✓ | — / — / — |
| Bulk-Order-Link in der Hauptnavigation | ✓ / ✓ / ✓ | ✓ / ✓ / ✓ | — / — / — |
| B2B-Feature-Werbestreifen (Startseite) | ✓ / — / — | ✓ / ✓ / ✓ | — / — / — |
| "Create trade account"-CTA (statt "Sign up") | — / — / — | ✓ / ✓ / ✓ | — / — / — |
| "Sign up"-CTA (B2C-Standard) | ✓ / — / — | — / — / — | ✓ / — / — |
| B2B-bewusstes Konto-Dashboard | — / — / ✓ | — / — / ✓ | — / — / — |
| NET-Terms-Badge im Warenkorb | — / — / ✓ | — / — / ✓ | — / — / — |
| Hide prices until customer logs in (wenn aktiviert) | Gast ausgeblendet | Gast ausgeblendet | Gast ausgeblendet |
Legende:
- ✓ — Element ist sichtbar
- — — Element ist ausgeblendet / wird nicht gerendert
Das Katalog-Scoping (B2B-Käufer sehen nur Produkte in ihrem zugewiesenen Katalog) wird von Shopify selbst durchgesetzt, unabhängig vom Storefront-Modus. Selbst im B2C-only-Modus sieht ein angemeldeter B2B-Käufer weiterhin nur die Produkte seines Katalogs — jedoch ohne die umgebende B2B-Chrome.
Modus 1 — Hybrid (empfohlen für die meisten Händler)
Hybrid ist die Standardeinstellung und die richtige Antwort für ~80 % der Händler. Es erkennt automatisch den Status jedes Besuchers (Gast, B2C-Kunde oder B2B-Käufer) und rendert die passende Benutzeroberfläche.
Wer sollte Hybrid verwenden
- Sie verkaufen sowohl an Trade Accounts (mit Zahlungszielen, Katalogen, Volume Pricing) ALS AUCH an Laufkundschaft / Kleinunternehmer.
- Sie möchten eine URL, ein Theme, einen Produktkatalog — aber mit B2B-Vorteilen für verifizierte Käufer.
- Sie sind ein Händler für Industriebedarf oder MRO, dessen Privatkunden Kleinhandwerker, Hobbyisten oder Endverbraucher sind.
Was Hybrid macht
| Besuchertyp | Was Hybrid rendert |
|---|---|
| Gast | Gepflegte B2C-Storefront-Chrome. B2B-Feature-Werbestreifen auf der Startseite als Marketing. RFQ- und Bulk-Order-Links in der Navigation (auch Gäste können einen RFQ einreichen, um einen Trade Account zu starten). |
| B2C-Kunde (angemeldet) | Dieselbe B2C-Chrome. Kein B2B-Werbestreifen (sie sind bereits Kunden). Keine B2B-Begrüßungsleiste (sie gehören nicht zu einem Unternehmen). |
| B2B-Käufer (angemeldet) | Vollständige B2B-Chrome — bernsteinfarbene Begrüßungsleiste, Firmenname, NET-Terms- und Steuerbefreiungs-Badges, Versandadressen-Umschalter, REP-Pille, Volume-Pricing-Tabelle, Durchsetzung der Quantity Rules, B2B-bewusstes Konto-Dashboard. |
Warum es empfohlen wird
- Null Risiko, dass versehentlich ein Feature für die falsche Zielgruppe ausgeblendet wird.
- Das Katalog-Scoping hält B2B-only-Produkte weiterhin vor Gästen verborgen, falls Sie dies möchten.
- Jede Zielgruppe erhält eine Chrome, die signalisiert "dieser Storefront versteht mich".
Modus 2 — B2B-only
Im B2B-only-Modus geht der Storefront davon aus, dass jeder ein Trade Account ist (oder wird). Anmelde-CTAs verwenden standardmäßig "Create trade account". Der B2B-Feature-Werbestreifen wird für jeden angezeigt — auch für angemeldete Privatkunden — da Privatkunden in diesem Modus eigentlich gar nicht existieren sollten. RFQ- und Bulk-Order-Links bleiben immer sichtbar.
Wer sollte B2B-only verwenden
- Reine Großhandelshändler. Sie verkaufen ausschließlich an verifizierte Trade Accounts. Es gibt keine Einzelhandels-SKU, keinen verbraucherorientierten Checkout-Flow.
- Händler- / Vertriebsnetzwerke. Ihre Käufer sind alle zugelassene Channel-Partner mit Zahlungszielen.
- Reine Trade-Kataloge. Produkte wie Industriechemikalien, Schwermaschinen, regulierte medizinische Bedarfsartikel oder rein gewerbliche Zertifizierungen.
- Sie können weiterhin anonymes Browsen erlauben — aber jeder, der Preise sehen oder zur Kasse gehen möchte, muss sich anmelden (kombinieren Sie B2B-only mit der Theme-Einstellung Hide prices until customer logs in für die stärkste Sperre).
Was B2B-only ändert
- Alle Anmeldepfade leiten zu "Create trade account" — der Käufer wird zu Ihrem Trade-Account-Antragsformular geleitet, nicht zu einer generischen Registrierungsseite.
- B2B-Werbestreifen ist immer sichtbar, um den Wert eines Kontos zu kommunizieren.
- RFQ- und Bulk-Order-Links sind für alle in der Navigation angepinnt (einschließlich Gäste).
- B2B-Chrome erfordert weiterhin eine Anmeldung zum Rendern (Begrüßungsleiste, REP-Pille, NET-Terms-Badge) — das ist eine Shopify-Einschränkung, keine Vertex-Entscheidung. Aber jedes andere UI-Signal lenkt Besucher zum Trade-Account-Status.
Was wie bei Hybrid bleibt
- Volume Pricing, NET-Terms-Badges, Steuerbefreiungs-Badges, REP-Pille — all dies erfordert weiterhin einen angemeldeten B2B-Käufer, um gerendert zu werden.
- Das Katalog-Scoping bleibt unverändert.
- B2C-freundliche Standards (z. B. als Gast in den Warenkorb legen) funktionieren weiterhin, WENN Sie Hide prices until customer logs in nicht aktiviert haben.
Der B2B-only-Modus steuert die Chrome, nicht die Sperre. Um zu verhindern, dass Gäste Preise sehen oder zur Kasse gehen, aktivieren Sie zusätzlich Hide prices until customer logs in unter Anpassen ▸ Theme-Einstellungen ▸ B2B ▸ Hide prices until customer logs in. Die Kombination ist die kanonische "echte Nur-Großhandel"-Konfiguration.
Modus 3 — B2C-only
B2C-only ist die stärkste Ausblendung. Jedes B2B-Element der Benutzeroberfläche wird unterdrückt — sogar für angemeldete B2B-Käufer. Die bernsteinfarbene Begrüßungsleiste wird nicht gerendert. Die REP-Pille wird nicht gerendert. Das NET-Terms-Badge wird nicht gerendert. Das B2B-bewusste Konto-Dashboard wird auf das B2C-Konto-Dashboard zurückgesetzt. Die RFQ- und Bulk-Order-Links werden aus der Navigation entfernt.
Die zugrunde liegenden Seitenvorlagen existieren weiterhin — /pages/rfq, /pages/bulk-order, /pages/special-offers. Sie sind nur nicht aus der Chrome heraus verlinkt. Nur die Navigation und Chrome werden ausgeblendet; die Daten und Vorlagen bleiben erhalten.
Wer sollte B2C-only verwenden
- Sie betreiben dasselbe Vertex-Theme auf einem Schwester-B2C-Shop, der überhaupt keine B2B-Aktivitäten hat (z. B. Ihre reine Einzelhandels-Verbrauchermarke vs. Ihre Industriebedarfsmarke). Gleiches Theme, verschiedene Shops.
- Sie führen einen Soft-Launch von B2B-Features durch — Sie möchten Unternehmen, Kataloge, Zahlungsziele und Metafields im Hintergrund konfigurieren, OHNE die UI für frühe Besucher offenzulegen. Wechseln Sie am Launch-Tag zu Hybrid (oder B2B-only).
- Eine reine Einzelhandelsphase während eines Launch-Hochlaufs — z. B. eine Black-Friday-Woche, in der Sie ein einheitlich verbraucherorientiertes Erlebnis wünschen.
- Regulatorischer oder vertraglicher Moment, in dem jede Seite vorübergehend B2C-orientiert sein muss.
Was B2C-only macht
- Unterdrückt jedes B2B-Chrome-Element. Der Storefront sieht aus wie ein gepflegtes B2C-Industriebedarfs-Theme.
- Angemeldete B2B-Käufer erhalten weiterhin Katalog-Scoping (Shopify-nativ), aber keine B2B-Chrome. Sie sehen Katalogpreise, aber kein NET-Terms-Badge, keine REP-Pille, keine Volume-Pricing-Tabelle.
- Der B2B-Feature-Werbestreifen ist für alle ausgeblendet.
- Die Bulk-Order-, RFQ- und Special-Offers-Seiten bleiben über die direkte URL zugänglich — nur die Navigationslinks sind ausgeblendet.
Wann B2C-only NICHT verwenden
- Wenn Sie angemeldete B2B-Käufer haben, die darauf angewiesen sind, NET-Terms-Badges, REP-Kontaktinformationen oder Volume Pricing in der Chrome zu sehen. Sie verlieren all das.
- Wenn Sie ein reiner Großhandelshändler sind — verwenden Sie stattdessen B2B-only.
Häufiges Hochlaufmuster: "Soft-Launch von B2B über 30 Tage"
Ein beliebtes Muster für Händler, die B2B zum ersten Mal einführen:
- Tage 1–14: B2C-only-Modus. Installieren Sie Vertex. Konfigurieren Sie das native B2B im Admin gemäß dem B2B-Setup-Leitfaden. Erstellen Sie Unternehmen, Kataloge, Preislisten, Zahlungsziele. Befüllen Sie die
vertex.rep_*- undvertex.tech_specs-Metafields gemäß dem Metafield-Setup-Leitfaden. Testen Sie intern mit Mitarbeiterkonten. Noch nichts wird Kunden offengelegt. - Tage 15–25: Hybrid-Modus, aber zeigen Sie noch keinen B2B-Käufern. Wechseln Sie zu Hybrid. Onboarden Sie 3–5 Pilot-Trade-Accounts. Überprüfen Sie, ob alles korrekt für sie gerendert wird. Iterieren Sie über die Metafield-Inhalte. Verfeinern Sie die Sales-Rep-Zuweisungen.
- Tag 26+: In Hybrid bleiben, öffentlich ankündigen. Senden Sie Ihrer Einzelhandelsliste eine E-Mail, um Trade-Account-Anträge einzuladen. Fügen Sie den RFQ-Link Ihrem Startseiten-Hero hinzu. Sie sind live.
Wenn Sie ein reiner Großhandelshändler sind, ersetzen Sie Schritt 3 durch "Auf B2B-only umschalten" und aktivieren Sie Hide prices until customer logs in.
Der Storefront-Modus ist eine einzelne Theme-Einstellung. Eine Änderung hat null Auswirkungen auf gespeicherte Daten, Kundenkonten, B2B-Unternehmen, Kataloge oder Bestellungen — es ändert sich nur, welche Chrome gerendert wird. Sie können beliebig hin- und herwechseln, wenn sich Ihr Geschäft weiterentwickelt.
So ändern Sie den Storefront-Modus
- Öffnen Sie das Shopify-Admin und gehen Sie zu Onlineshop ▸ Themes.
- Suchen Sie das Vertex-Theme (Live oder ein Vorschau-Theme).
- Klicken Sie auf Anpassen.
- Klicken Sie in der oberen linken Ecke des Customizers auf das Symbol Theme-Einstellungen (das kleine Zahnrad unter der Abschnittsliste).
- Scrollen Sie zur (oder klicken Sie auf die) B2B-Gruppe.
- Suchen Sie Storefront mode.
- Wählen Sie Hybrid, B2B-only oder B2C-only.
- Klicken Sie auf Speichern (oben rechts).
Klickpfad: Onlineshop ▸ Themes ▸ Anpassen ▸ Theme-Einstellungen ▸ B2B ▸ Storefront mode ▸ Speichern
Die Änderung wird sofort wirksam — aktualisieren Sie Ihren Storefront in einem separaten Tab, um sie zu bestätigen.
Code-Referenz — wie die Einstellung verdrahtet ist
Für Entwickler und Agenturteams, die das Verhalten in Liquid verifizieren möchten:
Die Einstellung wird als settings.storefront_mode exponiert und nimmt einen von drei String-Werten an: hybrid, b2b oder b2c.
Jedes B2B-Chrome-Element umschließt sein Rendering mit einer Bedingung, die den B2C-only-Modus ausschließt:
{%- comment -%} Render only when NOT in B2C-only mode AND buyer is B2B {%- endcomment -%}
{%- if settings.storefront_mode != 'b2c' and customer.b2b? -%}
{%- render 'b2b-greeting-bar' -%}
{%- endif -%}
Der B2B-Werbestreifen verwendet eine andere Bedingung — zeigen für Gäste im Hybrid-Modus, zeigen für alle im B2B-only-Modus, niemals zeigen im B2C-only-Modus:
{%- if settings.storefront_mode == 'b2b'
or (settings.storefront_mode == 'hybrid' and customer == blank) -%}
{%- render 'b2b-promo-strip' -%}
{%- endif -%}
Anmelde-CTAs tauschen das Label je nach Modus:
{%- if settings.storefront_mode == 'b2b' -%}
<a href="/account/register">{{- 'b2b.create_trade_account' | t -}}</a>
{%- else -%}
<a href="/account/register">{{- 'customer.register' | t -}}</a>
{%- endif -%}
Die RFQ- und Bulk-Order-Navigationslinks verwenden das Negationsmuster (Ausblenden im B2C-only-Modus):
{%- if settings.storefront_mode != 'b2c' -%}
<a href="/pages/rfq">{{- 'b2b.rfq' | t -}}</a>
<a href="/pages/bulk-order">{{- 'b2b.bulk_order' | t -}}</a>
{%- endif -%}
Die Einstellung wird referenziert aus sections/header.liquid, sections/main-product.liquid, sections/main-cart.liquid, snippets/b2b-greeting-bar.liquid, snippets/b2b-promo-strip.liquid, snippets/b2b-rep-card.liquid, templates/customers/account.liquid und mehreren anderen. Wenn Sie das Theme anpassen, folgen Sie demselben Bedingungsmuster, um Ihre Erweiterungen Storefront-Mode-bewusst zu halten.
Entscheidungsbaum
Sie sind sich nicht sicher, welchen Modus Sie wählen sollen? Folgen Sie diesem Baum:
-
Verkaufen Sie an Privatkunden?
- Ja → Weiter zu Frage 2.
- Nein (nur Großhandel) → Wählen Sie B2B-only. Aktivieren Sie außerdem Hide prices until customer logs in.
-
Haben Sie derzeit angemeldete B2B-Käufer?
- Nein (noch nicht) → Wählen Sie B2C-only, während Sie B2B im Hintergrund konfigurieren. Wechseln Sie zu Hybrid, wenn Sie bereit sind.
- Ja → Wählen Sie Hybrid. Fertig.
-
Möchten Sie einen B2B-orientierten Anmelde-Funnel für Gäste?
- Ja → Erwägen Sie B2B-only (mit Hide prices until customer logs in).
- Nein, Anmeldungen sollten sich B2C-orientiert anfühlen → Bleiben Sie bei Hybrid.
FAQ
Wird das Wechseln der Modi etwas kaputtmachen?
Nein. Die Storefront-Modus-Einstellung ändert nur, welche Chrome gerendert wird. Gespeicherte Daten, Kundenkonten, B2B-Unternehmen, Kataloge, Preislisten, Zahlungsziele, Metafield-Werte und Bestellhistorie bleiben unberührt.
Blendet der B2C-only-Modus die Vorlagen /pages/rfq und /pages/bulk-order aus?
Nein. Die Vorlagen und Seiten bleiben veröffentlicht und über direkte URL zugänglich. Nur die Navigationslinks und die Chrome sind ausgeblendet. Ein Händler oder Kunde, der die URL kennt, kann sie weiterhin besuchen.
Kann ich B2B-Chrome bedingt pro Kollektion oder pro Produkt rendern?
Der Storefront-Modus ist ein seitenweiter Umschalter. Für die Ausblendung pro Kollektion oder pro Produkt verwenden Sie Katalog-Scoping im Admin. Produkte, die aus einem Katalog ausgeschlossen sind, erscheinen beispielsweise in der Storefront dieses B2B-Käufers überhaupt nicht.
Was passiert, wenn sich ein B2B-Käufer anmeldet, während der Modus B2C-only ist?
Der Käufer wird angemeldet, das Katalog-Scoping greift (er sieht nur die Produkte seines Katalogs), aber keine der B2B-Chrome wird gerendert. Er sieht den Storefront, als wäre er ein B2C-Kunde. Das NET-Terms-Badge, die REP-Pille, die Volume-Pricing-Tabelle und die Begrüßungsleiste werden alle unterdrückt.
Kann ich Strings pro Modus lokalisieren?
Ja. Jeder Vertex-String befindet sich in den Dateien locales/{language}.json. Die Schlüssel b2b.create_trade_account und customer.register können pro Sprache an Ihre Markenstimme angepasst werden.
Wie es weitergeht
- B2B-Setup-Leitfaden → — Aktivieren Sie natives B2B durchgängig, bevor Sie aus dem B2C-only-Modus wechseln.
- Metafield-Setup-Leitfaden → — Befüllen Sie den
vertex-Namespace, damit die REP-Pille, die Tech-Spec-Tabelle und der Documents-Block im Hybrid- / B2B-only-Modus tatsächlich gerendert werden. - Theme-Einstellungen-Referenz → — Jede andere B2B-bezogene Einstellung im Theme-Editor (Storefront mode, Hide prices until customer logs in und die Produktseiten-Schalter).
- FAQ + Fehlerbehebung → — Häufige modusbezogene Fragen beantwortet.