Alle Seiten
Bereitgestellt von GitBook
1 von 1

Loading...

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.


Unterkategorien im Listing anzeigen (CMS-Shopseiten)

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

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.

Basiskonfiguration

Darstellungsart

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

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

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%)

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

Höhe (z.B. 140px)

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)

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)

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

Textfarbe @hover

Hintergrundfarbe

Hintergrundfarbe @hover

Rahmenfarbe

Rahmenfarbe @hover

Hintergrundfarbe (Bild)

Typografie

Schriftart

Schriftgröße

Strichstärke

Textformatierung

Grid

Phone (Hochformat) (<576px)

Spaltenanzahl im Smartphone-Viewport (

Phone (Querformat) (≥576px)

Spaltenanzahl im Smartphone-Viewport (≥576px).

Standard: 2

Tablet (Hochformat) (≥768px)

Spaltenanzahl im Tablet-Viewport (≥768px).

Standard: 2

Tablet (Querformat) (≥992px)

Spaltenanzahl im Tablet-Viewport (≥992px).

Standard: 3

Desktop (≥1200px)

Spaltenanzahl im Desktop-Viewport (≥1200px).

Standard: 4

Desktop (≥1440px)

Spaltenanzahl im Desktop-Viewport (≥1440px).

Standard: 4

Pagespeed

Lazy Loading

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.