Navigation

ThemeWare® Handbuch

Konfiguration

Design


Darstellungsart

Feldtyp:
Auswahlfeld

Verfügbare Werte:
• Shopware-Standard
• Kontur
• Kontur mit Abstand
• Kontur mit Fläche
• Flächig
• Flächig mit Unterstrich
• Unterstrich

Beispiel Wert:
Kontur mit Abstand

Pfad zur Einstellung:
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Design"

Technischer Name:
twt-product-detail-configurator-layout-type

Wähle, wie Varianten-Optionen (Text, Farbe und Bild) auf der Produktdetailseite dargestellt werden.

"Shopware-Standard" zeigt die Optionen wie ausgeliefert. Alle anderen Darstellungsarten nutzen die nachfolgenden Konfigurationen und zeigen den Namen der Option als Tooltip.

Alle Darstellungsarten im Vergleich

Alle Darstellungsarten im Vergleich

Basiskonfiguration


Rahmendicke

Feldtyp:
Auswahlfeld

Verfügbare Werte:
• dünn
• normal
• dick

Beispiel Wert:
normal

Pfad zur Einstellung:
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Basiskonfiguration"

Technischer Name:
twt-product-detail-configurator-option-border-width

Wirkt bei den Darstellungsarten "Kontur", "Kontur mit Abstand" und "Kontur mit Fläche" (Rahmen) sowie "Flächig mit Unterstrich" und "Unterstrich" (Balken).


Ecken

Feldtyp:
Auswahlfeld

Verfügbare Werte:
• nicht abgerundet
• abgerundete Ecken
• runde Ecken

Beispiel Wert:
abgerundete Ecken

Pfad zur Einstellung:
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Basiskonfiguration"

Technischer Name:
twt-product-detail-configurator-option-corner-type

abgerundete Ecken
Verwendet die Konfiguration "Abgerundete Ecken". ("Layout" > "Layout" > "Abgerundete Ecken")

runde Ecken
Farben und Bilder werden als Kreis, Text-Optionen als Kapsel dargestellt.

Ecken am Beispiel der Darstellungsart Kontur mit Fläche

Ecken am Beispiel der Darstellungsart Kontur mit Fläche

Farbkonfiguration


Textfarbe

Feldtyp:
Farbauswahl

Beispiel Wert:
#2b3136

Pfad zur Einstellung:
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-product-detail-configurator-option-color


Rahmenfarbe

Feldtyp:
Farbauswahl

Beispiel Wert:
#adb5bd

Pfad zur Einstellung:
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-product-detail-configurator-option-border-color


Hintergrundfarbe

Feldtyp:
Farbauswahl

Beispiel Wert:
#e9ecef

Pfad zur Einstellung:
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-product-detail-configurator-option-bg-color

Wirkt bei den Darstellungsarten "Kontur mit Fläche", "Flächig" und "Flächig mit Unterstrich".


Textfarbe @hover

Feldtyp:
Farbauswahl

Beispiel Wert:
$sw-color-brand-primary

Pfad zur Einstellung:
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-product-detail-configurator-option-color-hover


Rahmenfarbe @hover

Feldtyp:
Farbauswahl

Beispiel Wert:
$sw-color-brand-primary

Pfad zur Einstellung:
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-product-detail-configurator-option-border-color-hover


Hintergrundfarbe @hover

Feldtyp:
Farbauswahl

Beispiel Wert:
#d3d9df

Pfad zur Einstellung:
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-product-detail-configurator-option-bg-color-hover

Wirkt bei den Darstellungsarten "Kontur mit Fläche", "Flächig" und "Flächig mit Unterstrich".


Textfarbe @active

Feldtyp:
Farbauswahl

Beispiel Wert:
#ffffff

Pfad zur Einstellung:
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-product-detail-configurator-option-color-active

Wirkt nur bei der Darstellungsart "Flächig" (gewählte Text-Option).


Rahmenfarbe @active

Feldtyp:
Farbauswahl

Beispiel Wert:
$sw-color-brand-primary

Pfad zur Einstellung:
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-product-detail-configurator-option-border-color-active


Hintergrundfarbe @active

Feldtyp:
Farbauswahl

Beispiel Wert:
$sw-color-brand-primary

Pfad zur Einstellung:
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-product-detail-configurator-option-bg-color-active

Wirkt nur bei der Darstellungsart "Flächig" (gewählte Text-Option).


Textfarbe @disabled

Feldtyp:
Farbauswahl

Beispiel Wert:
#2b3136

Pfad zur Einstellung:
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-product-detail-configurator-option-color-disabled


Rahmenfarbe @disabled

Feldtyp:
Farbauswahl

Beispiel Wert:
#adb5bd

Pfad zur Einstellung:
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-product-detail-configurator-option-border-color-disabled


Hintergrundfarbe @disabled

Feldtyp:
Farbauswahl

Beispiel Wert:
#e9ecef

Pfad zur Einstellung:
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-product-detail-configurator-option-bg-color-disabled

Wirkt bei den Darstellungsarten "Kontur mit Fläche", "Flächig" und "Flächig mit Unterstrich".


Farbe (Innenlinie)

Feldtyp:
Farbauswahl

Beispiel Wert:
#ced4da

Pfad zur Einstellung:
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-product-detail-configurator-option-inner-line-color

Feine Linie um Farb- und Bild-Optionen bei den Darstellungsarten "Flächig", "Flächig mit Unterstrich" und "Unterstrich", damit helle Farben und freigestellte Bilder erkennbar bleiben.

Inaktive Varianten


Darstellungsart (inaktive Varianten)

Feldtyp:
Auswahlfeld

Verfügbare Werte:
• Shopware-Standard (reduzierte Deckkraft)
• einfach durchgestrichen
• doppelt durchgestrichen

Beispiel Wert:
doppelt durchgestrichen

Pfad zur Einstellung:
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Inaktive Varianten"

Technischer Name:
twt-product-detail-configurator-option-disabled-layout-type

Wähle, wie nicht verfügbare (inaktive) Varianten-Optionen auf der Produktdetailseite gekennzeichnet werden.

"Shopware-Standard (reduzierte Deckkraft)" reduziert nur die Deckkraft. Bei "einfach durchgestrichen" und "doppelt durchgestrichen" werden Text-, Farb- und Bild-Optionen zusätzlich durchgestrichen.

Hinweis: Wirkt nicht bei der Darstellungsart "Shopware-Standard".


Durchstreichungsfarbe

Feldtyp:
Farbauswahl

Beispiel Wert:
#b3bfcc

Pfad zur Einstellung:
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Inaktive Varianten"

Technischer Name:
twt-product-detail-configurator-option-disabled-strikethrough-color

Lege die Farbe der Linie fest, mit der inaktive Varianten durchgestrichen werden.

Hinweis: Wirkt nur bei "einfach durchgestrichen" und "doppelt durchgestrichen".

Zuletzt aktualisiert am

Diese Seite im Netz: https://doku.themeware.design/handbuch/produktseiten/konfigurator-in-der-buybox/konfiguration · ThemeWare® Service Portal, service.themeware.design