Design
Icons
Feldtyp:
Auswahlfeld
Verfügbare Werte:
• Standard (Shopware 6)
• Bootstrap Icons *
• Boxicons v2
• Boxicons v2 (Variation)
• Boxicons v3 *
• Boxicons v3 (Variation) *
• Feather
• Fluent UI System Icons *
• Font Awesome v5
• Font Awesome v5 (Variation)
• Font Awesome v6
• Font Awesome v6 (Variation)
• Font Awesome v7 *
• Heroicons *
• Iconoir *
• Ionicons *
• Line Awesome *
• Lucide *
• Material Icons
• Material Symbols *
• Phosphor *
• Shopware 6
• Simple Line Icons
• Solar *
• Solar (Variation) *
• Tabler *
• ThemeWare® Light
• ThemeWare® One
• ThemeWare® One thin
• ThemeWare® Six
Beispiel Wert:Standard (Shopware 6)
Pfad zur Einstellung:
Tab "Layout" => Bereich "Icons" => Abschnitt "Design"
Technischer Name:twt-iconset
Hier kannst du zwischen verschiedenen Icon-Sets wählen. Sets mit * decken alle Icons der Storefront ab, Sets ohne * nur die gängigsten Motive.
Wichtig: Ein Icon-Set tauscht die vorhandenen Icons aus, es stellt keine neuen Iconnamen bereit - Namen wie "fa-user" funktionieren nirgends.
Alle Motive zum Ansehen in der Icon-Übersicht, mehr dazu im Handbuch.
Beim Icon-Set "Standard" bleibt alles unverändert.
Stil
Feldtyp:
Auswahlfeld
Verfügbare Werte:
• Automatisch (wie das Iconset)
• Linie
• Gefüllt
• Duotone
• Broken
Beispiel Wert:Automatisch (wie das Iconset)
Pfad zur Einstellung:
Tab "Layout" => Bereich "Icons" => Abschnitt "Design"
Technischer Name:twt-iconset-style
Automatisch ist im Zweifel die richtige Wahl: Es zeigt jedes Icon-Set so, wie es gezeichnet ist, zum Beispiel Font Awesome gefüllt und Lucide als Linie. Bringt ein Set den gewählten Stil nicht mit, bleibt es bei dieser Fassung.
Duotone gibt es nur bei Phosphor, Broken nur bei Solar. Welche Sets gefüllt zeichnen können, steht im Handbuch.
Umfang
Feldtyp:
Auswahlfeld
Verfügbare Werte:
• Ausgewählte Icons (ThemeWare®)
• Essential Icons
• Alle Storefront-Icons
Beispiel Wert:Ausgewählte Icons (ThemeWare®)
Pfad zur Einstellung:
Tab "Layout" => Bereich "Icons" => Abschnitt "Basiskonfiguration"
Technischer Name:twt-iconset-scope
Wie weit das Icon-Set greift. Ausgewählte Icons tauscht nur die Stellen, die ThemeWare® selbst setzt - Header, Kaufen-Button, Newsletter, Service-Menü. Essential Icons erfasst alles, was überall sichtbar ist, Alle Storefront-Icons zusätzlich selten genutzte Motive.
Den vollen Umfang bieten nur Sets mit *.
Strichstärke
Feldtyp:
Auswahlfeld
Verfügbare Werte:
• Sehr dünn
• Dünn
• Normal (Standard)
• Kräftig
• Sehr kräftig
Beispiel Wert:Normal (Standard)
Pfad zur Einstellung:
Tab "Layout" => Bereich "Icons" => Abschnitt "Basiskonfiguration"
Technischer Name:twt-iconset-line-weight
Relativ zur Strichstärke, mit der die Bibliothek gezeichnet wurde - so behält jedes Set seine Proportionen.
Hinweis: Wirkt nur bei strichbasierten Sets - Lucide, Tabler, Heroicons, Iconoir und Solar (Linie und Broken). Gefüllte Sets zeichnen ihre Striche als Fläche und ignorieren diese Einstellung.
Die feinen Stufen sind für große Icons gedacht; bei 16px wird ein dünnerer Strich grau statt dünn.
Einzelne Icons
Icon: Warenkorb
Feldtyp:
Auswahlfeld
Verfügbare Werte:
• Einkaufstasche (Standard)
• Einkaufskorb
• Einkaufswagen
Beispiel Wert:Einkaufstasche (Standard)
Pfad zur Einstellung:
Tab "Layout" => Bereich "Icons" => Abschnitt "Einzelne Icons"
Technischer Name:twt-icon-cart
Tauscht das Standard-Icon vom "Warenkorb"-Button im Header aus, sofern das Icon im gewählten Icon-Set verfügbar ist.
Hinweis: Beim Icon-Set "Standard" wird das Icon nicht geändert.
Icon: Newsletter
Feldtyp:
Auswahlfeld
Verfügbare Werte:
• Pfeil nach rechts (Standard)
• Briefumschlag
• Papierflugzeug
Beispiel Wert:Briefumschlag
Pfad zur Einstellung:
Tab "Layout" => Bereich "Icons" => Abschnitt "Einzelne Icons"
Technischer Name:twt-icon-newsletter-submit
Tauscht das Standard-Icon vom "Senden"-Button im Newsletter-Widget aus, sofern das Icon im gewählten Icon-Set verfügbar ist.
Hinweis: Beim Icon-Set "Standard" wird das Icon nicht geändert.
Icon: Vorteile
Feldtyp:
Auswahlfeld
Verfügbare Werte:
• Häkchen (Standard)
• Häkchen im Kreis
• Herz
• Stern
• Trophäe
• Daumen hoch
• Glühbirne
• Pfeil nach rechts
Beispiel Wert:Häkchen (Standard)
Pfad zur Einstellung:
Tab "Layout" => Bereich "Icons" => Abschnitt "Einzelne Icons"
Technischer Name:twt-icon-benefits
Tauscht das Icon vor den Vorteilen aus, sofern das Icon im gewählten Icon-Set verfügbar ist. Das Icon gilt für jeden Eintrag der Liste, deshalb stehen nur Motive zur Wahl, die zu jedem Vorteil passen.
Hinweis: Die Bestands-Icon-Sets führen bis zu 17 Motive und davon nur Herz und Stern - bei den übrigen bleibt das Shopware-Icon stehen.