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