Konfiguration


Checkout-Steps anzeigen

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps"

Technischer Name: twt-checkout-steps-show

Zeigt die "Checkout-Steps" von ThemeWare® im Checkout an.


Checkout-Steps im Warenkorb anzeigen

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps"

Technischer Name: twt-checkout-steps-cart-show

Zeigt die "Checkout-Steps" von ThemeWare® im Warenkorb an.

Basiskonfiguration


Darstellungsart

Feldtyp: Auswahlfeld

Verfügbare Werte: • Durchgängige Linien • Linien zwischen den Steps • Durchgängige Balken zwischen den Steps • Balken zwischen den Steps

Beispiel Wert: Durchgängige Linien

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-checkout-steps-style


Icon-Stil (Steps)

Feldtyp: Auswahlfeld

Verfügbare Werte: • Steps mit Zahlen • Steps mit Icons • Kleine Steps

Beispiel Wert: Steps mit Zahlen

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-checkout-steps-icon-style

Wähle den Icon-Stil der Steps.


Text anzeigen ab ...

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • Phone (Hochformat) (<576px) • Phone (Querformat) (≥576px) • Tablet (Hochformat) (≥768px) • Tablet (Querformat) (≥992px) • Desktop (≥1200px) • Container-Max-Width (Full-width-boxed)

Beispiel Wert: Tablet (Hochformat) (≥768px)

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-checkout-steps-item-text-show

Wähle ab welchem Breakpoint der Text unter den Steps angezeigt werden soll.


Schlagschatten (Steps)

Feldtyp: Auswahlfeld

Verfügbare Werte: • kein Schatten • Kleiner Schatten (Bootstrap) • Normaler Schatten (Bootstrap) • Größerer Schatten (Bootstrap)

Beispiel Wert: kein Schatten

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-checkout-steps-item-box-shadow-type

Wähle einen (oder keinen) Schlagschatten-Effekt für die Steps.


Ecken (Steps)

Feldtyp: Auswahlfeld

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

Beispiel Wert: runde Ecken

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-checkout-steps-item-corner-type

Wähle den Eckentyp der Steps. abgerundete Ecken Verwendet die Konfiguration "Abgerundete Ecken". ("Layout" > "Layout" > "Abgerundete Ecken")

runde Ecken Verwendet einen vordefinierten Radius für runde Ecken.


Abgerundete Ecken (individuelle Rundung)

Feldtyp: Nummernfeld

Beispiel Wert: 10

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-checkout-steps-item-border-radius

Hinweis: Diese Konfiguration bezieht sich auf Ecken-Konfiguration "individuelle Rundung".

Farbkonfiguration


Textfarbe

Feldtyp: Farbauswahl

Beispiel Wert: #000000

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-checkout-steps-item-color


Textfarbe @active

Feldtyp: Farbauswahl

Beispiel Wert: #000000

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-checkout-steps-item-color-active


Textfarbe @completed

Feldtyp: Farbauswahl

Beispiel Wert: #000000

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-checkout-steps-item-color-completed


Iconfabe

Feldtyp: Farbauswahl

Beispiel Wert: #dddddd

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-checkout-steps-item-icon-color


Iconfabe @active

Feldtyp: Farbauswahl

Beispiel Wert: #000000

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-checkout-steps-item-icon-color-active


Iconfabe @completed

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-success

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-checkout-steps-item-icon-color-completed


Rahmenfarbe

Feldtyp: Farbauswahl

Beispiel Wert: #dddddd

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-checkout-steps-item-border-color


Rahmenfarbe @active

Feldtyp: Farbauswahl

Beispiel Wert: #000000

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-checkout-steps-item-border-color-active


Rahmenfarbe @completed

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-success

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-checkout-steps-item-border-color-completed


Hintergrundfarbe

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-checkout-steps-item-background-color


Hintergrundfarbe @active

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-checkout-steps-item-background-color-active


Hintergrundfarbe @completed

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-checkout-steps-item-background-color-completed


Seperator-Farbe

Feldtyp: Farbauswahl

Beispiel Wert: #dddddd

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-checkout-steps-item-seperator-color


Seperator-Farbe @active

Feldtyp: Farbauswahl

Beispiel Wert: #000000

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-checkout-steps-item-seperator-color-active

Hinweis: Nicht jede Darstellungsart nutz die "Seperator-Farbe @active". Einige Darstellungsarten nutzen lediglich die "Seperator-Farbe" und "Seperator-Farbe @completed".


Seperator-Farbe @completed

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-success

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-checkout-steps-item-seperator-color-completed

Typografie


Schriftgröße

Feldtyp: Nummernfeld

Beispiel Wert: 14

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Typografie"

Technischer Name: twt-checkout-steps-item-font-size


Textformatierung

Feldtyp: Auswahlfeld

Verfügbare Werte: • keine • Großschreibung • Kleinschreibung • Wortanfang in Großbuchstaben

Beispiel Wert: keine

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Typografie"

Technischer Name: twt-checkout-steps-item-text-transform


Strichstärke

Feldtyp: Auswahlfeld

Verfügbare Werte: • light • normal • bold

Beispiel Wert: normal

Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Typografie"

Technischer Name: twt-checkout-steps-item-font-weight

Last updated

Logo

© 2024 by ThemeWare® | Made with 💙 by TC-Innovations GmbH