Konfiguration


Unterkategorien im Listing anzeigen

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.

Basiskonfiguration


Darstellungsart

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

Wähle die gewünschte Darstellungsart aus.

Tipp: Verwende für alle Kategorie-Bilder das gleiche Seitenverhältnis, um ein optimale Darstellung zu erzielen.


Inhalt ausrichten

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

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.

Bilder


Anzeigemodus

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

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.


Breite (z.B. 100%)

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

Trage die gewüschte Breite (z.B. 100%) ein.


Höhe (z.B. 140px)

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

Trage die gewüschte Höhe (z.B. 140px) ein.

Hinweis: Diese Konfiguration bezieht sich auf den Anzeigemodus "Beinhalten (contain)".


Minimale Höhe (z.B. 140px or none)

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

Trage die gewünschte minimale Höhe (z.B. 140px or none) ein.

Hinweis: Diese Konfiguration bezieht sich auf den Anzeigemodus "Füllen (cover)".


Maximale Höhe (z.B. 140px or none)

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

Trage die gewünschte maximale Höhe (z.B. 140px or none) ein.

Hinweis: Diese Konfiguration bezieht sich auf den Anzeigemodus "Füllen (cover)".

Farbkonfiguration


Textfarbe

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


Textfarbe @hover

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


Hintergrundfarbe

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


Hintergrundfarbe @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-hover


Rahmenfarbe

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


Rahmenfarbe @hover

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


Hintergrundfarbe (Bild)

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

Typografie


Schriftart

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


Schriftgröße

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


Strichstärke

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


Textformatierung

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

Grid


Phone (Hochformat) (<576px)

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

Spaltenanzahl im Smartphone-Viewport (


Phone (Querformat) (≥576px)

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

Spaltenanzahl im Smartphone-Viewport (≥576px).

Standard: 2


Tablet (Hochformat) (≥768px)

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

Spaltenanzahl im Tablet-Viewport (≥768px).

Standard: 2


Tablet (Querformat) (≥992px)

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

Spaltenanzahl im Tablet-Viewport (≥992px).

Standard: 3


Desktop (≥1200px)

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

Spaltenanzahl im Desktop-Viewport (≥1200px).

Standard: 4


Desktop (≥1440px)

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

Spaltenanzahl im Desktop-Viewport (≥1440px).

Standard: 4

Last updated

Logo

© 2024 by ThemeWare® | Made with 💙 by TC-Innovations GmbH