Definiere die maximale Containerbreite für den Inhalt deiner Produkt Detailseite. Header und Footer sind dabei nicht betroffen. Hier kannst du eine abweichende Einstellung von der globalen Containerbreite vornehmen.

In der Regel macht es Sinn den Inhalt der Produkt Detailseite etwas schmaler zu gestalten. Andernfalls kann es vorkommen, dass Produktbilder in der Galerie unverhältnismäßig groß skaliert werden können.

8:4 (Größere Galerie) Mit dem Verhältnis 8:4 wird die Galerie deutlich größer und die Buy Box kleiner dargestellt.

7:5 (Größere Galerie) Mit dem Verhältnis 7:5 wird die Galerie größer und die Buy Box kleiner dargestellt.

6:6 (Gleiche Größe) Mit dem Verhältnis 6:6 wird die Galerie und die Buy Box gleich groß dargestellt.

Standard Es wird ein Galerie-Slider mit Thumbnails zur Anzeige der Produktbilder verwendet.

Gitter Die Produktbilder werden in einem Gitter ohne Thumbnail Navigation angezeigt.

Die Produktgalerie bewegt sich standardmäßig beim Scrollen der Detailseite mit. Dies hat den Vorteil, dass deine Produktbilder stets im Fokus bleiben. Je nach Konfiguration, kann sich die Höhe deines Headers jedoch unterscheiden. Da der Header ebenfalls ein mitscrollendes Seitenelement ist, kann es zu Überschneidungen von Produktgalerie und Header kommen. Damit man diesem Problem entgegensteuern kann, hast du die Möglichkeit in diesem Feld den Versatz zu definieren, damit die Galerie ausreichend Abstand zum Header behält.

Solltest du mit dem Konzept der Anzeigemodi noch nicht vertraut sein, empfehlen wir dir zunächst dich damit auseinanderzusetzen.

Füllen Mit diesem Anzeigemodus wird das Bild innerhalb der Vorschau Navigation auf alle Seiten gestreckt, sodass es die Box komplett ausfüllt. Je nach Seitenverhältnis des Bildes, kann es hier passieren, dass das Produktbild zugeschnitten wird.

Strecken Dieser Anzeigemodus streckt die Produktbilder innerhalb der Vorschau Navigations auf die maximale Größe ohne dabei das ursprüngliche Seitenverhältnis zu verändern.

Definiert die Breite deiner Vorschau Navigation.

Definiert die Höhe deiner Vorschau Navigation.

Ausblenden Die Vorschau Navigation wird mobil deaktiviert.

Unterhalb Die Vorschau Navigation wird mobil unterhalb des ausgewählten Bildes dargestellt.

Oben Die Galeriebilder werden am oberen Rand ausgerichtet.

Zentriert Die Galeriebilder werden zentriert ausgerichtet.

Definiert die Anzahl der Elemente der Vorschau Navigation für Tablets.

Definiert die Anzahl der Elemente der Vorschau Navigation für Laptops.

Definiert die Anzahl der Elemente der Vorschau Navigation für Desktops.

Definiert die Anzahl der Elemente der Vorschau Navigation für Tablets.

Definiert die Anzahl der Elemente der Vorschau Navigation für Laptops.

Definiert die Anzahl der Elemente der Vorschau Navigation für Desktops.

Passe die Schriftgröße des Produkttitels an.

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

Passe den Zeichenabstand des Produkttitels an.

Ja Schreibt den Produkttitel automatisch in Großbuchstaben. Somit muss der Name im Produkt Modul nicht in Großbuchstaben verfasst werden.

Nein Zeigt den Produkttitel so an wie er im Produkt Modul angelegt wurde.

Hinterlege den unteren Abstand des Produktitels zum Preis.

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

Definiere die Schriftgröße des Preises.

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

Lege die Schriftgröße des Streichpreises fest.

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

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

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

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

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 Textbaustein theme.detail.dataColumnDiscount anpassen.

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

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

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

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.

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

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

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

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

Ja Der Hersteller-Link wird unterstrichen dargestellt.

Nein Der Hersteller-Link wird nicht unterstrichen dargestellt.

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

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

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.

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.

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

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

Legt den unteren Abstand der Bewertungen fest.

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

Definiere die Icon Größe.

Legt die Schriftgröße der einzelnen Features fest.

Definiere den rechten Abstand des Lieferzeit Icons.

Lege die Schriftgröße der Lieferzeit fest.

Legt die Schriftgröße des Gruppentitels fest.

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

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

Ja Schreibt den Gruppentitel automatisch in Großbuchstaben. Somit muss der Name im Eigenschaften Modul nicht in Großbuchstaben verfasst werden.

Nein Zeigt den Gruppentitel so an wie er im Eigenschaften Modul angelegt wurde.

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

Umrandet:

Ausgefüllt:

Definiert den unteren Abstand der Varianten zur Mengenauswahl.

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

Grau hinterlegen:

Gestrichelt umranden:

Durchstreichen:

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

Ausblenden Deaktiviert die Mengenauswahl auf der Produkt Detailseite.

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

Legt den unteren Abstand der Mengenauswahl zum Warenkorb Button fest.

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

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

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

Nein Zeigt den Text innerhalb des Warenkorb Buttons so an wie er im Textbaustein detail.addProduct angelegt wurde.

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

Lege den Zeichenabstand des Textes innerhalb des Warenkorb Buttons fest.

Hinterlege den oberen und unteren Innenabstand des Warenkorb Buttons.

Hinterlege den linken und rechten Innenabstand des Warenkorb Buttons.

Definieren den unteren Abstand des Warenkorb Buttons zum Merkzettel.

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

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

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

Definiert den unteren Abstand des Merkzettels zu den Spezifikationen.

Standard Alle Spezifikationen werden linksbündig ausgerichtet.

Tabelle Alle Spezifikationen werden tabellarisch ausgerichtet.

Ja Zeigt die Produktnummer an.

Nein Blendet die Produktnummer aus.

Ja Zeigt die GTIN/EAN an.

Nein Blendet die GTIN/EAN aus.

Ja Zeigt die Hersteller-Produktnummer an.

Nein Blendet die Hersteller-Produktnummer aus.

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.

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

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

Ja Zeigt das Gewicht des Produkts an.

Nein Blendet das Gewicht des Produkts aus.

Hinterlege die Anzahl der Nachkommastellen beim Gewicht.

Definiert den unteren Abstand der Spezifikationen.

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

Ausblenden Deaktiviert die "Teilen-Funktion".

Definiert den oberen Abstand der "Teilen-Funktion".

Buy Box Die Tabs werden in einem Akkordeon in der Buy Box unterhalb der Spezifikationen integriert.

Unterhalb der Galerie Die Tabs werden wie im Shopware Standard unterhalb der Galerie eingebunden.

Ja Zeigt ein passendes Icon vor der Tab Beschreibung an.

Nein Deaktiviert die Icons vor der Tab Beschreibung.

Das Theme bietet dir die Möglichkeit einen zusätzlichen Tab mit individuellen Informationen pro Produkt auf der Detailseite zu integrieren.

In diesem Feld kannst du ein passendes, globales Icon für deine zusätzlichen Tabs definieren. Als Bibliothek können wir dir Flaticon empfehlen.

Ja Die Beschreibung des Herstellers wird in Form eines Tabs auf der Produkt Detailseite eingebunden, sofern sie vorhanden ist. Im Bezug auf die Produktsicherheitsverordnung (GPSR) kann dies ggf. rechtlich verpflichtend sein.

Nein Der Hersteller-Tab wird nicht integriert.

Ja Die Tabs werden um einen "Bezahlung & Versand" Tab erweitert. Dieser Tab wird global auf jeder Produkt Detailseite eingebunden und kann über folgende Textbausteine angepasst werden:

Tab Beschreibung: theme.detail.tabsPaymentAndShipping Zahlungsinformationen: theme.detail.paymentInformation Versandinformationen: theme.detail.shippingInformation

Nein Der "Bezahlung & Versand" Tab wird nicht integriert.

Ja Zeigt die Logos deiner Zahlungsarten im "Bezahlung & Versand" Tab an.

Nein Deaktiviert die Logos deiner Zahlungsarten im "Bezahlung & Versand" Tab.

Ja Zeigt die Logos deiner Versandarten im "Bezahlung & Versand" Tab an.

Nein Deaktiviert die Logos deiner Versandarten im "Bezahlung & Versand" Tab.

Mit dieser Option kannst du zwischen unterschiedlichen Theme Styles für deine Akkordeons im Shop wählen. Betroffen sind hierbei die Tabs innerhalb der Buy Box, sowie die Fragen & Antworten vom FAQ Feature.

Variante 1:

Variante 2:

Hinterlege das erste Qualitätssiegel. Der Inhalt rechts neben dem Bild lässt sich über den Textbaustein theme.detail.qualitySealOne anpassen.

Hinterlege das zweite Qualitätssiegel. Der Inhalt rechts neben dem Bild lässt sich über den Textbaustein theme.detail.qualitySealTwo anpassen.

Ja Die Produkt Beschreibung wird als eigener Tab dargestellt, der auf- bzw. zuklappbar ist.

Nein Die Produkt Beschreibung wird standardmäßig ausgeschrieben.

Definiert der Abstand zwischen den Tab Beschreibungen.

Lege den oberen und unteren Innenabstand der Tab Beschreibungen fest. Dies hat besonders Auswirkung auf deren Hover Effekt.

Lege den linken und rechten Innenabstand der Tab Beschreibungen fest. Dies hat besonders Auswirkung auf deren Hover Effekt.

Ja Schreibt die Tab Beschreibungen automatisch in Großbuchstaben. Somit muss der Name in den Textbausteinen nicht in Großbuchstaben verfasst werden.

Nein Zeigt die Tab Beschreibungen so an wie sie in den Textbausteinen angelegt wurden.

Definiert die Schriftgröße der Produkt Beschreibung.

Lege die Rahmenfarbe der Tabs fest. Standardmäßig wird hier die globale Rahmenfarbe als Variable eingebunden.

Ja Schreibt die Tab Beschreibungen automatisch in Großbuchstaben. Somit muss der Titel des Cross Sellings im Produkt Modul nicht in Großbuchstaben verfasst werden.

Nein Zeigt die Tab Beschreibungen so an wie die Titel im Reiter "Cross Selling" im Produkt Modul angelegt wurden.