# Sprachauswahl Länderflagge im Responsive-Theme

**URL:** https://forum.shopware.com/t/sprachauswahl-landerflagge-im-responsive-theme/43278
**Category:** Themes & Design
**Created:** [31. Januar 2017 um 15:12 UTC](https://forum.shopware.com/t/sprachauswahl-landerflagge-im-responsive-theme/43278 "2017-01-31T15:12:42Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Doc](https://avatars.discourse-cdn.com/v4/letter/d/f07891/32.png) [@Doc](https://forum.shopware.com/u/Doc)
#### Post date: [31. Januar 2017 um 15:12 UTC](https://forum.shopware.com/t/sprachauswahl-landerflagge-im-responsive-theme/43278/1 "2017-01-31T15:12:42Z")

</div>

Hallo,

ich hab hier im Forum schon ein bisschen gesucht aber keine Lösung gefunden.  
Bei der Sprachauswahl für den Shop erscheint immer nur die Deutsche Flagge. Gibt es da eine Lösung ?

Gruß

---

<div class="post-metadata">

### Author: ![Moritz\_Naczenski](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/moritz_naczenski/32/7792_2.png) [@Moritz\_Naczenski](https://forum.shopware.com/u/Moritz_Naczenski)
#### Post date: [31. Januar 2017 um 17:57 UTC](https://forum.shopware.com/t/sprachauswahl-landerflagge-im-responsive-theme/43278/2 "2017-01-31T17:57:46Z")

</div>

Generell liefern wir nur ein paar Flaggen mit aus, andere musst du dir selbst über das Theme implementieren.

Siehe hier: [shopware/flags.less at 27507fe404cede0b75ad561fc081ce4fc9554569 · shopware/shopware · GitHub](https://github.com/shopware/shopware/blob/27507fe404cede0b75ad561fc081ce4fc9554569/themes/Frontend/Responsive/frontend/_public/src/less/_components/flags.less)

Folgende Flaggen sind mit dabei:

de\_DE  
en\_GB  
nl\_NL  
fr\_FR  
es\_ES  
it\_IT

Hier auch die Icon-Datei:&nbsp;

```
https://github.com/shopware/shopware/blob/27507fe404cede0b75ad561fc081ce4fc9554569/themes/Frontend/Responsive/frontend/_public/src/img/ico-flags.png

```

&nbsp;

---

<div class="post-metadata">

### Author: ![Doc](https://avatars.discourse-cdn.com/v4/letter/d/f07891/32.png) [@Doc](https://forum.shopware.com/u/Doc)
#### Post date: [1. Februar 2017 um 07:06 UTC](https://forum.shopware.com/t/sprachauswahl-landerflagge-im-responsive-theme/43278/3 "2017-02-01T07:06:51Z")

</div>

Danke, das hab ich gesucht.

---

<div class="post-metadata">

### Author: ![fxadmin](https://avatars.discourse-cdn.com/v4/letter/f/cc9497/32.png) [@fxadmin](https://forum.shopware.com/u/fxadmin)
#### Post date: [16. September 2020 um 11:27 UTC](https://forum.shopware.com/t/sprachauswahl-landerflagge-im-responsive-theme/43278/4 "2020-09-16T11:27:12Z")

</div>

Hallo Zusammen. Ich will gerade für lokalisierte Länder die Flaggen einbauen.

Für das lokalisierte Land Schweiz de-CH will ich die Deutsche Flagge ausgeben und habe mich an das Manual gehalten.

Ich habe die Bild Datei und die Deutsche Flagge erweitert und ich habe die .less Datei erweitert, in dem ich den Eintrag: &.de\_DE {…} kopiert, auf de-CH und an letzer Stelle eingefügt habe.

Die Dateien habe ich wie beschrieben in das neu erstellte Themes (Kopie von Responsive) geladen und das neue Themes aktiviert.

Leider kommt keine Deutsche Flagge raus, wenn ich die Sprachen umschalte. Gemäss Code wird das CSS gar nicht generiert.

Kann mir da bitte jemand weiter helfen?

```
/*
Language Flags
==================================================
Displays a country flag the size of 14px x 11px used for language selections purposes.

inspired by: https://github.com/dhanishgajjar/css-flags

en_GB: we need to use svg for en_GB, cause it's smaller than the CSS-Version
*/

.language--flag {
    .unitize-height(11);
    .unitize-width(14);
    background: url("../../img/ico-flags.png") no-repeat 0 0;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;

    &.de_DE { background-position: 0 0; background-image: linear-gradient(to bottom, black 33%, #DD0000 33%, #DD0000 66%, #FFCE00 66%); }
    &.en_GB { background-position: 0 0; background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width='640' height='480'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M-85 0h682v512H-85z'%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg clip-path='url%28%23a%29' transform='translate%2880%29 scale%28.94%29'%3E%3Cpath fill='%23006' d='M-256 0H768v512H-256z'%2F%3E%3Cpath fill='%23fff' d='M-256 0v57l910 455h114v-57L-141 0h-115zM768 0v57l-909 455h-115v-57L654 0h114z'%2F%3E%3Cpath fill='%23fff' d='M171 0v512h170V0H171zm-427 171v170H768V171H-256z'%2F%3E%3Cpath fill='%23c00' d='M-256 205v102H768V205H-256zM205 0v512h102V0H205zm-461 512L85 341h77l-342 171h-76zm0-512L85 171H9L-256 38V0zm606 171L692 0h76L427 171h-77zm418 341L427 341h76l265 133v38z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}
    &.nl_NL { background-position: 0 0; background-image: linear-gradient(to bottom, #DD0000 33%, white 33%, white 66%, #21468B 66%); }
    &.fr_FR { background-position: 0 0; background-image: linear-gradient(to right, #21468B 33%, white 33%, white 66%, #DD0000 66%); }
    &.es_ES { background-position: 0 0; background-image: linear-gradient(#DD0000 25%, #FFCE00 25%, #FFCE00 75%, #DD0000 75%);}
    &.it_IT { background-position: 0 0; background-image: linear-gradient(to right, #009246 33%, white 33%, white 66%, #DD0000 66%);}
    &.de_CH { background-position: 0 0; }
}

```

&nbsp;

Version:5.6.7

Link zum Manual:&nbsp;[Shopware 5 - Tutorials & FAQs - Änderungen am Template vornehmen](https://docs.shopware.com/de/shopware-5-de/tutorials-und-faq/aenderungen-am-template-vornehmen?_ga=2.216872479.863378483.1600240389-642793027.1552585719&fbclid=IwAR0iXTHM31ttCnUxZpjQQTbg6csWn7MDcKms2VLKEZD2_2jpxn1-DArEY0w#weitere-laenderflaggen-fuer-den-sprachwechsel-hinzufuegen)

&nbsp;
