1 von 13

Weiteres

Barrierefreiheit

Konfiguration

Layout

Links unterstreichen

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein (vererben) • ja (überschreiben)

Beispiel Wert: ja (überschreiben)

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Barrierefreiheit" => Abschnitt "Layout"

Technischer Name: twt-accessibility-underline-links

Zur Verbesserung der Barrierefreiheit können bestimmte Links in der Storefront unterstrichen werden (z.B. in der Footer-Navigation, der Breadcrumb etc.).

vererbt: Die individuelle Konfiguration von Links wird nicht durch diese Konfiguration überschrieben.

überschreiben: Die individuelle Konfiguration ausgewählter Links wird überschrieben, damit diese Links unabhängig von ihrer Konfiguration unterstrichen werden.

Textfarbe ('Element überspringen' link)

Feldtyp: Farbauswahl

Beispiel Wert: #000000

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Barrierefreiheit" => Abschnitt "Layout"

Technischer Name: twt-skip-target-link-color

Feldtyp: Farbauswahl

Beispiel Wert: #000000

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Barrierefreiheit" => Abschnitt "Formulare"

Technischer Name: twt-forms-input-btn-focus-color

Feldtyp: Farbauswahl

Beispiel Wert: #333333

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Barrierefreiheit" => Abschnitt "Sprunglink-Leiste ('Skip to Content' bar)"

Technischer Name: twt-skip-to-content-color

Feldtyp: Farbauswahl

Beispiel Wert: #eeeeee

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Barrierefreiheit" => Abschnitt "Sprunglink-Leiste ('Skip to Content' bar)"

Technischer Name: twt-skip-to-content-background-color

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Barrierefreiheit" => Abschnitt "ThemeWare® 'Hero-Slider' [Pro-Edition]"

Technischer Name: twt-cms-hero-slider-autoplay

Erweiterte Einstellungen

In diesem Abschnitt befinden sich Konfigurationsfelder die über die übliche Theme-Konfiguration hinausgehen. Mit diesen Konfigurationen kannst du beispielsweise CSS-Code von unbenutzten Klassen, Erweiterungen oder CMS-Blöcken/-Elementen ausschließen und so CSS-Code der Storefront reduzieren.

Konfiguration

CMS-Seiten-ID als Body-Klasse hinzufügen

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja (32 Zeichen) • ja (7 Zeichen)

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen"

Technischer Name: twt-body-class-cms-page-id

Fügt eine CSS-Klasse mit der ID der aktuellen CMS-Seite dem Body hinzu. Die 'einzigartige' ID besteht aus 32 Zeichen.

Alternativ kann die ID auf 7 Zeichen gekürzte ausgegeben werden. Die kürzere ID ist in CSS einfacher zu handhaben, aber auch etwas weniger 'einzigartige'.

Zusätzliche CSS-Klassen

CSS-Abstandsklassen laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja (Bootstrap 4) • ja (Bootstrap 5)

Beispiel Wert: ja (Bootstrap 5)

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-custom-cms-spacing-classes

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-custom-cms-spacing-classes-more

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-custom-cms-image-decoration-classes

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-custom-cms-image-hover-classes

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-cms-animations-more

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-custom-cms-column-padding-classes

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-custom-cms-headline-classes

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-custom-css-max-width-classes

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen für CMS-Blöcke"

Technischer Name: twt-cms-block-cloumns-classes

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen für CMS-Blöcke"

Technischer Name: twt-cms-block-grid-classes

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-hero-slider-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-text-teaser-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-text-teaser-decorated-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-button-teaser-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-call-to-action-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-hover-box-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-hover-teaser-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-image-teaser-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-hero-teaser-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-advanced-teaser-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-classic-teaser-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-modern-teaser-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-round-teaser-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-image-banner-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-parallax-banner-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-hero-banner-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-advanced-banner-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-image-text-layered-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-listing-subcategories-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-countdown-banner-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-discount-banner-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-testimonials-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "jQuery"

Technischer Name: twt-jquery-load

Experten-Einstellungen

In diesem Abschnitt befinden sich Konfigurationsfelder für "Experten". Hier kannst du individuellen Code ergänzen.

Da individueller Code durchaus erhebliche Probleme verursachen kann, haben wir den Bereich ganz bewusst "Experten-Einstellungen" genannt. Du solltest diese Konfigurationen nur nutzen, wenn du absolut sicher bist, was du tust!

Konfiguration

Experten-Modus

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Experten-Einstellungen"

Technischer Name: twt-expert-mode

Diese Konfiguration aktiviert/deaktiviert den "Experten-Modus". Deaktiviere den "Experten-Modus" um Fehler ausschließen zu können.

Individuelle CSS-Klasse

Body-Klasse

Feldtyp: Textfeld

Beispiel Wert: ``

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Experten-Einstellungen" => Abschnitt "Individuelle CSS-Klasse"

Technischer Name: twt-body-class

{% hint style="info" %} Fügt dem HTML-Body eine oder mehrere CSS-Klassen hinzu. Trenne mehrere Klassen durch Leerzeichen.

Beispiel: mein-shop {% endhint %}

Feldtyp: Textfeld mehrzeilig

Beispiel Wert: ``

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Experten-Einstellungen" => Abschnitt "Individueller Code"

Technischer Name: twt-custom-css-code

Feldtyp: Textfeld mehrzeilig

Beispiel Wert: ``

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Experten-Einstellungen" => Abschnitt "Individueller Code"

Technischer Name: twt-custom-html-code

{% hint style="info" %} Individueller HTML-Code im <head> Bereich um beispielsweise <meta> oder <style> Tags zu ergänzen. Idealerweise fügst du HTML-Code über eine Template-Anpassung hinzu.

Achtung: Dieses Konfigurationsfeld kann bei Fehleingaben zu Problemen führen! Nutze dies nur wenn du dir absolut sicher bist. {% endhint %}

Feldtyp: Textfeld mehrzeilig

Beispiel Wert: ``

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Experten-Einstellungen" => Abschnitt "Individueller Code"

Technischer Name: twt-custom-js-code

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Experten-Einstellungen" => Abschnitt "CSS-Datei"

Technischer Name: twt-additional-css-file-load

Feldtyp: URL

Beispiel Wert: demo.url/styles.css

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Experten-Einstellungen" => Abschnitt "CSS-Datei"

Technischer Name: twt-additional-css-file

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Experten-Einstellungen" => Abschnitt "JavaScript-Datei"

Technischer Name: twt-additional-js-file-load

Feldtyp: URL

Beispiel Wert: demo.url/script.js

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Experten-Einstellungen" => Abschnitt "JavaScript-Datei"

Technischer Name: twt-additional-js-file

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Experten-Einstellungen" => Abschnitt "JavaScript-Datei"

Technischer Name: twt-additional-js-file-async

Kompatibilität (HC-Architecture®)

In diesem Abschnitt befinden sich Konfigurationsfelder für die HC-Architecture® von ThemeWare®.

Durch unsere jahrelange Erfahrung als marktführender Theme-Entwickler haben wir extrem viel Wissen im Bereich Themes für Shopware gesammelt. Dies spiegelt sich unter anderem in der ThemeWare® HC-Architecture® wieder.

Große Plugin-Hersteller prüfen natürlich auch ThemeWare®, das beliebteste Kauf-Theme im Shopware Store, auf Kompatibilität. Leider konzertieren sich allerdings ein Paar Erweiterungen (Plugins oder Apps) ausschließlich auf das Standard-Theme von Shopware. Sollte es also einmal zu einer Inkompatibilität kommen, kannst du etwaige Probleme selber mit wenigen Klicks lösen, indem du den jeweiligen Funktionsbereich in ThemeWare® einfach abschaltest und dadurch auf den Shopware Standard zurücksetzt. In diesem Fall profitierst du zwar nicht mehr von der entsprechenden Funktion von ThemeWare®, kannst aber die entsprechende Erweiterung (Plugin oder App) nutzen.

Konfiguration

Header

Darstellungsart

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Header"

Technischer Name: twt-header-type-compatibility

In Arbeit! (funktioniert noch nicht)

Setzt den Header auf die Standarddarstellung zurück. Dies ermöglicht eine max. Kompatibilität mit Plugins Dritter.

Bitte beachte, dass die entsprechende ThemeWare® Konfiguration dadurch außer Kraft gesetzt wird.

Konto-Button (Aktions-Button)

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Header"

Technischer Name: twt-header-account-btn-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Header"

Technischer Name: twt-header-cart-btn-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Header"

Technischer Name: twt-header-wishlist-btn-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Header"

Technischer Name: twt-nav-main-home-link-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Header"

Technischer Name: twt-nav-main-menu-items-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare® • ThemeWare® (Plugin-kompatibel)

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Header"

Technischer Name: twt-top-bar-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Inhalt"

Technischer Name: twt-product-badges-discount-badge-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Inhalt"

Technischer Name: twt-product-badges-topseller-badge-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Inhalt"

Technischer Name: twt-product-badges-new-badge-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Inhalt"

Technischer Name: twt-breadcrumb-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Produkt-Box"

Technischer Name: twt-product-box-image-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Produktseiten"

Technischer Name: twt-product-detail-delivery-information-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Produktseiten"

Technischer Name: twt-product-detail-buy-widget-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Produktseiten"

Technischer Name: twt-product-detail-reviews-tab-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Footer"

Technischer Name: twt-footer-type-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Footer"

Technischer Name: twt-footer-logos-compatibility

Beta

In diesem Abschnitt befinden sich nagelneue Konfigurationsfelder. Einige der neuen Features die du mit den regelmäßigen Updates erhältst sind recht komplex. In seltenen Fällen ist ein Feature noch nicht vollständig ausgetestet aber grundsätzlich funktionsfähig. Solche Features veröffentlichen wir dann ggf. als Beta-Funktion und laden dich herzlich ein, es einmal auszuprobieren.

Konfiguration

Quickview

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Beta"

Technischer Name: twt-quickview-show

Aktiviert eine "Quickview"-Funktion in Produkt-Boxen.

Beta: Die Funktion kann sich in einem kommenden Update nochmal ändern, teste sie aber gerne schon einmal und sende uns dein Feedback.

Mengenauswahl (in Produkt-Boxen)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Beta"

Technischer Name: twt-product-box-quantity-selection-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • kein Schatten (Standard) • Kleiner Schatten (Bootstrap) • Normaler Schatten (Bootstrap) • Größerer Schatten (Bootstrap)

Beispiel Wert: kein Schatten (Standard)

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Beta" => Abschnitt "Dropdown Top-Navigation"

Technischer Name: twt-nav-main-dropdown-box-shadow-type

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Beta" => Abschnitt "Top-Navigation Flyout"

Technischer Name: twt-nav-main-external-links-icon-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Beta" => Abschnitt "Produkt-Box"

Technischer Name: twt-product-image-resizing

Feldtyp: Auswahlfeld

Verfügbare Werte: • Phone (Hochformat) (<576px) • Phone (Querformat) (<768px) • Tablet (Hochformat) (<992px) • Tablet (Querformat) (<1200px) • Desktop (<1440px) • alle Viewports

Beispiel Wert: Phone (Hochformat) (<576px)

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Beta" => Abschnitt "Produkt-Box"

Technischer Name: twt-product-image-resizing-breakpoint

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Beta" => Abschnitt "Produkt-Box"

Technischer Name: twt-product-box-sold

Feldtyp: Auswahlfeld

Verfügbare Werte: • Deckkraft verringern • Graustufen • Graustufen + Deckkraft verringern

Beispiel Wert: Deckkraft verringern

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Beta" => Abschnitt "Produkt-Box"

Technischer Name: twt-product-box-sold-style

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Beta" => Abschnitt "Produkt-Box"

Technischer Name: twt-product-box-image-srcset-and-sizes

Veraltet

In diesem Abschnitt befinden sich "veraltete" Konfigurationsfelder die nicht mehr benötigt werden und mit einem künftigen Update entfernt werden.

Es gibt verschiedene Gründe, warum Konfigurationsfelder entfernt werden. Teils werden Konfigurationsfelder im Rahmen der täglichen Weiterentwicklung überarbeitet, geändert, sind einfach nicht mehr nötig oder wurden durch andere Konfigurationsfelder ersetzt.

Damit die Felder nicht einfach verschwinden, speichern wir diese in diesem Abschnitt der Theme-Konfiguration. Dies erleichtert eine ggf. nötige Migration da man so auch nach einem Update den alten "Zustand" einsehen kann. Hinweise zu Änderungen findest du im Bereich "Neuigkeiten und Ankündigungen" in unserem Service Portal.

Nach einer gewissen Zeit entfernen wir dann solche Konfigurationsfelder vollständig.

Konfiguration

Individueller CSS-Code (Textbaustein)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet"

Technischer Name: twt-custom-css

Hinterlege im Textbaustein twt.custom.css individuellen CSS-Code.

Dieser CSS-Code wird direkt im Head-Bereich geladen und muss mit einem CSS-Minifier Tool minimiert werden.

Beispiel: .my-class { color: #000000; }

Veraltete CSS-Klassen laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet"

Technischer Name: twt-custom-css-deprecated-classes

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet"

Technischer Name: twt-custom-cms-box-shadow-classes

Feldtyp: Farbauswahl

Beispiel Wert: #333333

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Filter (Kategorie 'Sidebar')"

Technischer Name: twt-filter-panel-item-color

Feldtyp: Farbauswahl

Beispiel Wert: #cccccc

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Filter (Kategorie 'Sidebar')"

Technischer Name: twt-filter-panel-item-border-color

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Filter (Kategorie 'Sidebar')"

Technischer Name: twt-filter-panel-item-background-color

Feldtyp: Farbauswahl

Beispiel Wert: #008490

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Filter (Kategorie 'Sidebar')"

Technischer Name: twt-filter-panel-item-toggle-color

Feldtyp: Farbauswahl

Beispiel Wert: #008490

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Filter (Kategorie 'Sidebar')"

Technischer Name: twt-filter-panel-item-toggle-border-color

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Filter (Kategorie 'Sidebar')"

Technischer Name: twt-filter-panel-item-toggle-background-color

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Filter (Kategorie 'Sidebar')"

Technischer Name: twt-filter-panel-content-filter-active-background-color

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht als separaten Tab anzeigen (Standard) • als separaten Tab anzeigen

Beispiel Wert: als separaten Tab anzeigen

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Tabs (PDS)"

Technischer Name: twt-product-detail-properties-position

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Tabs (PDS)"

Technischer Name: twt-product-detail-tab-product-videos-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Tabs (PDS)"

Technischer Name: twt-product-detail-tab-datasheets-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Tabs (PDS)"

Technischer Name: twt-product-detail-tab-manufacturer-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Tabs (PDS)"

Technischer Name: twt-product-detail-tab-properties-info-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • über dem Produktnamen (Standard) • unter dem Produktnamen • auf dem Produktbild

Beispiel Wert: über dem Produktnamen (Standard)

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Veraltet"

Technischer Name: twt-product-box-product-review-rating-position

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Veraltet"

Technischer Name: twt-product-detail-properties-headline-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • Liste (Shopware 6) • Liste • Liste in Spalten (Shopware 5) • Buttons

Beispiel Wert: Liste

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Veraltet"

Technischer Name: twt-nav-main-flyout-style

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Lieferinformationen-Labels"

Technischer Name: twt-product-detail-shipping-free-label-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Lieferinformationen-Labels"

Technischer Name: twt-product-detail-sold-label-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Lieferinformationen-Labels"

Technischer Name: twt-product-detail-notavailable-label-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Lieferinformationen-Labels"

Technischer Name: twt-product-detail-preorder-label-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Lieferinformationen-Labels"

Technischer Name: twt-product-detail-deliverytime-available-label-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Lieferinformationen-Labels"

Technischer Name: twt-product-detail-deliverytime-restock-label-show

Konfiguration

Header

Darstellungsart

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Header"

Technischer Name: twt-header-type-compatibility

In Arbeit! (funktioniert noch nicht)

Setzt den Header auf die Standarddarstellung zurück. Dies ermöglicht eine max. Kompatibilität mit Plugins Dritter.

Bitte beachte, dass die entsprechende ThemeWare® Konfiguration dadurch außer Kraft gesetzt wird.

Konto-Button (Aktions-Button)

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Header"

Technischer Name: twt-header-account-btn-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Header"

Technischer Name: twt-header-cart-btn-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Header"

Technischer Name: twt-header-wishlist-btn-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Header"

Technischer Name: twt-nav-main-home-link-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Header"

Technischer Name: twt-nav-main-menu-items-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare® • ThemeWare® (Plugin-kompatibel)

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Header"

Technischer Name: twt-top-bar-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Inhalt"

Technischer Name: twt-product-badges-discount-badge-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Inhalt"

Technischer Name: twt-product-badges-topseller-badge-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Inhalt"

Technischer Name: twt-product-badges-new-badge-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Inhalt"

Technischer Name: twt-breadcrumb-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Produkt-Box"

Technischer Name: twt-product-box-image-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Produktseiten"

Technischer Name: twt-product-detail-delivery-information-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Produktseiten"

Technischer Name: twt-product-detail-buy-widget-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Produktseiten"

Technischer Name: twt-product-detail-reviews-tab-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Footer"

Technischer Name: twt-footer-type-compatibility

Feldtyp: Auswahlfeld

Verfügbare Werte: • Standard • ThemeWare®

Beispiel Wert: ThemeWare®

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Footer"

Technischer Name: twt-footer-logos-compatibility

Konfiguration

Individueller CSS-Code (Textbaustein)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet"

Technischer Name: twt-custom-css

Hinterlege im Textbaustein twt.custom.css individuellen CSS-Code.

Dieser CSS-Code wird direkt im Head-Bereich geladen und muss mit einem CSS-Minifier Tool minimiert werden.

Beispiel: .my-class { color: #000000; }

Veraltete CSS-Klassen laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet"

Technischer Name: twt-custom-css-deprecated-classes

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet"

Technischer Name: twt-custom-cms-box-shadow-classes

Feldtyp: Farbauswahl

Beispiel Wert: #333333

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Filter (Kategorie 'Sidebar')"

Technischer Name: twt-filter-panel-item-color

Feldtyp: Farbauswahl

Beispiel Wert: #cccccc

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Filter (Kategorie 'Sidebar')"

Technischer Name: twt-filter-panel-item-border-color

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Filter (Kategorie 'Sidebar')"

Technischer Name: twt-filter-panel-item-background-color

Feldtyp: Farbauswahl

Beispiel Wert: #008490

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Filter (Kategorie 'Sidebar')"

Technischer Name: twt-filter-panel-item-toggle-color

Feldtyp: Farbauswahl

Beispiel Wert: #008490

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Filter (Kategorie 'Sidebar')"

Technischer Name: twt-filter-panel-item-toggle-border-color

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Filter (Kategorie 'Sidebar')"

Technischer Name: twt-filter-panel-item-toggle-background-color

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Filter (Kategorie 'Sidebar')"

Technischer Name: twt-filter-panel-content-filter-active-background-color

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht als separaten Tab anzeigen (Standard) • als separaten Tab anzeigen

Beispiel Wert: als separaten Tab anzeigen

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Tabs (PDS)"

Technischer Name: twt-product-detail-properties-position

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Tabs (PDS)"

Technischer Name: twt-product-detail-tab-product-videos-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Tabs (PDS)"

Technischer Name: twt-product-detail-tab-datasheets-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Tabs (PDS)"

Technischer Name: twt-product-detail-tab-manufacturer-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Produkt-Tabs (PDS)"

Technischer Name: twt-product-detail-tab-properties-info-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • über dem Produktnamen (Standard) • unter dem Produktnamen • auf dem Produktbild

Beispiel Wert: über dem Produktnamen (Standard)

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Veraltet"

Technischer Name: twt-product-box-product-review-rating-position

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Veraltet"

Technischer Name: twt-product-detail-properties-headline-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • Liste (Shopware 6) • Liste • Liste in Spalten (Shopware 5) • Buttons

Beispiel Wert: Liste

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Veraltet"

Technischer Name: twt-nav-main-flyout-style

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Lieferinformationen-Labels"

Technischer Name: twt-product-detail-shipping-free-label-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Lieferinformationen-Labels"

Technischer Name: twt-product-detail-sold-label-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Lieferinformationen-Labels"

Technischer Name: twt-product-detail-notavailable-label-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Lieferinformationen-Labels"

Technischer Name: twt-product-detail-preorder-label-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Lieferinformationen-Labels"

Technischer Name: twt-product-detail-deliverytime-available-label-show

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Veraltet" => Abschnitt "Lieferinformationen-Labels"

Technischer Name: twt-product-detail-deliverytime-restock-label-show

Konfiguration

CMS-Seiten-ID als Body-Klasse hinzufügen

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja (32 Zeichen) • ja (7 Zeichen)

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen"

Technischer Name: twt-body-class-cms-page-id

Fügt eine CSS-Klasse mit der ID der aktuellen CMS-Seite dem Body hinzu. Die 'einzigartige' ID besteht aus 32 Zeichen.

Alternativ kann die ID auf 7 Zeichen gekürzte ausgegeben werden. Die kürzere ID ist in CSS einfacher zu handhaben, aber auch etwas weniger 'einzigartige'.

Zusätzliche CSS-Klassen

CSS-Abstandsklassen laden (optional)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja (Bootstrap 4) • ja (Bootstrap 5)

Beispiel Wert: ja (Bootstrap 5)

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-custom-cms-spacing-classes

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-custom-cms-spacing-classes-more

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-custom-cms-image-decoration-classes

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-custom-cms-image-hover-classes

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-cms-animations-more

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-custom-cms-column-padding-classes

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-custom-cms-headline-classes

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: nein

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen"

Technischer Name: twt-custom-css-max-width-classes

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen für CMS-Blöcke"

Technischer Name: twt-cms-block-cloumns-classes

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen für CMS-Blöcke"

Technischer Name: twt-cms-block-grid-classes

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-hero-slider-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-text-teaser-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-text-teaser-decorated-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-button-teaser-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-call-to-action-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-hover-box-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-hover-teaser-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-image-teaser-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-hero-teaser-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-advanced-teaser-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-classic-teaser-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-modern-teaser-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-round-teaser-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-image-banner-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-parallax-banner-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-hero-banner-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-advanced-banner-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-image-text-layered-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-listing-subcategories-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-countdown-banner-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-discount-banner-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Code für CMS-Elemente [Pro-Edition]"

Technischer Name: twt-cms-testimonials-css

Feldtyp: Auswahlfeld

Verfügbare Werte: • nein • ja

Beispiel Wert: ja

Pfad zur Einstellung: Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "jQuery"

Technischer Name: twt-jquery-load

Weiteres

Barrierefreiheit

Konfiguration

Layout

Links unterstreichen

Textfarbe ('Element überspringen' link)

Erweiterte Einstellungen

Konfiguration

CMS-Seiten-ID als Body-Klasse hinzufügen

Zusätzliche CSS-Klassen

CSS-Abstandsklassen laden (optional)

Experten-Einstellungen

Konfiguration

Experten-Modus

Individuelle CSS-Klasse

Body-Klasse

Kompatibilität (HC-Architecture®)

Konfiguration

Header

Darstellungsart

Konto-Button (Aktions-Button)

Beta

Konfiguration

Quickview

Mengenauswahl (in Produkt-Boxen)

Veraltet

Konfiguration

Individueller CSS-Code (Textbaustein)

Veraltete CSS-Klassen laden (optional)

Weiteres

Barrierefreiheit

Konfiguration

Quickview

Mengenauswahl (in Produkt-Boxen)

Dropdown Top-Navigation

Schlagschatten

Top-Navigation Flyout

Icon für externe Links anzeigen

Produkt-Box

Produktbild-Größenanpassung

'Produktbild-Größenanpassung' anwenden bis ...

Produkte nach Abverkaufende abschwächen

Darstellungsart "Produkte nach Abverkaufende abschwächen"

Responsive Bilder verbessern

Veraltet

Kompatibilität (HC-Architecture®)

Konfiguration

Header

Darstellungsart

Konto-Button (Aktions-Button)

Warenkorb-Button (Aktions-Button)

Merkzettel-Button (Aktions-Button)

Link "Home" (Top-Navigation)

Menüpunkte (Top-Navigation)

Top-Bar

Inhalt

Rabatt-Badge (Produkt-Badges)

Topseller-Badge (Produkt-Badges)

Neu-Badge (Produkt-Badges)

Breadcrumb

Produkt-Box

Produkt-Box (Bild)

Produktseiten

Lieferinformationen (in der Buybox)

Buy-Widget (Mengenauswahl + Warenkorb-Button)

Tab "Bewertungen"

Footer

Darstellungsart

Logos-Footer

Erweiterte Einstellungen

Konfiguration

Layout

Links unterstreichen

Textfarbe ('Element überspringen' link)

Formulare

Fokus-Schattenfarbe @focus

Skip-to-Content

Textfarbe

Hintergrundfarbe

Hero-Slider