Alle Seiten
Bereitgestellt von GitBook
1 von 2

Loading...

Loading...

Checkout-Steps

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


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


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


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


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


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


Feldtyp: Nummernfeld

Beispiel Wert: 10

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

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


Feldtyp: Farbauswahl

Beispiel Wert: #000000

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

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


Feldtyp: Farbauswahl

Beispiel Wert: #000000

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

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


Feldtyp: Farbauswahl

Beispiel Wert: #000000

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

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


Feldtyp: Farbauswahl

Beispiel Wert: #dddddd

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

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


Feldtyp: Farbauswahl

Beispiel Wert: #000000

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

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


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


Feldtyp: Farbauswahl

Beispiel Wert: #dddddd

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

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


Feldtyp: Farbauswahl

Beispiel Wert: #000000

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

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


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


Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

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

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


Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

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

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


Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

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

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


Feldtyp: Farbauswahl

Beispiel Wert: #dddddd

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

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


Feldtyp: Farbauswahl

Beispiel Wert: #000000

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

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


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


Feldtyp: Nummernfeld

Beispiel Wert: 14

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

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


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


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

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

Basiskonfiguration

Darstellungsart

Icon-Stil (Steps)

Wähle den Icon-Stil der Steps.

Text anzeigen ab ...

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

Schlagschatten (Steps)

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

Ecken (Steps)

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)

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

Farbkonfiguration

Textfarbe

Textfarbe @active

Textfarbe @completed

Iconfabe

Iconfabe @active

Iconfabe @completed

Rahmenfarbe

Rahmenfarbe @active

Rahmenfarbe @completed

Hintergrundfarbe

Hintergrundfarbe @active

Hintergrundfarbe @completed

Seperator-Farbe

Seperator-Farbe @active

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

Seperator-Farbe @completed

Typografie

Schriftgröße

Textformatierung

Strichstärke