1 von 15

Erlebniswelten

Mehr Informationen zu den CMS-Erweiterungen von ThemeWare® findest du in folgendem Artikel:

Anleitungen und CSS-Klassen für Erlebniswelten findest du in der ThemeWare® Wissensdatenbank:

Alle Typen (Shopseiten, Landingpages, Kategorieseiten, Produktseiten)

Konfiguration

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "ThemeWare® CMS-Styling"

Technischer Name: twt-cms-layout-adjustments-landing-pages

Feldtyp: Auswahlfeld

Bild-Slider (Kategorie "Bilder")

Konfiguration

Individuelles Styling

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht verwenden (Standard) • individuelles Styling verwenden

Beispiel Wert: nicht verwenden (Standard)

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")"

Technischer Name: twt-image-slider-controls-individual

Im Tab "Inhalt" kannst du alle Slider global konfigurieren.

Darstellungsart

Feldtyp: Auswahlfeld

Verfügbare Werte: • Rechteck (Standard) • Quadrat/Kreis

Beispiel Wert: Rechteck (Standard)

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-image-slider-controls-style

Feldtyp: Auswahlfeld

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

Beispiel Wert: abgerundete Ecken (Standard)

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-image-slider-controls-corner-type

Feldtyp: Auswahlfeld

Verfügbare Werte: • kein Effekt (Standard) • fade in

Beispiel Wert: fade in

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-image-slider-controls-hover-type

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-image-slider-controls-color

Feldtyp: Farbauswahl

Beispiel Wert: transparent

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-image-slider-controls-border-color

Feldtyp: Farbauswahl

Beispiel Wert: transparent

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-image-slider-controls-background-color

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-secondary

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-image-slider-controls-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: darken($twt-image-slider-controls-border-color, 10%)

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-image-slider-controls-border-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: darken($twt-image-slider-controls-background-color, 7.5%)

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-image-slider-controls-background-color-hover

Feldtyp: Auswahlfeld

Verfügbare Werte: • links ausrichten • rechts ausrichten • zentriert ausrichten (Standard)

Beispiel Wert: zentriert ausrichten (Standard)

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Bild-Slider (Kategorie "Bilder")" => Abschnitt "Punkte-Navigation (Individuelles Styling)"

Technischer Name: twt-image-slider-navigation-dots-alignment

Galerie (Kategorie "Bilder")

Konfiguration

Individuelles Styling

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht verwenden (Standard) • individuelles Styling verwenden

Beispiel Wert: individuelles Styling verwenden

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Galerie (Kategorie "Bilder")"

Technischer Name: twt-gallery-slider-controls-individual

Im Tab "Inhalt" kannst du alle Slider global konfigurieren.

Darstellungsart

Feldtyp: Auswahlfeld

Verfügbare Werte: • Rechteck (Standard) • Quadrat/Kreis

Beispiel Wert: Rechteck (Standard)

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Galerie (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-gallery-slider-controls-style

Feldtyp: Auswahlfeld

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

Beispiel Wert: abgerundete Ecken (Standard)

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Galerie (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-gallery-slider-controls-corner-type

Feldtyp: Auswahlfeld

Verfügbare Werte: • kein Effekt (Standard) • fade in

Beispiel Wert: kein Effekt (Standard)

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Galerie (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-gallery-slider-controls-hover-type

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Galerie (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-gallery-slider-controls-color

Feldtyp: Farbauswahl

Beispiel Wert: transparent

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Galerie (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-gallery-slider-controls-border-color

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Galerie (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-gallery-slider-controls-background-color

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-secondary

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Galerie (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-gallery-slider-controls-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: darken($twt-gallery-slider-controls-border-color, 10%)

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Galerie (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-gallery-slider-controls-border-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: darken($twt-gallery-slider-controls-background-color, 7.5%)

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Galerie (Kategorie "Bilder")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-gallery-slider-controls-background-color-hover

Feldtyp: Auswahlfeld

Verfügbare Werte: • links ausrichten • rechts ausrichten • zentriert ausrichten (Standard)

Beispiel Wert: zentriert ausrichten (Standard)

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Galerie (Kategorie "Bilder")" => Abschnitt "Punkte-Navigation (Individuelles Styling)"

Technischer Name: twt-gallery-slider-navigation-dots-alignment

Zwei Spalten, zentriertes Bild & Text (Kategorie "Text & Bild")

Konfiguration

Kategoriebild

Position @Phone (<768px)

Feldtyp: Auswahlfeld

Verfügbare Werte: • über Kategorie-Text • unter Kategorie-Text

Beispiel Wert: über Kategorie-Text

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Zwei Spalten, zentriertes Bild & Text (Kategorie "Text & Bild")" => Abschnitt "Kategoriebild"

Technischer Name: twt-cms-block-image-position-mobile

Position @Tablet/Desktop (≥768px)

Feldtyp: Auswahlfeld

Verfügbare Werte: • links ausrichten • rechts ausrichten

Beispiel Wert: links ausrichten

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Zwei Spalten, zentriertes Bild & Text (Kategorie "Text & Bild")" => Abschnitt "Kategoriebild"

Technischer Name: twt-cms-block-image-position-desktop

Feldtyp: Nummernfeld

Beispiel Wert: 16

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Zwei Spalten, zentriertes Bild & Text (Kategorie "Text & Bild")" => Abschnitt "Kategorietext"

Technischer Name: twt-cms-block-image-font-size

Feldtyp: Auswahlfeld

Verfügbare Werte: • oben ausrichten • zentriert ausrichten • unten ausrichten

Beispiel Wert: oben ausrichten

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Zwei Spalten, zentriertes Bild & Text (Kategorie "Text & Bild")" => Abschnitt "Kategorietext"

Technischer Name: twt-cms-block-image-align-items

Produkt-Slider (Kategorie "Commerce")

Konfiguration

Individuelles Styling

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht verwenden (Standard) • individuelles Styling verwenden

Beispiel Wert: nicht verwenden (Standard)

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Slider (Kategorie "Commerce")"

Technischer Name: twt-product-slider-controls-individual

Im Tab "Inhalt" kannst du alle Slider global konfigurieren.

Darstellungsart

Feldtyp: Auswahlfeld

Verfügbare Werte: • Rechteck (Standard) • Quadrat/Kreis

Beispiel Wert: Rechteck (Standard)

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Slider (Kategorie "Commerce")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-product-slider-controls-style

Feldtyp: Auswahlfeld

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

Beispiel Wert: abgerundete Ecken (Standard)

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Slider (Kategorie "Commerce")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-product-slider-controls-corner-type

Feldtyp: Auswahlfeld

Verfügbare Werte: • kein Effekt (Standard) • fade in

Beispiel Wert: fade in

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Slider (Kategorie "Commerce")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-product-slider-controls-hover-type

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Slider (Kategorie "Commerce")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-product-slider-controls-color

Feldtyp: Farbauswahl

Beispiel Wert: transparent

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Slider (Kategorie "Commerce")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-product-slider-controls-border-color

Feldtyp: Farbauswahl

Beispiel Wert: transparent

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Slider (Kategorie "Commerce")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-product-slider-controls-background-color

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-secondary

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Slider (Kategorie "Commerce")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-product-slider-controls-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: darken($twt-product-slider-controls-border-color, 10%)

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Slider (Kategorie "Commerce")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-product-slider-controls-border-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: darken($twt-product-slider-controls-background-color, 7.5%)

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Slider (Kategorie "Commerce")" => Abschnitt "Pfeile-Navigation (Individuelles Styling)"

Technischer Name: twt-product-slider-controls-background-color-hover

Feldtyp: Farbauswahl

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

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Slider (Kategorie "Commerce")" => Abschnitt "Produktbild"

Technischer Name: twt-cms-element-product-box

Produkt-Filter (Kategorie "Sidebar")

Konfiguration

Basiskonfiguration

Darstellungsart

Feldtyp: Auswahlfeld

Verfügbare Werte: • Shopware • ThemeWare® • ThemeWare® "Buttons" (Beta)

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-filter-panel-layout-type

Shopware: Diese Darstellungsart verwendet die Standard-Filter von Shopware und wird nicht von ThemeWare® modifiziert. (HC-Architecture®)

ThemeWare®: Diese Darstellungsart ist der klassische Stil von ThemeWare® für Shopware 6.

ThemeWare® "Buttons": Diese Darstellungsart befindet sich in der Testphase, probiere Sie gerne einmal aus.

Farbkonfiguration

Textfarbe (Filter-Button)

Feldtyp: Farbauswahl

Beispiel Wert: #333333

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-filter-panel-toggle-btn-color

Feldtyp: Farbauswahl

Beispiel Wert: #eeeeee

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-filter-panel-toggle-btn-border-color

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-filter-panel-toggle-btn-background-color

Feldtyp: Farbauswahl

Beispiel Wert: #000000

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-filter-panel-toggle-btn-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: #666666

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-filter-panel-toggle-btn-border-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-filter-panel-toggle-btn-background-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-filter-panel-toggle-btn-color-expanded

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-filter-panel-toggle-btn-border-color-expanded

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-filter-panel-toggle-btn-background-color-expanded

Feldtyp: Auswahlfeld

Verfügbare Werte: • normal (Standard) • kompakt

Beispiel Wert: kompakt

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Filter (in der Sidebar)"

Technischer Name: twt-filter-panel-spacing-sidebar

Feldtyp: Farbauswahl

Beispiel Wert: #eeeeee

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Filter (in der Sidebar)"

Technischer Name: twt-filter-panel-item-dropdown-border-color-sidebar

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Filter (in der Sidebar)"

Technischer Name: twt-filter-panel-item-dropdown-background-color-sidebar

Feldtyp: Nummernfeld

Beispiel Wert: 20

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Filter (über dem Inhalt)"

Technischer Name: twt-filter-panel-content-padding-top

Feldtyp: Nummernfeld

Beispiel Wert: 1

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Filter (über dem Inhalt)"

Technischer Name: twt-filter-panel-content-padding-right

Feldtyp: Nummernfeld

Beispiel Wert: 1

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Filter (über dem Inhalt)"

Technischer Name: twt-filter-panel-content-padding-bottom

Feldtyp: Nummernfeld

Beispiel Wert: 20

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Filter (über dem Inhalt)"

Technischer Name: twt-filter-panel-content-padding-left

Feldtyp: Textfeld

Beispiel Wert: 1px solid

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Filter (über dem Inhalt)"

Technischer Name: twt-filter-panel-content-border

Feldtyp: Farbauswahl

Beispiel Wert: #eeeeee

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Filter (über dem Inhalt)"

Technischer Name: twt-filter-panel-content-border-color

Feldtyp: Farbauswahl

Beispiel Wert: #eeeeee

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Filter (über dem Inhalt)"

Technischer Name: twt-filter-panel-content-background-color

Feldtyp: Farbauswahl

Beispiel Wert: #eeeeee

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Filter (über dem Inhalt)"

Technischer Name: twt-filter-panel-item-dropdown-border-color

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Filter (über dem Inhalt)"

Technischer Name: twt-filter-panel-item-dropdown-background-color

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Headline (in der Sidebar)"

Technischer Name: twt-sidebar-filter-headline-show

Feldtyp: Nummernfeld

Beispiel Wert: 0

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Headline (in der Sidebar)"

Technischer Name: twt-sidebar-filter-headline-margin-bottom

Kategorie-Navigation (Kategorie "Sidebar")

Konfiguration

Basiskonfiguration

Darstellungsart

Feldtyp: Auswahlfeld

Verfügbare Werte: • Shopware • ThemeWare® • ThemeWare® "Buttons" (Beta)

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-category-navigation-layout-type

Shopware: Diese Darstellungsart verwendet die Standard-Filter von Shopware und wird nicht von ThemeWare® modifiziert. (HC-Architecture®)

ThemeWare®: Diese Darstellungsart ist der klassische Stil von ThemeWare® für Shopware 6.

ThemeWare® "Buttons": Diese Darstellungsart befindet sich in der Testphase, probiere Sie gerne einmal aus.

Headline

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-category-navigation-headline-show

Feldtyp: Nummernfeld

Beispiel Wert: 0

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Headline"

Technischer Name: twt-category-navigation-headline-margin-bottom

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-category-navigation-box-background-color

Feldtyp: Farbauswahl

Beispiel Wert: #eeeeee

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-category-navigation-box-border-color

Feldtyp: Farbauswahl

Beispiel Wert: #eeeeee

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-category-navigation-border-color

Feldtyp: Farbauswahl

Beispiel Wert: #000000

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-category-navigation-accent-color

Feldtyp: Farbauswahl

Beispiel Wert: #111111

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Links"

Technischer Name: twt-category-navigation-link-color

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Links"

Technischer Name: twt-category-navigation-link-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Links"

Technischer Name: twt-category-navigation-link-color-active

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Links"

Technischer Name: twt-category-navigation-link-background-color

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Links"

Technischer Name: twt-category-navigation-link-background-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Links"

Technischer Name: twt-category-navigation-link-background-color-active

Konfiguration

Basiskonfiguration

Darstellungsart

Feldtyp: Auswahlfeld

Verfügbare Werte: • Shopware • ThemeWare® • ThemeWare® "Buttons" (Beta)

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-filter-panel-layout-type

Shopware: Diese Darstellungsart verwendet die Standard-Filter von Shopware und wird nicht von ThemeWare® modifiziert. (HC-Architecture®)

ThemeWare®: Diese Darstellungsart ist der klassische Stil von ThemeWare® für Shopware 6.

ThemeWare® "Buttons": Diese Darstellungsart befindet sich in der Testphase, probiere Sie gerne einmal aus.

Farbkonfiguration

Textfarbe (Filter-Button)

Feldtyp: Farbauswahl

Beispiel Wert: #333333

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-filter-panel-toggle-btn-color

Feldtyp: Farbauswahl

Beispiel Wert: #eeeeee

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-filter-panel-toggle-btn-border-color

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-filter-panel-toggle-btn-background-color

Feldtyp: Farbauswahl

Beispiel Wert: #000000

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-filter-panel-toggle-btn-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: #666666

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-filter-panel-toggle-btn-border-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-filter-panel-toggle-btn-background-color-hover

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-filter-panel-toggle-btn-color-expanded

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-filter-panel-toggle-btn-border-color-expanded

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-filter-panel-toggle-btn-background-color-expanded

Feldtyp: Auswahlfeld

Verfügbare Werte: • normal (Standard) • kompakt

Beispiel Wert: kompakt

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Filter (in der Sidebar)"

Technischer Name: twt-filter-panel-spacing-sidebar

Feldtyp: Farbauswahl

Beispiel Wert: #eeeeee

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Filter (in der Sidebar)"

Technischer Name: twt-filter-panel-item-dropdown-border-color-sidebar

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Filter (in der Sidebar)"

Technischer Name: twt-filter-panel-item-dropdown-background-color-sidebar

Feldtyp: Nummernfeld

Beispiel Wert: 20

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Filter (über dem Inhalt)"

Technischer Name: twt-filter-panel-content-padding-top

Feldtyp: Nummernfeld

Beispiel Wert: 1

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Filter (über dem Inhalt)"

Technischer Name: twt-filter-panel-content-padding-right

Feldtyp: Nummernfeld

Beispiel Wert: 1

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Filter (über dem Inhalt)"

Technischer Name: twt-filter-panel-content-padding-bottom

Feldtyp: Nummernfeld

Beispiel Wert: 20

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Filter (über dem Inhalt)"

Technischer Name: twt-filter-panel-content-padding-left

Feldtyp: Textfeld

Beispiel Wert: 1px solid

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Filter (über dem Inhalt)"

Technischer Name: twt-filter-panel-content-border

Feldtyp: Farbauswahl

Beispiel Wert: #eeeeee

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Filter (über dem Inhalt)"

Technischer Name: twt-filter-panel-content-border-color

Feldtyp: Farbauswahl

Beispiel Wert: #eeeeee

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Filter (über dem Inhalt)"

Technischer Name: twt-filter-panel-content-background-color

Feldtyp: Farbauswahl

Beispiel Wert: #eeeeee

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Filter (über dem Inhalt)"

Technischer Name: twt-filter-panel-item-dropdown-border-color

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Filter (über dem Inhalt)"

Technischer Name: twt-filter-panel-item-dropdown-background-color

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Headline (in der Sidebar)"

Technischer Name: twt-sidebar-filter-headline-show

Feldtyp: Nummernfeld

Beispiel Wert: 0

Pfad zur Einstellung: Tab "Erlebniswelten" => Bereich "Produkt-Filter (Kategorie "Sidebar")" => Abschnitt "Headline (in der Sidebar)"

Technischer Name: twt-sidebar-filter-headline-margin-bottom

Erlebniswelten

Alle Typen (Shopseiten, Landingpages, Kategorieseiten, Produktseiten)

Konfiguration

Bild-Slider (Kategorie "Bilder")

Konfiguration

Individuelles Styling

Pfeile-Navigation (Individuelles Styling)

Darstellungsart

Galerie (Kategorie "Bilder")

Konfiguration

Individuelles Styling

Pfeile-Navigation (Individuelles Styling)

Darstellungsart

Zwei Spalten, zentriertes Bild & Text (Kategorie "Text & Bild")

Konfiguration

Kategoriebild

Position @Phone (<768px)

Position @Tablet/Desktop (≥768px)

Produkt-Slider (Kategorie "Commerce")

Konfiguration

Individuelles Styling

Pfeile-Navigation (Individuelles Styling)

Darstellungsart

Produkt-Filter (Kategorie "Sidebar")

Konfiguration

Basiskonfiguration

Darstellungsart

Farbkonfiguration

Textfarbe (Filter-Button)

Kategorie-Navigation (Kategorie "Sidebar")

Konfiguration

Basiskonfiguration

Darstellungsart

Headline

"Kategorie-Navigation"-Überschrift anzeigen

Galerie (Kategorie "Bilder")

Konfiguration

Individuelles Styling

Pfeile-Navigation (Individuelles Styling)

Darstellungsart

Ecken

Hover-Effekt

Textfarbe

Rahmenfarbe

Hintergrundfarbe

Textfarbe @hover

Rahmenfarbe @hover

Hintergrundfarbe @hover

Punkte-Navigation (Individuelles Styling)

Horizontale Ausrichtung

Alle Typen (Shopseiten, Landingpages, Kategorieseiten, Produktseiten)

Bild-Slider (Kategorie "Bilder")

Zwei Spalten, zentriertes Bild & Text (Kategorie "Text & Bild")

Kategorie-Navigation (Kategorie "Sidebar")

Produkt-Slider (Kategorie "Commerce")

Produkt-Filter (Kategorie "Sidebar")

Konfiguration

Kategoriebild

Position @Phone (<768px)

Position @Tablet/Desktop (≥768px)

Kategorietext

Schriftgröße

Elementausrichtung

Konfiguration

Individuelles Styling

Pfeile-Navigation (Individuelles Styling)

Darstellungsart

Konfiguration

Individuelles Styling

Pfeile-Navigation (Individuelles Styling)

Darstellungsart

Konfiguration

Basiskonfiguration

Darstellungsart

Headline

"Kategorie-Navigation"-Überschrift anzeigen

Konfiguration

Ecken

Hover-Effekt

Textfarbe