Alle Seiten
Bereitgestellt von GitBook
1 von 2

Loading...

Loading...

Buybox

Die Buybox ist Bestandteil des Standard CMS-Elementes "Galerie und Buybox" von Shopware 6.

Du kannst die Buybox (2) über das entsprechende CMS-Layout deiner Produktseite(n) und über die ThemeWare® konfigurieren.

Galerie und Buybox

Standard-Komponenten

ThemeWare® Produktseiten: Buybox
  1. Preis

  2. Versandkostenfrei-Hinweis

  3. Varianten-Auswahl (Layout "Text")

  4. Varianten-Auswahl (Layout "Farbe")

  5. Mengenauswahl und Kaufen-Button

  1. ThemeWare® Kurzbeschreibung

  2. Angebotspreis/Rabattpreis (+Streichpreis)

  3. ThemeWare® Versandkostenfrei-Hinweis

  4. ThemeWare® Individuelle Ankündigung

ThemeWare® Social-Proofing

  • ThemeWare® Zahlungsarten auf der Artikelseite

  • Produktnummer + ThemeWare® Produkt-Spezifikationen

  • ThemeWare® Produkt-Vorteile

  • ThemeWare® Teilen-Links

  • ThemeWare® Ergänzungen

    Konfiguration

    Basiskonfiguration


    Kurzbeschreibung anzeigen

    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen

    Beispiel Wert: nicht anzeigen

    Pfad zur Einstellung: Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Basiskonfiguration"

    Technischer Name: twt-product-detail-short-description-show

    Die Kurzbeschreibung kann über ein Zusatzfeld im jeweiligen Produkt hinzugefügt werden.

    Preis-Tabelle


    Darstellungsart

    Feldtyp: Auswahlfeld

    Verfügbare Werte: • Standard • ThemeWare®

    Beispiel Wert: ThemeWare®

    Pfad zur Einstellung: Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Preis-Tabelle"

    Technischer Name: twt-product-detail-prices-table-layout


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • großzügig (Standard) • kompakt

    Beispiel Wert: kompakt

    Pfad zur Einstellung: Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Preis-Tabelle"

    Technischer Name: twt-product-detail-prices-table-style


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • breit (Standard) • schmal

    Beispiel Wert: schmal

    Pfad zur Einstellung: Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Preis-Tabelle"

    Technischer Name: twt-product-detail-prices-table-width


    Feldtyp: Farbauswahl

    Beispiel Wert: #ffffff

    Pfad zur Einstellung: Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Preis-Tabelle"

    Technischer Name: twt-product-detail-prices-table-head-color


    Feldtyp: Farbauswahl

    Beispiel Wert: $sw-color-brand-primary

    Pfad zur Einstellung: Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Preis-Tabelle"

    Technischer Name: twt-product-detail-prices-table-head-background-color


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nebeneinander (Standard) • untereinander

    Beispiel Wert: untereinander

    Pfad zur Einstellung: Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Buy-Widget (Mengenauswahl und Kaufen-Button)"

    Technischer Name: twt-product-detail-buy-widget-arrangement


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • Text (Standard) • Text & Icon

    Beispiel Wert: Text (Standard)

    Pfad zur Einstellung: Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Kaufen-Button ("In den Warenkorb")"

    Technischer Name: twt-product-detail-btn-buy-layout


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • links • rechts

    Beispiel Wert: links

    Pfad zur Einstellung: Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Kaufen-Button ("In den Warenkorb")"

    Technischer Name: twt-product-detail-btn-buy-icon-position


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • Link (Standard) • Button • Button (Outline)

    Beispiel Wert: Button

    Pfad zur Einstellung: Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Merkzettel-Button ("Auf den Merkzettel")"

    Technischer Name: twt-product-detail-wishlist-button-layout-type


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • Hell • Sekundär

    Beispiel Wert: Sekundär

    Pfad zur Einstellung: Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Merkzettel-Button ("Auf den Merkzettel")"

    Technischer Name: twt-product-detail-wishlist-button-color-type


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen

    Beispiel Wert: anzeigen

    Pfad zur Einstellung: Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Versand-Link"

    Technischer Name: twt-product-detail-shipping-link-show


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • über den Produkt-Spezifikationen • unter den Produkt-Spezifikationen

    Beispiel Wert: unter den Produkt-Spezifikationen

    Pfad zur Einstellung: Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Garantie (GARAN-Label)"

    Technischer Name: twt-product-detail-garan-label-position

    Stil

    Breite

    Textfarbe (Tabellen-Kopf)

    Wird in der Darstellungsart "ThemeWare®" verwendet.

    Hintergrundfarbe (Tabellen-Kopf)

    Wird in der Darstellungsart "ThemeWare®" verwendet.

    Buy-Widget (Mengenauswahl und Kaufen-Button)

    Anordnung

    Hinweis: Legt fest, wie Mengenauswahl und Kaufen-Button angeordnet werden.

    In der Anordnung "untereinander" nutzen beide die volle Breite. Express-Kauf-Buttons, die andere Erweiterungen darunter ergänzen (z.B. PayPal oder Amazon Pay), schließen dann bündig an.

    Kaufen-Button ("In den Warenkorb")

    Darstellungsart

    Um den Text zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: detail.addProduct

    Position der Icons

    Merkzettel-Button ("Auf den Merkzettel")

    Darstellungsart

    Hinweis: Legt fest, wie der Merkzettel-Button unterhalb des Kaufen-Buttons dargestellt wird.

    In der Darstellungsart "Link" bleibt er, wie Shopware ihn ausliefert.

    Um den Text zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: listing.addToWishlist

    Buttonfarbe

    Hinweis: Legt fest, in welcher Farbe der Merkzettel-Button dargestellt wird.

    Beide Farben konfigurierst du im Tab "Layout" => Bereich "Buttons" => Abschnitt "Farbkonfiguration".

    In der Darstellungsart "Link" hat diese Konfiguration keine Wirkung.

    Versand-Link

    Versand-Link anzeigen

    Hinweis: Zeigt unterhalb des Kaufen-Buttons einen Versand-Link an, der die im Shop hinterlegte Versand- und Zahlungsseite als Overlay öffnet.

    Den Text bearbeitest du über den Textbaustein twt.detail.shippingLink.

    Bei Produkten, die als versandkostenfrei gekennzeichnet sind, wird der Link automatisch ausgeblendet. Ist im Shop keine Versand- und Zahlungsseite hinterlegt, erscheint der Text ohne Link.

    Wichtig: Wenn du im Textbaustein eine Schwelle nennst ("Kostenloser Versand ab 50 €"), muss diese für alle Lieferländer deines Shops gelten. Shopware führt Versandkosten pro Versandart, Währung und Regel — ein Textbaustein kann das nicht unterscheiden.

    Garantie (GARAN-Label)

    Position

    Hinweis: Shopware zeigt das GARAN-Label in der Buybox an, sobald die Garantie-Daten am Produkt gepflegt sind (ab Shopware 6.7.14).