Alle Seiten
Bereitgestellt von GitBook
1 von 7

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Flaggensymbole

Shopware hat vor einiger Zeit, bis auf DE und EN, die Flaggensymbole der Sprachauswahl entfernt. Diese werden derzeit über die Erweiterung "Shopware Sprachpaket" bereitgestellt.

Ab ThemeWare® 2.0.5 sind Flaggensymbole für die Sprachauswahl auch Bestendteil von ThemeWare®. So kannst du die Flaggensymbole auch ohne die die Sprachpaket-Erweiterung nutzen.

Flaggensymbole

Du kannst die Flaggensymbole einfach in der ThemeWare®-Konfiguration aktivieren.

Konfiguration: Tab "Header" => Bereich "Top-Bar" => Abschnitt "Sprachauswahl"

gibt es eine Konfiguration um Flaggen für die Sprachauswahl auch ohne die Sprachpaket-Erweiterung laden zu können.

ThemeWare® Flaggensymbole

Hinweis: Die Flaggen werden, je nachdem wie detailliert diese sind, per CSS generiert oder als SVG per CSS geladen. Du findest also keine Bilddateien der Flaggen in ThemeWare®.


Länder- oder Sprachflaggen

Shopware nutzt für die Sprachauswahl "Länderflaggen". Das bedeutet, die Wahl des Flaggensymbols basiert auf dem entsprechenden Land und nicht auf der entsprechenden Sprache.

Beim ISO-Code de-CH wird daher die Flagge der Schweiz angezeigt und nicht die Flagge für Deutsch.

Dies kann nachteilig sein wenn beispielsweise gleichzeitig die Sprache mit dem ISO-Code it-CH genutzt wird. Hier würde ebenfalls die Flagge der Schweiz angezeigt, statt der Flagge für italienisch.

In ThemeWare® haben wir daher zusätzlich zu den Länderflaggen auch Sprachflaggen ermöglicht. Du kannst also frei wählen, welche Methode du nutzen möchtest.

Die Flagge richtet sich nach dem Land. Beim ISO-Code de-CH wird die Flagge der Schweiz angezeigt.

Die Flagge richtet sich nach der Sprache. Beim ISO-Code de-CH wird die Flagge Deutschlands angezeigt.


Insgesamt stehen dir zwei Flaggen-Sets zur Verfügung:

  • Flaggensymbole

    • Ressourcenschonende CSS bzw. kleine SVG-Grafiken.

    • Flaggen: Belgien, Bosnien und Herzegowina, Bulgarien, China, Dänemark, Estland, Finnland, Frankreich, Griechenland, Indonesien, Irland, Italien, Japan, Lettland, Litauen, Luxemburg, Moldawien, Niederlande, Norwegen, Österreich, Polen, Rumänien, Russland, Schweden, Schweiz, Spanien, Tschechien, Türkei, Ukraine, Ungarn


inspired by: and

Erweiterte Flaggensymbole

  • Dies sind recht komplexe Flaggen und recht große SVG-Grafiken.

  • Flaggen: Albanien, Weißrussland, Kroatien, Island, Indien, Kasachstan, Mazedonien, Malta, Portugal, Korea, Serbien, Slowakei, Slowenien, Vereinigte Staaten, Vietnam

  • Tipp: Möchtest du nur ein oder zwei dieser Flaggen nutzen, empfehlen wir dir diese manuell einzubinden um Ressourcen zu sparen. Mehr Informationen dazu findest du bald in der Wissensdatenbank.

dhanishgajjar / css-flags
lipis / flag-icons
Länderflaggen
Sprachflaggen

Länderflaggen

Sprachflaggen

Flaggen-Sets

Credits

Grafiken

Mit ThemeWare® erhältst du alle benötigten Grafiken. Einige Grafiken (z.B. Social-Icons) sind bereits in ThemeWare® integriert, andere Grafiken wie die Bilder für deine Erlebniswelt erhältst du über die kostenfreien ThemeWare® Utilities.

Die ThemeWare® Utilities sind hilfreiche Tools und Extras, welche dich maßgeblich bei der Gestaltung und Optimierung deines Shops unterstützen.

Über folgenden Link erhältst einen kostenfreien Zugang zu den ThemeWare® Utilities für dein Theme. Diese werden dir sofort per E-Mail zugeschickt:

Mehr Informationen

Erlebniswelten

Flaggensymbole

Iconsets

Social-Icons

Versandarten-Logos

Zahlungsarten-Logos

Erlebniswelten

Mit den ThemeWare® Utilities erhältst du alle benötigten Grafiken für die Profi-Erlebniswelt mit Storytelling-Elementen deines Themes. Alle Grafiken stehen dir im offenen PSD-Format zur Verfügung, sodass du diese einfach anpassen kannst.


Über folgenden Link erhältst einen kostenfreien Zugang zu den ThemeWare® Utilities für dein Theme. Diese werden dir sofort per E-Mail zugeschickt:

Download

Social-Icons

ThemeWare® enthält diverse Social-Icons damit du deine Social-Media-Plattformen verlinken kannst.

ThemeWare® Social-Icons

Icons

In ThemeWare® sind bereits diverse Icons integriert. Du musst also nichts weiter machen als die gewünschten Icons zu aktivieren und deine URLs zu hinterlegen.

Social-Icons (ThemeWare 2.0.5)
Social-Icons (Rund)
  • Blog

  • Blogger

  • Facebook

  • Flickr

  • Instagram

  • LinkedIn

  • Pinterest

  • TikTok

  • Twitch

  • Twitter

  • Vimeo

  • WhatsApp

  • Xing

  • YouTube

Fehlt dir ein Icon? Dann sende uns gerne jederzeit einen Verbesserungsvorschlag über unser Service Portal:

Jedes icon steht dir in verschiedenen Stilen zur Verfügung. So kannst du die Icons optimal an das Design deines Shops anpassen.

  • Default

  • Isoliert

  • Badge

  • Eckig

Neben verschiedenen Stilen steht dir natürlich auch eine Farbkonfiguration zur Verfügung, falls du die Logos lieber in deinen Corporate-Farben oder dezent in Grau darstellen möchtest.

Mehr Informationen zur Konfiguration der Social Icons in ThemeWare® findest du in folgendem Artikel:

Versandarten-Logos

Mit den ThemeWare® Utilities erhältst du über 40 Pagespeed optimierte Logos von verschiedenen Versandanbietern. Alle Logos sind dabei visuell aufeinander abgestimmt und ergeben einen einheitliche, aufgeräumten und verkaufsfördernden Look in deinem Shop.


Alle Logos sind Pagespeed optimierte SVG-Dateien. Neben den gängigsten Anbietern findest du auch viele internationale Anbieter, teils in verschiedenen Farbvarianten:

  • Deutsche Post

Rund

Communities bzw. Social Media

Mehr Icons

Stile

Weiterführende Informationen

DHL
  • DHL Express

  • DPD

  • Fedex

  • GLS

  • Hermes

  • UPS

  • u.v.m.

  • Fehlt dir ein Anbieter? Dann sende uns gerne jederzeit einen Verbesserungsvorschlag über unser Service Portal:


    Über folgenden Link erhältst einen kostenfreien Zugang zu den ThemeWare® Utilities für dein Theme. Diese werden dir sofort per E-Mail zugeschickt:


    Mehr Informationen zur Konfiguration der Versandarten in Shopware 6 findest du in der Shopware Dokumentation:


    Mehr Informationen zur Konfiguration der Logos in ThemeWare® findest du in folgendem Artikel:

    ThemeWare® Versandarten-Logos

    Logos

    Versandanbieter-Logos

    Download

    Konfiguration

    Weiterführende Informationen

    Iconsets

    In unseren Themes kannst du zwischen verschiedenen Iconsets wählen, um das Design deines Shops noch besser an deinen Stil anzupassen.

    Über die Auswahl eines Iconsets werden bestimmte Standard-Icons im Theme automatisch ersetzt – zum Beispiel im Header oder in Buttons – sofern im gewählten Set passende Alternativen verfügbar sind.

    Einige Icons (z. B. Warenkorb, Konto oder Suche) lassen sich zusätzlich über separate Konfigurationsfelder gezielt anpassen.

    Hinweis: Wenn das Iconset "Standard" ausgewählt ist, werden keine Icons ausgetauscht. Dieses Set entspricht der unveränderten Darstellung ohne Modifikationen.

    ThemeWare® One

    ThemeWare® One solid (new)

    ThemeWare® One thin (new)

    ThemeWare® Light

    ThemeWare® Six (new)

    ThemeWare® Six solid (new)

    Boxicons

    Boxicons (Variation)

    Boxicons solid

    Eine Übersicht der Standard Icons von Shopware 6 findest du in der ThemeWare® Service Portal:

    Boxicons v2.0.5 – MIT License () Feather Icons – MIT License () Font Awesome Free v5.15.4 – CC BY 4.0 License () Font Awesome Free v6.2.0 – CC BY 4.0 License () Material Design Icons v4.0.0 – Apache License 2.0 ()

    View
    View
    View
    View
    View

    Boxicons solid (Variation)

    Font Awesome v5

    Font Awesome v5 (Variation)

    Font Awesome v6

    Font Awesome v6 (Variation)

    Feather

    Material Icons

    Shopware 6

    Zahlungsarten-Logos

    Mit den ThemeWare® Utilities erhältst du über 90 Pagespeed optimierte Logos von verschiedenen Zahlungsanbietern. Alle Logos sind dabei visuell aufeinander abgestimmt und ergeben einen einheitliche, aufgeräumten und verkaufsfördernden Look in deinem Shop.

    ThemeWare® Zahlungsarten-Logos

    Logos

    Alle Logos sind Pagespeed optimierte SVG-Dateien. Neben den gängigsten Anbietern findest du auch viele internationale Anbieter, teils in verschiedenen Farbvarianten:

    • Amazon Pay

    • Giropay

    • Google Pay

    • Klarna

    • Mastercard

    • Paypal

    • Skrill

    • Stripe

    • Visa

    • u.v.m.

    Fehlt dir ein Anbieter? Dann sende uns gerne jederzeit einen Verbesserungsvorschlag über unser Service Portal:


    Über folgenden Link erhältst einen kostenfreien Zugang zu den ThemeWare® Utilities für dein Theme. Diese werden dir sofort per E-Mail zugeschickt:


    Mehr Informationen zur Konfiguration der Zahlungsarten in Shopware 6 findest du in der Shopware Dokumentation:


    Mehr Informationen zur Konfiguration der Logos in ThemeWare® findest du in folgendem Artikel:

    Zahlungsanbieter-Logos

    Download

    Konfiguration

    Weiterführende Informationen

    ThemeWare® Utilities kostenlos anfordern | ThemeWare® Service PortalThemeWare®
    ThemeWare® Service Portal => ThemeWare® Utilities
    ThemeWare® Utilities kostenlos anfordern | ThemeWare® Service PortalThemeWare®
    ThemeWare® Service Portal => ThemeWare® Utilties
    ThemeWare® Utilities kostenlos anfordern | ThemeWare® Service PortalThemeWare®
    ThemeWare® Service Portal => ThemeWare® Utilties
    ThemeWare® Utilities kostenlos anfordern | ThemeWare® Service PortalThemeWare®
    ThemeWare® Service Portal => ThemeWare® Utilties
    Logo
    Logo
    Logo
    Logo
    Verbesserungsvorschlag | ThemeWare® Service PortalThemeWare®
    ThemeWare® Service Portal => Verbesserungsvorschlag (Feature-Request)
    Verbesserungsvorschlag | ThemeWare® Service PortalThemeWare®
    ThemeWare® Service Portal => Verbesserungsvorschlag (Feature-Request)
    Verbesserungsvorschlag | ThemeWare® Service PortalThemeWare®
    ThemeWare® Service Portal => Verbesserungsvorschlag (Feature-Request)
    Logo
    Logo
    Logo
    Shopware 6 - Einstellungen - Versanddocs.shopware.com
    Shopware Dokumentation => Versand
    Shopware 6 - Einstellungen - Zahlungsartendocs.shopware.com
    Shopware Dokumentation => Zahlungsarten
    Shopware 6 Icons: Übersicht, Beispiele und AnleitungenThemeWare®
    Logo
    Logo
    Logo