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