Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
In diesem Abschnitt befinden sich Konfigurationsfelder für die Erweiterung "Ankündigungsbanner".
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht anzeigen • anzeigen
Beispiel Wert:
nicht anzeigen
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Ankündigungsbanner (im Header)"
Technischer Name:
twt-announcement-banner-show
Zeigt den ThemeWare® "Ankündigungsbanner" an.
Um den Text zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: twt.extension.announcementBanner.content
Feldtyp: Auswahlfeld
Verfügbare Werte: • nein • ja
Beispiel Wert:
nein
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Ankündigungsbanner (im Header)" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-announcement-banner-closable
Feldtyp: Datum & Uhrzeit
Beispiel Wert: ``
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Ankündigungsbanner (im Header)" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-announcement-banner-start-date
Feldtyp: Datum & Uhrzeit
Beispiel Wert: ``
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Ankündigungsbanner (im Header)" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-announcement-banner-end-date
Feldtyp: Auswahlfeld
Verfügbare Werte: • nein • ja
Beispiel Wert:
ja
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Ankündigungsbanner (im Header)" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-announcement-banner-link
Feldtyp: Auswahlfeld
Verfügbare Werte: • nein • ja
Beispiel Wert:
nein
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Ankündigungsbanner (im Header)" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-announcement-banner-link-newtab
Feldtyp: Auswahlfeld
Verfügbare Werte: • nein • ja
Beispiel Wert:
ja
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Ankündigungsbanner (im Header)" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-announcement-banner-link-nofollow
Feldtyp: Farbauswahl
Beispiel Wert:
#ffffff
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Ankündigungsbanner (im Header)" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-announcement-banner-color
Feldtyp: Farbauswahl
Beispiel Wert:
$sw-color-brand-primary
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Ankündigungsbanner (im Header)" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-announcement-banner-background-color
Feldtyp: Nummernfeld
Beispiel Wert:
14
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Ankündigungsbanner (im Header)" => Abschnitt "Typografie"
Technischer Name:
twt-announcement-banner-font-size
Feldtyp: Auswahlfeld
Verfügbare Werte: • keine • Großschreibung • Kleinschreibung • Wortanfang in Großbuchstaben
Beispiel Wert:
keine
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Ankündigungsbanner (im Header)" => Abschnitt "Typografie"
Technischer Name:
twt-announcement-banner-text-transform
Feldtyp: Auswahlfeld
Verfügbare Werte: • light • normal • bold
Beispiel Wert:
normal
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Ankündigungsbanner (im Header)" => Abschnitt "Typografie"
Technischer Name:
twt-announcement-banner-font-weight
Lege fest, ob der Banner vom Besucher geschlossen werden kann.
Hinweis: Diese Konfiguration gilt nur für den Shopware Cookie-Hinweis von Shopware.
Um den Link zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: twt.extension.announcementBanner.link
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht anzeigen • anzeigen • anzeigen (nur auf Produktseiten) • anzeigen (nur im Checkout)
Beispiel Wert:
nicht anzeigen
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Individuelle Ankündigung (auf Produktseiten und im Checkout)"
Technischer Name:
twt-custom-announcement-show
Feldtyp: Datum & Uhrzeit
Beispiel Wert: ``
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Individuelle Ankündigung (auf Produktseiten und im Checkout)" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-custom-announcement-start-date
Feldtyp: Datum & Uhrzeit
Beispiel Wert: ``
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Individuelle Ankündigung (auf Produktseiten und im Checkout)" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-custom-announcement-end-date
Feldtyp: Farbauswahl
Beispiel Wert:
#ffe79a
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Individuelle Ankündigung (auf Produktseiten und im Checkout)" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-custom-announcement-border-color
Feldtyp: Farbauswahl
Beispiel Wert:
#fff3cd
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Individuelle Ankündigung (auf Produktseiten und im Checkout)" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-custom-announcement-background-color
Feldtyp: Nummernfeld
Beispiel Wert:
14
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Individuelle Ankündigung (auf Produktseiten und im Checkout)" => Abschnitt "Typografie"
Technischer Name:
twt-custom-announcement-font-size
In diesem Abschnitt befinden sich Konfigurationsfelder für die Erweiterung "Individuelle Ankündigung".
Zeigt die "Individuelle Ankündigung" von ThemeWare® an.
Um den Link zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: twt.extension.customAnnouncement.content
In diesem Tab befinden sich Konfigurationsfelder für verschiedene Erweiterungen von ThemeWare®.
ThemeWare® Erweiterungen sind oftmals "global" also unabhängig von Seitentypen oder bestimmten Layoutbereichen in welche sich die ThemeWare® Konfiguration üblicherweise gliedert. Daher befindet sich die Konfiguration für "globale" ThemeWare® Erweiterungen in diesem separaten Tab. Dies wäre z.B. der "Ankündigungsbanner" oder die "USP-Bar".
Es gibt aber auch Erweiterungen die an bestimmte Seitentypen oder Layoutbereiche gebunden sind. Dies wären beispielsweise die "Teilen-Links" für Produktseiten im Tab "Produktseiten".
Mehr Informationen zu den ThemeWare® Erweiterungen findest du in folgendem Artikel:
In diesem Abschnitt befinden sich Konfigurationsfelder für die Erweiterung "Floating-Widget".
Hier kannst du die Theme-Erweiterung "Unterkategorien im Listing" konfigurieren.
Hinweis: Diese Einstellungen gelten auch für die CMS-Erweiterung "Unterkategorien im Listing" in der Pro-Edition. Du kannst die Theme-Konfiguration im entsprechenden CMS-Element aber auch überschreiben.
In diesem Abschnitt befinden sich Konfigurationsfelder für die Erweiterung "USP-Bar".
In diesem Abschnitt befinden sich Konfigurationsfelder für die Erweiterung "Slideout-Communities".
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht anzeigen • anzeigen
Beispiel Wert:
nicht anzeigen
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Slideout-Communities"
Technischer Name:
twt-slideout-communities-show
Zeigt das ThemeWare® "Slideout-Communities" an, welches auf dem "Communities-Widget" basiert.
Die Konfiguration des Widgets findest du im Tab "Widgets".
Feldtyp: Auswahlfeld
Verfügbare Werte: • einfarbig • mehrfarbig
Beispiel Wert:
einfarbig
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Slideout-Communities" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-slideout-communities-style
Feldtyp: Nummernfeld
Beispiel Wert:
36
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Slideout-Communities" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-slideout-communities-icon-size
Feldtyp: Auswahlfeld
Verfügbare Werte: • Standard • individuelle Farbe • Graustufen
Beispiel Wert:
Standard
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Slideout-Communities" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-slideout-communities-icon-coloration
Feldtyp: Farbauswahl
Beispiel Wert:
$sw-color-brand-primary
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Slideout-Communities" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-slideout-communities-icon-color
Feldtyp: Farbauswahl
Beispiel Wert:
#ffffff
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Slideout-Communities" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-slideout-communities-color
Feldtyp: Farbauswahl
Beispiel Wert:
#eeeeee
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Slideout-Communities" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-slideout-communities-background-color
einfarbig: Link wird in Iconfarbe eingefärbt. Die Farbe hängt von der "Icon-Färbung " ab.
mehrfarbig Der Link kann mit einer individuellen Hintergrundfarbe gestaltet werden.
Nutze die Option "individuelle Farbe" im Feld "Icon-Färbung" um diesen Farbwert für die Icons zu nutzen.
Diese Farbe gilt für die Darstellungsart "mehrfarbig".
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht anzeigen • anzeigen
Beispiel Wert:
nicht anzeigen
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget"
Technischer Name:
twt-floating-widget-show
Zeigt das ThemeWare® "Floating-/Slideout-Widget" an.
Um den Inhalt zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: twt.extension.floatingWidget.body
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht anzeigen • anzeigen
Beispiel Wert:
nicht anzeigen
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget"
Technischer Name:
twt-floating-widget-mobile
Feldtyp: Auswahlfeld
Verfügbare Werte: • links • rechts
Beispiel Wert:
links
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-floating-widget-position
Feldtyp: Auswahlfeld
Verfügbare Werte: • kein Effekt • Herausziehen • Deckkraft verringern
Beispiel Wert:
Herausziehen
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-floating-widget-hover-type
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht anzeigen • anzeigen
Beispiel Wert:
nicht anzeigen
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-floating-widget-backdrop
Feldtyp: Auswahlfeld
Verfügbare Werte: • nein • ja
Beispiel Wert:
nein
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-floating-widget-show-opened
Feldtyp: Auswahlfeld
Verfügbare Werte: • keine Animation • Wackeln (3x)
Beispiel Wert:
keine Animation
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-floating-widget-animation
Feldtyp: Auswahlfeld
Verfügbare Werte: • nein • ja • ja (in neuem Tab öffnen)
Beispiel Wert:
nein
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-floating-widget-link
Feldtyp: Nummernfeld
Beispiel Wert:
400
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-floating-widget-width
Feldtyp: Nummernfeld
Beispiel Wert:
300
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-floating-widget-height
Feldtyp: Nummernfeld
Beispiel Wert:
200
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-floating-widget-title-width
Feldtyp: Nummernfeld
Beispiel Wert:
40
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-floating-widget-title-height
Feldtyp: Nummernfeld
Beispiel Wert:
20
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-floating-widget-padding
Feldtyp: Auswahlfeld
Verfügbare Werte: • oben ausrichten • zentriert ausrichten • unten ausrichten
Beispiel Wert:
zentriert ausrichten
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-floating-widget-align-items
Feldtyp: Auswahlfeld
Verfügbare Werte: • links ausrichten • zentriert ausrichten • rechts ausrichten
Beispiel Wert:
zentriert ausrichten
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-floating-widget-justify-content
Feldtyp: Textfeld
Beispiel Wert:
20
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-floating-widget-side-bottom-distance
Feldtyp: Auswahlfeld
Verfügbare Werte: • % (Prozent) • px (Pixel)
Beispiel Wert:
% (Prozent)
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-floating-widget-side-bottom-distance-unit
Feldtyp: Farbauswahl
Beispiel Wert:
#333333
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-floating-widget-color
Feldtyp: Farbauswahl
Beispiel Wert:
$sw-color-brand-primary
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-floating-widget-link-color
Feldtyp: Farbauswahl
Beispiel Wert:
$twt-color-brand-primary-dark
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-floating-widget-link-color-hover
Feldtyp: Farbauswahl
Beispiel Wert:
#ffffff
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-floating-widget-background-color
Feldtyp: Farbauswahl
Beispiel Wert:
#ffffff
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-floating-widget-title-color
Feldtyp: Farbauswahl
Beispiel Wert:
$sw-color-brand-primary
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-floating-widget-title-background-color
Feldtyp: Medienauswahl
Beispiel Wert: ``
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Hintergrundbild"
Technischer Name:
twt-floating-widget-background-image
Feldtyp: Auswahlfeld
Verfügbare Werte: • Standard • Beinhalten (contain) • Füllen (cover)
Beispiel Wert:
Standard
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Hintergrundbild"
Technischer Name:
twt-floating-widget-background-image-object-fit
Feldtyp: Nummernfeld
Beispiel Wert:
16
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Typografie"
Technischer Name:
twt-floating-widget-font-size
Feldtyp: Nummernfeld
Beispiel Wert:
18
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Typografie"
Technischer Name:
twt-floating-widget-title-font-size
Feldtyp: Auswahlfeld
Verfügbare Werte: • links ausrichten • zentriert ausrichten • rechts ausrichten
Beispiel Wert:
zentriert ausrichten
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Typografie"
Technischer Name:
twt-floating-widget-text-align
Feldtyp: Auswahlfeld
Verfügbare Werte: • keine • Großschreibung • Kleinschreibung • Wortanfang in Großbuchstaben
Beispiel Wert:
keine
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Typografie"
Technischer Name:
twt-floating-widget-title-text-transform
Um den Link zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: twt.extension.floatingWidget.link
Um den Inhalt zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: twt.extension.floatingWidget.body
Wenn der Text über die volle Widget-Breite läuft, hat die Ausrichtung keinen visuellen Effekt.
Um den Inhalt zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: twt.extension.floatingWidget.body
none Das Bild wird nicht skaliert.
cover Die Größe des Bildes wird so angepasst, dass das Seitenverhältnis beibehalten wird und der gesamte Inhaltsrahmen des Elements ausgefüllt wird. Falls das Seitenverhältnis nicht übereinstimmt, wird die Grafik zugeschnitten.
contain Das Bild wird so skaliert, dass sein Seitenverhältnis beibehalten wird und es in den Inhaltsrahmen des Elements passt.
Textausrichtung beim Umbruch des Textes.
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht anzeigen • anzeigen
Beispiel Wert:
anzeigen
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar"
Technischer Name:
twt-usp-bar-header
Zeigt die ThemeWare® "USP-Bar" im Header an.
Um den Inhalt zu bearbeiten oder übersetzen, nutze bitte die Textbausteine: twt.extension.uspBar...
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht anzeigen • anzeigen
Beispiel Wert:
anzeigen
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar"
Technischer Name:
twt-usp-bar-footer
Feldtyp: Auswahlfeld
Verfügbare Werte: • oberhalb vom Header • über Navigation • unterhalb vom Header
Beispiel Wert:
oberhalb vom Header
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-usp-bar-header-position
Feldtyp: Auswahlfeld
Verfügbare Werte: • oberhalb vom Footer
Beispiel Wert:
oberhalb vom Footer
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-usp-bar-footer-position
Feldtyp: Auswahlfeld
Verfügbare Werte: • kleine Icons • kleine Icons + Top-Bar • kleine Icons + Widget
Beispiel Wert:
kleine Icons
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-usp-bar-header-layout
Feldtyp: Auswahlfeld
Verfügbare Werte: • kleine Icons • große Icons • große Icons mit Untertitel
Beispiel Wert:
kleine Icons
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-usp-bar-footer-layout
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht anzeigen • anzeigen
Beispiel Wert:
nicht anzeigen
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-usp-bar-large-icons-subtitle
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht anzeigen • Communities bzw. Social Media
Beispiel Wert:
Communities bzw. Social Media
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-usp-bar-widget-content
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 "USP-Bar" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-usp-bar-header-width
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 "USP-Bar" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-usp-bar-width
Feldtyp: Nummernfeld
Beispiel Wert:
40
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-usp-bar-height-small-icons
Feldtyp: Nummernfeld
Beispiel Wert:
110
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-usp-bar-height-large-icons
Feldtyp: Auswahlfeld
Verfügbare Werte: • links ausrichten • rechts ausrichten • zentriert ausrichten • space-between • space-around
Beispiel Wert:
space-between
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-usp-bar-small-icons-justify-content
Feldtyp: Auswahlfeld
Verfügbare Werte: • links ausrichten • rechts ausrichten • zentriert ausrichten • space-between • space-around
Beispiel Wert:
space-around
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-usp-bar-large-icons-justify-content
Feldtyp: Farbauswahl
Beispiel Wert:
#263842
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-usp-bar-header-color
Feldtyp: Farbauswahl
Beispiel Wert:
#263842
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-usp-bar-header-icon-color
Feldtyp: Farbauswahl
Beispiel Wert:
#eef2f5
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-usp-bar-header-border-color
Feldtyp: Farbauswahl
Beispiel Wert:
#eef2f5
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-usp-bar-header-background-color
Feldtyp: Farbauswahl
Beispiel Wert:
#555555
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-usp-bar-footer-color
Feldtyp: Farbauswahl
Beispiel Wert:
#555555
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-usp-bar-footer-icon-color
Feldtyp: Farbauswahl
Beispiel Wert:
#e5ebf0
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-usp-bar-footer-border-color
Feldtyp: Farbauswahl
Beispiel Wert:
#eef2f5
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-usp-bar-footer-background-color
Feldtyp: Auswahlfeld
Verfügbare Werte: • Text • Überschriften
Beispiel Wert:
Text
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Typografie"
Technischer Name:
twt-usp-bar-font-family
Feldtyp: Nummernfeld
Beispiel Wert:
14
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Typografie"
Technischer Name:
twt-usp-bar-font-size
Feldtyp: Auswahlfeld
Verfügbare Werte: • light • normal • bold
Beispiel Wert:
normal
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Typografie"
Technischer Name:
twt-usp-bar-font-weight
Feldtyp: Auswahlfeld
Verfügbare Werte: • light • normal • bold
Beispiel Wert:
bold
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Typografie"
Technischer Name:
twt-usp-bar-font-weight-large
Feldtyp: Auswahlfeld
Verfügbare Werte: • keine • Großschreibung • Kleinschreibung • Wortanfang in Großbuchstaben
Beispiel Wert:
keine
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Typografie"
Technischer Name:
twt-usp-bar-text-transform
Feldtyp: Nummernfeld
Beispiel Wert:
15
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Typografie"
Technischer Name:
twt-usp-bar-icon-size-small
Feldtyp: Nummernfeld
Beispiel Wert:
36
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Typografie"
Technischer Name:
twt-usp-bar-icon-size-large
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:
Phone (Hochformat) (<576px)
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "USPs"
Technischer Name:
twt-usp-bar-breakpoint-item-1
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:
Phone (Querformat) (≥576px)
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "USPs"
Technischer Name:
twt-usp-bar-breakpoint-item-2
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 "USP-Bar" => Abschnitt "USPs"
Technischer Name:
twt-usp-bar-breakpoint-item-3
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 (Querformat) (≥992px)
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "USPs"
Technischer Name:
twt-usp-bar-breakpoint-item-4
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:
nicht anzeigen
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "USPs"
Technischer Name:
twt-usp-bar-breakpoint-item-5
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:
Container-max-width (Full-width-boxed)
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "USPs"
Technischer Name:
twt-usp-bar-breakpoint-item-6
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht anzeigen • anzeigen
Beispiel Wert:
nicht anzeigen
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)"
Technischer Name:
twt-listing-subcategories-show
Diese Konfiguration aktiviert das Element "Unterkategorien im Listing" auf allen Kategorieseiten.
Du kannst das Element mit einem Zusatzfeld in Kategorien deaktivieren.
Tipp: In der "ThemeWare® Pro-Edition" kannst du stattdessen auch das CMS-Element "Unterkategorien im Listing" in bestimmten Kategorien nutzen.
Feldtyp: Auswahlfeld
Verfügbare Werte: • nicht anzeigen • anzeigen • anzeigen (per Zusatzfeld)
Beispiel Wert:
nicht anzeigen
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)"
Technischer Name:
twt-listing-subcategories-show-cms-shop-pages
Feldtyp: Auswahlfeld
Verfügbare Werte: • Nur Bild • Nur Text • Text unter dem Bild
Beispiel Wert:
Text unter dem Bild
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-listing-subcategories-layout
Feldtyp: Auswahlfeld
Verfügbare Werte: • links ausrichten • rechts ausrichten • zentriert ausrichten • space-between • space-around
Beispiel Wert:
links ausrichten
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Basiskonfiguration"
Technischer Name:
twt-listing-subcategories-justify-content
Feldtyp: Auswahlfeld
Verfügbare Werte: • Füllen (cover) • Beinhalten (contain)
Beispiel Wert:
Beinhalten (contain)
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Bilder"
Technischer Name:
twt-listing-subcategories-display-mode
Feldtyp: Textfeld
Beispiel Wert:
100%
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Bilder"
Technischer Name:
twt-listing-subcategories-image-width
Feldtyp: Textfeld
Beispiel Wert:
140px
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Bilder"
Technischer Name:
twt-listing-subcategories-image-height
Feldtyp: Textfeld
Beispiel Wert:
140px
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Bilder"
Technischer Name:
twt-listing-subcategories-image-min-height
Feldtyp: Textfeld
Beispiel Wert:
140px
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Bilder"
Technischer Name:
twt-listing-subcategories-image-max-height
Feldtyp: Farbauswahl
Beispiel Wert:
$sw-text-color
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-listing-subcategories-color
Feldtyp: Farbauswahl
Beispiel Wert:
$sw-color-brand-primary
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-listing-subcategories-color-hover
Feldtyp: Farbauswahl
Beispiel Wert:
#ffffff
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-listing-subcategories-background-color
Feldtyp: Farbauswahl
Beispiel Wert:
#ffffff
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-listing-subcategories-background-color-hover
Feldtyp: Farbauswahl
Beispiel Wert:
$sw-border-color
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-listing-subcategories-border-color
Feldtyp: Farbauswahl
Beispiel Wert:
$sw-color-brand-primary
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-listing-subcategories-border-color-hover
Feldtyp: Farbauswahl
Beispiel Wert:
#eef2f5
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Farbkonfiguration"
Technischer Name:
twt-listing-subcategories-image-background-color
Feldtyp: Auswahlfeld
Verfügbare Werte: • Text • Überschriften
Beispiel Wert:
Text
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Typografie"
Technischer Name:
twt-listing-subcategories-font-family
Feldtyp: Nummernfeld
Beispiel Wert:
16
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Typografie"
Technischer Name:
twt-listing-subcategories-font-size
Feldtyp: Auswahlfeld
Verfügbare Werte: • light • normal • bold
Beispiel Wert:
normal
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Typografie"
Technischer Name:
twt-listing-subcategories-font-weight
Feldtyp: Auswahlfeld
Verfügbare Werte: • keine • Großschreibung • Kleinschreibung • Wortanfang in Großbuchstaben
Beispiel Wert:
keine
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Typografie"
Technischer Name:
twt-listing-subcategories-text-transform
Feldtyp: Auswahlfeld
Verfügbare Werte: • 1 • 2
Beispiel Wert:
1
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Grid"
Technischer Name:
twt-listing-subcategories-column-count-xs
Feldtyp: Auswahlfeld
Verfügbare Werte: • 1 • 2 • 3
Beispiel Wert:
2
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Grid"
Technischer Name:
twt-listing-subcategories-column-count-sm
Feldtyp: Auswahlfeld
Verfügbare Werte: • 2 • 3 • 4
Beispiel Wert:
2
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Grid"
Technischer Name:
twt-listing-subcategories-column-count-md
Feldtyp: Auswahlfeld
Verfügbare Werte: • 2 • 3 • 4 • 5 • 6
Beispiel Wert:
3
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Grid"
Technischer Name:
twt-listing-subcategories-column-count-lg
Feldtyp: Auswahlfeld
Verfügbare Werte: • 2 • 3 • 4 • 5 • 6
Beispiel Wert:
4
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Grid"
Technischer Name:
twt-listing-subcategories-column-count-xl
Feldtyp: Auswahlfeld
Verfügbare Werte: • 2 • 3 • 4 • 5 • 6
Beispiel Wert:
4
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Grid"
Technischer Name:
twt-listing-subcategories-column-count-xxl
Feldtyp: Auswahlfeld
Verfügbare Werte: • Eager • Lazy
Beispiel Wert:
Eager
Pfad zur Einstellung: Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Abschnitt "Pagespeed"
Technischer Name:
twt-listing-subcategories-lazy-loading
Zeigt die ThemeWare® "USP-Bar" im Footer an.
Um den Inhalt zu bearbeiten oder übersetzen, nutze bitte die Textbausteine: twt.extension.uspBar...
Bitte beachte, im "Custom-Header" und im "Erlebniswelt-Header" wird lediglich die Position "oberhalb vom Header" unterstützt.
kleine Icons Kleines Icon links neben dem Label.
kleine Icons + Top-Bar Die "Top-Bar" wird in die "USP-Bar" verschoben. (Bei Problemen mit Plugins, welche die "Top-Bar" modifizieren, nutzte bitte ein anderes Layout)
kleine Icons + Widget Ein ThemeWare® Widget kann über die Konfiguration "Inhalt (Widget)" im rechten Bereich platziert werden.
kleine Icons Kleines Icon links neben dem Label.
große Icons Großes Icon über dem Label.
Untertitel unterhalb des Titels anzeigen. Gilt nur für Darstellungsarten mit großen Icons.
Die Konfiguration der Widgets findest du im Tab "Widgets".
Wähle den Größenmodus der "USP-Bar" aus.
Wähle den Größenmodus der "USP-Bar" aus.
Hinweis: Diese Konfiguration bezieht sich auf die Darstellungsart "kleine Icons".
Hinweis: Diese Konfiguration bezieht sich auf die Darstellungsart "große Icons".
Hinweis: Diese Konfiguration bezieht sich auf die Darstellungsart "kleine Icons".
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.
Hinweis: Diese Konfiguration bezieht sich auf die Darstellungsart "große Icons".
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.
Hinweis: Diese Konfiguration bezieht sich auf die Darstellungsart "kleine Icons".
Hinweis: Diese Konfiguration bezieht sich auf die Darstellungsart "große Icons".
Hinweis: Diese Konfiguration bezieht sich auf die Darstellungsart "kleine Icons".
Hinweis: Diese Konfiguration bezieht sich auf die Darstellungsart "große Icons".
Um das Label und das Icon zu bearbeiten oder übersetzen, nutze bitte die Textbausteine: twt.extension.uspBar.usp1.title und twt.extension.uspBar.usp1.icon
Um das Label und das Icon zu bearbeiten oder übersetzen, nutze bitte die Textbausteine: twt.extension.uspBar.usp2.title und twt.extension.uspBar.usp2.icon
Um das Label und das Icon zu bearbeiten oder übersetzen, nutze bitte die Textbausteine: twt.extension.uspBar.usp3.title und twt.extension.uspBar.usp3.icon
Um das Label und das Icon zu bearbeiten oder übersetzen, nutze bitte die Textbausteine: twt.extension.uspBar.usp4.title und twt.extension.uspBar.usp4.icon
Um das Label und das Icon zu bearbeiten oder übersetzen, nutze bitte die Textbausteine: twt.extension.uspBar.usp5.title und twt.extension.uspBar.usp5.icon
Um das Label und das Icon zu bearbeiten oder übersetzen, nutze bitte die Textbausteine: twt.extension.uspBar.usp6.title und twt.extension.uspBar.usp6.icon
Beta: Die Funktion kann sich in einem kommenden Update nochmal ändern, teste sie aber gerne schon einmal und sende uns dein Feedback.
anzeigen: Diese Option aktiviert das Element "Unterkategorien im Listing" auf allen Shopseiten. Du kannst das Element mit einem Zusatzfeld in Kategorien deaktivieren.
anzeigen (über Zusatzfeld): Mit dieser Option kannst du das Element "Unterkategorien im Listing" über ein Zusatzfeld auf bestimmten Kategorieseiten anzeigen.
Tipp: In der "ThemeWare® Pro-Edition" kannst du stattdessen auch das CMS-Element "Unterkategorien im Listing" in bestimmten Kategorien nutzen.
Wähle die gewünschte Darstellungsart aus.
Tipp: Verwende für alle Kategorie-Bilder das gleiche Seitenverhältnis, um ein optimale Darstellung zu erzielen.
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.
Wähle das gewünschten Anzeigemodus aus.
cover Die Größe des Bildes wird so angepasst, dass das Seitenverhältnis beibehalten wird und der gesamte Inhaltsrahmen des Elements ausgefüllt wird.
contain Das Bild wird so skaliert, dass sein Seitenverhältnis beibehalten wird und es in den Inhaltsrahmen des Elements passt.
Trage die gewüschte Breite (z.B. 100%) ein.
Trage die gewüschte Höhe (z.B. 140px) ein.
Hinweis: Diese Konfiguration bezieht sich auf den Anzeigemodus "Beinhalten (contain)".
Trage die gewünschte minimale Höhe (z.B. 140px or none) ein.
Hinweis: Diese Konfiguration bezieht sich auf den Anzeigemodus "Füllen (cover)".
Trage die gewünschte maximale Höhe (z.B. 140px or none) ein.
Hinweis: Diese Konfiguration bezieht sich auf den Anzeigemodus "Füllen (cover)".
Spaltenanzahl im Smartphone-Viewport (
Spaltenanzahl im Smartphone-Viewport (≥576px).
Standard: 2
Spaltenanzahl im Tablet-Viewport (≥768px).
Standard: 2
Spaltenanzahl im Tablet-Viewport (≥992px).
Standard: 3
Spaltenanzahl im Desktop-Viewport (≥1200px).
Standard: 4
Spaltenanzahl im Desktop-Viewport (≥1440px).
Standard: 4
Wähle das gewünschte loading-Attribut aus.
eager Weist den Browser an, das Bild bevorzugt zu laden. Das wird vor allem bei Bildern "above the fold" (innerhalb des Sichtbereichs) eingesetzt.
lazy Weist den Browser an, das Bild erst zu laden, wenn sich der Benutzer dem Bild beim Scrollen nähert. Das wird vor allem bei Bildern "below the fold" (außerhalb des Sichtbereichs) eingesetzt.
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.
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.
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.
Wähle den Icon-Stil der Steps.
Wähle ab welchem Breakpoint der Text unter den Steps angezeigt werden soll.
Wähle einen (oder keinen) Schlagschatten-Effekt für die 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.
Hinweis: Diese Konfiguration bezieht sich auf Ecken-Konfiguration "individuelle Rundung".
Hinweis: Nicht jede Darstellungsart nutz die "Seperator-Farbe @active". Einige Darstellungsarten nutzen lediglich die "Seperator-Farbe" und "Seperator-Farbe @completed".