Buy Box

Übersicht

Die Buy Box ist neben der Galerie der zweite Hauptbestandteil der Produkt Detailseite und enthält alle Informationen zum Produkt. Hierunter fallen bspw. Preis- und Lieferzeitangaben, aber auch die Mengenauswahl und der Warenkorb Button. Durch die nachstehenden Konfigurationsmöglichkeiten kannst du die Buy Box ganz auf deine Wünsche zuschneiden. Die Felder sind hierbei von oben nach unten sortiert und entsprechend der Reihenfolge innerhalb der Buy Box.

Buy Box unseres Kunden https://donari.de/arrow-up-right

Produkttitel

chevron-rightSchriftgröße (in px)hashtag

Passe die Schriftgröße des Produkttitels an.

chevron-rightSchriftstärkehashtag

Definiert die Schriftstärke des Produkttitels. Je nach Schriftart stehen dir hierbei folgende Konfigurationsoptionen zur Verfügung:

100 = Thin 200 = Extra Light 300 = Light 400 = Normal 500 = Medium 600 = Semi Bold 700 = Bold 800 = Extra Bold 900 = Black

chevron-rightZeichenabstand (in px)hashtag

Passe den Zeichenabstand des Produkttitels an.

chevron-rightGroßbuchstabenhashtag

Ja Schreibt den Produkttitel automatisch in Großbuchstaben. Somit muss der Name im Produkt Modularrow-up-right nicht in Großbuchstaben verfasst werden.

Nein Zeigt den Produkttitel so an wie er im Produkt Modularrow-up-right angelegt wurde.

chevron-rightUnterer Abstand (in px)hashtag

Hinterlege den unteren Abstand des Produktitels zum Preis.

chevron-rightSchriftfarbehashtag

Lege die Schriftfarbe des Produkttitels fest. Standardmäßig wird hier die Überschriftfarbe als Variable eingebunden.

Preis

chevron-rightPreis Schriftgröße (in px)hashtag

Definiere die Schriftgröße des Preises.

chevron-rightPreis Schriftstärkehashtag

Definiert die Schriftstärke des Preises. Je nach Schriftart stehen dir hierbei folgende Konfigurationsoptionen zur Verfügung:

100 = Thin 200 = Extra Light 300 = Light 400 = Normal 500 = Medium 600 = Semi Bold 700 = Bold 800 = Extra Bold 900 = Black

chevron-rightStreichpreis Schriftgröße (in px)hashtag

Lege die Schriftgröße des Streichpreises fest.

chevron-rightStreichpreis Schriftstärkehashtag

Definiert die Schriftstärke des Streichpreises. Je nach Schriftart stehen dir hierbei folgende Konfigurationsoptionen zur Verfügung:

100 = Thin 200 = Extra Light 300 = Light 400 = Normal 500 = Medium 600 = Semi Bold 700 = Bold 800 = Extra Bold 900 = Black

chevron-rightRechter Abstand des Preises (in px)hashtag

Hiermit kannst du mehr oder weniger Abstand zwischen Preis und Streichpreis schaffen.

chevron-rightFormulierung der erweiterten Preisehashtag

Standard Im Shopware Standard erfolgt eine "Bis-Ab-Formulierung" wie folgt:

Ab-Formulierung Die "Ab-Formulierung" kann helfen, dass Staffelpreise einfacher zu lesen sind:

chevron-rightRabatt der erweiterten Preise anzeigenhashtag

Ja Die Staffelpreis Tabelle wird um die Spalte "Rabatt" erweitert, sodass die prozentuale Einsparung pro Stück mit höherer Anzahl für den Besucher besser ersichtlich wird:

Der Spaltentitel "Rabatt" lässt sich hierbei über den Textbausteinarrow-up-right theme.detail.dataColumnDiscount anpassen.

Nein Die Staffelpreis Tabelle wird nicht um die Spalte "Rabatt" erweitert.

Grundpreisangabe

chevron-rightSchriftgröße (in px)hashtag

Passe die Schriftgröße der Grundpreisangabe an. Diese kann im Produkt Modularrow-up-right im Tab "Spezifikationen" unter dem Abschnitt "Maße & Verpackung" pro Produkt und Variante definiert werden.

Steuer

chevron-rightSchriftgröße (in px)hashtag

Passe die Schriftgröße des rechtlich notwendigen Steuerhinweises "Preise inkl. MwSt. zzgl. Versandkosten" an.

Hersteller

chevron-rightPositionhashtag

Standard Blendet den Hersteller unterhalb des Steuerhinweises ein.

Überhalb des Produkttitels Integriert den Hersteller über dem Produkttitel.

Ausblenden Blendet den Hersteller aus. Dies kann Sinn machen, wenn man selbst der Hersteller all seiner Produkt ist.

chevron-rightLogo anzeigenhashtag

Ja Das Hersteller-Logo wird immer angezeigt, sofern es gepflegt ist.

Nein Das Hersteller-Logo wird nie angezeigt, auch wenn es hinterlegt ist.

chevron-rightSchriftgröße (in px)hashtag

Definiert die Schriftgröße des Herstellernamens. Voraussetzung ist hierfür das Layout "Text".

chevron-rightSchriftstärkehashtag

Definiert die Schriftstärke des Herstellers. Je nach Schriftart stehen dir hierbei folgende Konfigurationsoptionen zur Verfügung:

100 = Thin 200 = Extra Light 300 = Light 400 = Normal 500 = Medium 600 = Semi Bold 700 = Bold 800 = Extra Bold 900 = Black

chevron-rightUnterstrichenhashtag

Ja Der Hersteller-Link wird unterstrichen dargestellt.

Nein Der Hersteller-Link wird nicht unterstrichen dargestellt.

chevron-rightUnterer Innenabstand (in px)hashtag

Definiert den Abstand zwischen Hersteller und dem Rahmen unterhalb des Herstellers.

chevron-rightUnterer Außenabstand (in px)hashtag

Definiert den Abstand zwischen dem Rahmen unterhalb des Herstellers und dem nächsten Element.

chevron-rightRahmenfarbe untenhashtag

Legt die Farbe des Rahmens unterhalb des Herstellers fest. Standardmäßig wird hier die globale Rahmenfarbe als Variable eingebunden. Wenn du die visuelle Trennlinie nicht anzeigen möchtest kannst du hier "transparent" in das Feld eintragen und den unteren Innenabstand entsprechend anpassen.

Bewertungen

chevron-rightPositionhashtag

Unterhalb des Produkttitels Zeigt die Sterne der Produktbewertungen direkt unter dem Produkttitel an.

Standard Blendet die Sterne der Produktbewertungen standardmäßig unterhalb des Herstellers ein.

chevron-rightSchriftgröße (in px)hashtag

Legt die Schriftgröße für die Anzahl der Bewertungen hinter den Sternen fest.

chevron-rightSchriftfarbehashtag

Definiert die Schriftfarbe für die Anzahl der Bewertungen hinter den Sternen. Standardmäßig wird hier die globale Textfarbe als Variable eingebunden.

chevron-rightUnterer Abstand (in px)hashtag

Legt den unteren Abstand der Bewertungen fest.

Features

circle-info

Bei den Features handelt es sich um eine enthaltene Erweiterung des Themes. Diese können pro Produkt und Variante individuell angepasst und in diesem Abschnitt zusätzlich konfiguriert werden.

chevron-rightIconhashtag

Hinterlege ein individuelles Icon, das als Listenpunkt deiner Features dient. Als Bibliothek können wir dir Flaticonarrow-up-right empfehlen.

chevron-rightIcon Größe (in px)hashtag

Definiere die Icon Größe.

chevron-rightSchriftgröße (in px)hashtag

Legt die Schriftgröße der einzelnen Features fest.

Lieferzeit

chevron-rightRechter Icon Abstand (in px)hashtag

Definiere den rechten Abstand des Lieferzeit Icons.

chevron-rightSchriftgröße (in px)hashtag

Lege die Schriftgröße der Lieferzeit fest.

Varianten

circle-info

Über jeder Variantenausprägung wird ein Titel wie bspw. "Farbe", "Größe", etc. angezeigt. Dieser wird nachfolgend als Gruppentitel bezeichnet.

chevron-rightGruppentitel Schriftgröße (in px)hashtag

Legt die Schriftgröße des Gruppentitels fest.

chevron-rightGruppentitel Schriftstärkehashtag

Definiert die Schriftstärke des Gruppentitels. Je nach Schriftart stehen dir hierbei folgende Konfigurationsoptionen zur Verfügung:

100 = Thin 200 = Extra Light 300 = Light 400 = Normal 500 = Medium 600 = Semi Bold 700 = Bold 800 = Extra Bold 900 = Black

chevron-rightGruppentitel Schriftfarbehashtag

Passe die Schriftfarbe deiner Varianten Gruppentitel an. Standardmäßig wird hier die Textfarbe als Variable verknüpft.

chevron-rightGruppentitel in Großbuchstabenhashtag

Ja Schreibt den Gruppentitel automatisch in Großbuchstaben. Somit muss der Name im Eigenschaften Modularrow-up-right nicht in Großbuchstaben verfasst werden.

Nein Zeigt den Gruppentitel so an wie er im Eigenschaften Modularrow-up-right angelegt wurde.

chevron-rightStylehashtag

Gibt dir die Möglichkeit die Auswahlfelder der Varianten in unterschiedlichen Theme Styles darzustellen:


Umrandet:

Ausgefüllt:

chevron-rightUnterer Abstand (in px)hashtag

Definiert den unteren Abstand der Varianten zur Mengenauswahl.

chevron-rightNicht verfügbare Variantenhashtag

Gibt dir die Möglichkeit nicht verfügbare Varianten unterschiedlich darzustellen.


Grau hinterlegen:

Gestrichelt umranden:

Durchstreichen:

Mengenauswahl

chevron-rightPositionhashtag

Oberhalb des Warenkorb Buttons Stellt die Mengenauswahl über dem Warenkorb Button dar.

Ausblenden Deaktiviert die Mengenauswahl auf der Produkt Detailseite.

chevron-rightEingabefeld Breite (in px)hashtag

Definiert die Breite des Eingabefeldes. Besonders bei Warenkörben mit hohen Mengen kann es Sinn ergeben das Feld breiter zu gestalten.

chevron-rightUnterer Abstand (in px)hashtag

Legt den unteren Abstand der Mengenauswahl zum Warenkorb Button fest.

Warenkorb Button

chevron-rightSchriftgröße (in px)hashtag

Lege die Schriftgröße des Textes innerhalb des Warenkorb Buttons fest.

chevron-rightSchriftstärkehashtag

Definiert die Schriftstärke des Textes innerhalb des Warenkorb Buttons. Je nach Schriftart stehen dir hierbei folgende Konfigurationsoptionen zur Verfügung:

100 = Thin 200 = Extra Light 300 = Light 400 = Normal 500 = Medium 600 = Semi Bold 700 = Bold 800 = Extra Bold 900 = Black

chevron-rightGroßbuchstabenhashtag

Ja Schreibt den Text innerhalb des Warenkorb Buttons automatisch in Großbuchstaben. Somit muss der Name im Textbausteinarrow-up-right detail.addProduct nicht in Großbuchstaben verfasst werden.

Nein Zeigt den Text innerhalb des Warenkorb Buttons so an wie er im Textbausteinarrow-up-right detail.addProduct angelegt wurde.

chevron-rightZeilenhöhe (in px)hashtag

Definiere die Zeilenhöhe des Textes innerhalb des Warenkorb Buttons.

chevron-rightZeichenabstand (in px)hashtag

Lege den Zeichenabstand des Textes innerhalb des Warenkorb Buttons fest.

chevron-rightInnenabstand oben und unten (in px)hashtag

Hinterlege den oberen und unteren Innenabstand des Warenkorb Buttons.

chevron-rightUnterer Außenabstand (in px)hashtag

Definieren den unteren Abstand des Warenkorb Buttons zum Merkzettel.

Merkzettel

circle-info

Der Merkzettel ist eine Shopware eigene Funktion, die im Standard deaktiviert ist. Vergewissere dich zunächst das Feature zu aktivierenarrow-up-right.

chevron-rightSchriftgröße (in px)hashtag

Passe die Schriftgröße des "Zum Merkzettel hinzufügen" Textes an.

chevron-rightZentrierenhashtag

Ja Zentriert den Text "Zum Merkzettel hinzufügen" unterhalb des Warenkorb Buttons.

Nein Richtet den Text "Zum Merkzettel hinzufügen" linksbündig aus.

chevron-rightUnterer Abstand (in px)hashtag

Definiert den unteren Abstand des Merkzettels zu den Spezifikationen.

Spezifikationen

chevron-rightAnzeigemodushashtag

Standard Alle Spezifikationen werden linksbündig ausgerichtet.

Tabelle Alle Spezifikationen werden tabellarisch ausgerichtet.

chevron-rightProduktnummer anzeigenhashtag

Ja Zeigt die Produktnummer an.

Nein Blendet die Produktnummer aus.

chevron-rightGTIN/EAN anzeigenhashtag

Ja Zeigt die GTIN/EAN an.

Nein Blendet die GTIN/EAN aus.

chevron-rightHersteller-Produktnummer anzeigenhashtag

Ja Zeigt die Hersteller-Produktnummer an.

Nein Blendet die Hersteller-Produktnummer aus.

chevron-rightMaßehashtag

In mm Zeigt die Maße des Produkts in mm an.

In cm Zeigt die Maße des Produkts in cm an.

Ausblenden Blendet die Maße des Produkts aus.

chevron-rightMaße Anzeigemodushashtag

Standard Zeigt die Maße jeweils in einer einzelnen Zeile an.

Einzeilig Zeigt alle Maße in einer Zeile an (B×H×L) .

chevron-rightGewicht anzeigenhashtag

Ja Zeigt das Gewicht des Produkts an.

Nein Blendet das Gewicht des Produkts aus.

chevron-rightAnzahl der Nachkommastellen beim Gewichthashtag

Hinterlege die Anzahl der Nachkommastellen beim Gewicht.

chevron-rightUnterer Abstand (in px)hashtag

Definiert den unteren Abstand der Spezifikationen.

Teilen

circle-info

Die "Teilen-Funktion" ist ein Feature des Themes, das dir ermöglicht zusätzliche Interaktion mit deinen Produkten auf Sozialen Medien zu schaffen. Hierbei handelt es sich um einfache Links zu den Plattformen und um keine sog. "Shariff Buttons", die von datenschutzrechtlicher Relevanz sind.

chevron-rightPositionhashtag

Ende der Buy Box Blendet die "Teilen-Funktion" unterhalb der Spezifikationen ein.

Ausblenden Deaktiviert die "Teilen-Funktion".

chevron-rightOberer Abstand (in px)hashtag

Definiert den oberen Abstand der "Teilen-Funktion".

Was this helpful?