Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht anzeigen • anzeigen • anzeigen (per Zusatzfeld)
Beispiel Wert:
nicht anzeigen
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Hero-Sektion (auf Kategorieseiten)"
Technischer Name:
twt-hero-section-show-cms-category-pages
anzeigen: Diese Option aktiviert das Element "Hero-Sektion" auf allen Kategorieseiten. Du kannst das Element mit einem Zusatzfeld in Kategorien deaktivieren.
anzeigen (über Zusatzfeld): Mit dieser Option kannst du das Element "Hero-Sektion" über ein Zusatzfeld auf bestimmten Kategorieseiten anzeigen.
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht anzeigen • anzeigen • anzeigen (per Zusatzfeld)
Beispiel Wert:
nicht anzeigen
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Hero-Sektion (auf Kategorieseiten)"
Technischer Name:
twt-hero-section-show-cms-shop-pages
Feldtyp: Auswahlfeld
Verfügbare Werte: • nein • ja • ja (über Zusatzfeld)
Beispiel Wert:
nein
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Hero-Sektion (auf Kategorieseiten)" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-hero-section-pull-up
Feldtyp: Auswahlfeld
Verfügbare Werte: • weißer Text • heller Text • dunkler Text • schwarzer Text
Beispiel Wert:
heller Text
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Hero-Sektion (auf Kategorieseiten)" => Abschnitt "Inhalte"
Technischer Name:
twt-hero-section-text-coloration
Feldtyp: Auswahlfeld
Verfügbare Werte: • links ausrichten • zentriert ausrichten • rechts ausrichten
Beispiel Wert:
links ausrichten
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Hero-Sektion (auf Kategorieseiten)" => Abschnitt "Inhalte"
Technischer Name:
twt-hero-section-text-align
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 "Erweiterungen" => Bereich "Hero-Sektion (auf Kategorieseiten)" => Abschnitt "Inhalte"
Technischer Name:
twt-hero-section-sizing-mode
Feldtyp: Textfeld
Beispiel Wert:
100%
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Hero-Sektion (auf Kategorieseiten)" => Abschnitt "Inhalte"
Technischer Name:
twt-hero-section-content-max-width
Feldtyp: Nummernfeld
Beispiel Wert:
170
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Hero-Sektion (auf Kategorieseiten)" => Abschnitt "Inhalte"
Technischer Name:
twt-hero-section-padding-top-sm
Feldtyp: Nummernfeld
Beispiel Wert:
210
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Hero-Sektion (auf Kategorieseiten)" => Abschnitt "Inhalte"
Technischer Name:
twt-hero-section-padding-top-lg
Feldtyp: Farbauswahl
Beispiel Wert:
#0c72a7
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Hero-Sektion (auf Kategorieseiten)" => Abschnitt "Overlay"
Technischer Name:
twt-hero-section-overlay-background-color
Feldtyp: Auswahlfeld
Verfügbare Werte: • 0% • 5% • 10% • 15% • 20% • 25% • 30% • 35% • 40% • 45% • 50% • 55% • 60% • 65% • 70% • 75% • 80% • 85% • 90% • 95% • 100%
Beispiel Wert:
90%
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Hero-Sektion (auf Kategorieseiten)" => Abschnitt "Overlay"
Technischer Name:
twt-hero-section-overlay-opacity
Feldtyp: Auswahlfeld
Verfügbare Werte: • Hintergrundbild scrollt mit der Seite (scroll) • Hintergrundbild bleibt fixier (fixed)
Beispiel Wert:
Hintergrundbild bleibt fixier (fixed)
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Hero-Sektion (auf Kategorieseiten)" => Abschnitt "Hintergrundbild"
Technischer Name:
twt-hero-section-background-image-attachment
Feldtyp: Auswahlfeld
Verfügbare Werte: • nein • ja
Beispiel Wert:
nein
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Hero-Sektion (auf Kategorieseiten)" => Abschnitt "Hintergrundbild"
Technischer Name:
twt-hero-section-background-image-parallax
Feldtyp: Auswahlfeld
Verfügbare Werte: • nein • ja
Beispiel Wert:
nein
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Hero-Sektion (auf Kategorieseiten)" => Abschnitt "Breadcrumb"
Technischer Name:
twt-hero-section-breadcrumb-show
Feldtyp: Auswahlfeld
Verfügbare Werte: • oben ausrichten • unten ausrichten (Standard)
Beispiel Wert:
unten ausrichten (Standard)
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Hero-Sektion (auf Kategorieseiten)" => Abschnitt "Breadcrumb"
Technischer Name:
twt-hero-section-breadcrumb-position
Feldtyp: Auswahlfeld
Verfügbare Werte: • links ausrichten • zentriert ausrichten • rechts ausrichten
Beispiel Wert:
links ausrichten
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Hero-Sektion (auf Kategorieseiten)" => Abschnitt "Breadcrumb"
Technischer Name:
twt-hero-section-breadcrumb-justify-content
anzeigen: Diese Option zeigt das Element "Hero-Sektion" auf allen Shopseiten. Du kannst das Element mit einem Zusatzfeld in Kategorien deaktivieren.
anzeigen (per Zusatzfeld): Mit dieser Option kannst du das Element "Hero-Sektion" über ein Zusatzfeld auf bestimmten Shopseiten anzeigen.
ja: Diese Option zieht das nächste Element auf allen Seiten ein Stück über die "Hero-Sektion". Du kannst diese mit einem Zusatzfeld in einzelnen Kategorien deaktivieren.
ja (per Zusatzfeld): Mit dieser Option kannst du über ein Zusatzfeld in Kategorien wählen, ob das nächste Element über die "Hero-Sektionß" gezogen werden soll.
Beta: Diese Konfiguration befindet sich in der Testphase, probiere Sie gerne einmal aus.
Wähle die Textfarbe der "Hero-Sektion".
Wähle die Textausrichtung der "Hero-Sektion".
Wähle den Größenmodus der "Hero-Sektion".
Gebe die maximale Breite des Inhaltes in Pixeln (z.B. 1200px) oder mit 100% an.
Lege den Abstand nach oben für "Hero-Sektionen" auf Seiten mit "Erlebniswelt-Header" fest.
Hinweis: Diese Konfiguration gilt nur für Seiten mit "Erlebniswelt-Header".
Lege den Abstand nach oben für "Hero-Sektionen" auf Seiten mit "Erlebniswelt-Header" fest.
Hinweis: Diese Konfiguration gilt nur für Seiten mit "Erlebniswelt-Header".
Wähle die Hintergrundfarbe für das Farboverlay.
Wähle die Deckkraft vom Farboverlay.
Scroll: Das Hintergrundbild scrollt zusammen mit Text und Bildern.
Fixed: Fixiert das Hintergrundbild an einer festen Position im Browserfenster und erweckt beim Scrollen den Anschein, die folgenden Inhalte würden über das Hintergrundbild geschoben.
Wendet einen Parallax-Effekt auf das Hintergrundbild an, wenn diese 'fixiert' (bzw. fixed) ist. Bitte beachte, dass dieser Effekt von einem zusätzlichen JavaScript gesteuert wird.
Fügt eine Breadcrumb der "Hero-Sektion" hinzu.
Wähle die gewünschte Position der Breadcrumb aus.
Wähle die gewünschte horizontale Ausrichtung aus.
links Elemente werden am Anfang des Containers positioniert.
rechts Elemente werden am Ende des Containers positioniert.
zentriert Die Elemente befinden sich in der Mitte des Containers.
space-between Elemente werden gleichmäßig verteilt. Das erste Element an den Start, das letzte an das Ende.
space-around Elemente werden gleichmäßig verteilt. Alle Elemente haben gleiche Abstände um sie herum.