Suche anzeigen

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: anzeigen

Pfad zur Einstellung: Tab "Header" => Bereich "Suche"

Technischer Name: twt-header-search-show

Basiskonfiguration

Darstellungsart

Feldtyp: Auswahlfeld

Verfügbare Werte: • Eingabefeld (Standard) • Flyout-Suche • Vollbildsuche • Global-Suche @Desktop (nur verfügbar mit "Header 1.1")

Beispiel Wert: Eingabefeld (Standard)

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-header-search-type

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht abgerundet (Standard) • runde Ecken • individuelle Rundung

Beispiel Wert: nicht abgerundet (Standard)

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-header-search-input-corner-type

Feldtyp: Nummernfeld

Beispiel Wert: 10

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-header-search-input-border-radius

Feldtyp: Farbauswahl

Beispiel Wert: #333333

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-search-input-color

Feldtyp: Farbauswahl

Beispiel Wert: #e4e7ea

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-search-input-border-color

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-search-input-background-color

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-search-btn-icon-color

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-search-btn-border-color

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-header-search-btn-background-color

Feldtyp: Auswahlfeld

Verfügbare Werte: • links ausrichten • zentriert ausrichten • rechts ausrichten

Beispiel Wert: links ausrichten

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Typografie"

Technischer Name: twt-header-search-text-align

Feldtyp: Textfeld

Beispiel Wert: 500

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Darstellungsart 'Eingabefeld'"

Technischer Name: twt-header-search-max-width

Feldtyp: Textfeld

Beispiel Wert: 100%

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Darstellungsart 'Eingabefeld'"

Technischer Name: twt-header-search-width-desktop

Feldtyp: Auswahlfeld

Verfügbare Werte: • Container-max-width (Full-width-boxed) • 100% (Full-width)

Beispiel Wert: Container-max-width (Full-width-boxed)

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Darstellungsart 'Flyout-Suche'"

Technischer Name: twt-header-search-flyout-container-width

Feldtyp: Textfeld

Beispiel Wert: 500

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Darstellungsart 'Flyout-Suche'"

Technischer Name: twt-header-search-flyout-max-width

Feldtyp: Textfeld

Beispiel Wert: 100%

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Darstellungsart 'Flyout-Suche'"

Technischer Name: twt-header-search-flyout-max-width-desktop

Feldtyp: Nummernfeld

Beispiel Wert: 15

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Darstellungsart 'Flyout-Suche'"

Technischer Name: twt-header-search-flyout-padding

Feldtyp: Farbauswahl

Beispiel Wert: #eef2f5

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Darstellungsart 'Flyout-Suche'"

Technischer Name: twt-header-phone-search-flyout-background-color

Feldtyp: Farbauswahl

Beispiel Wert: #eef2f5

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Darstellungsart 'Flyout-Suche'"

Technischer Name: twt-header-search-flyout-background-color

Feldtyp: Farbauswahl

Beispiel Wert: rgba(0, 0, 0, 0.9)

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Darstellungsart 'Vollbildsuche'"

Technischer Name: twt-header-search-fullscreen-backdrop-color

Feldtyp: Nummernfeld

Beispiel Wert: 0

Pfad zur Einstellung: Tab "Header" => Bereich "Suche" => Abschnitt "Darstellungsart 'Vollbildsuche'"

Technischer Name: twt-header-search-fullscreen-backdrop-effect-blur