# Warenkorb Ausrufezeichen - versandkostenfreie Lieferung (icon-warning)

**URL:** https://forum.shopware.com/t/warenkorb-ausrufezeichen-versandkostenfreie-lieferung-icon-warning/54587
**Category:** Themes & Design
**Created:** [13. August 2018 um 21:24 UTC](https://forum.shopware.com/t/warenkorb-ausrufezeichen-versandkostenfreie-lieferung-icon-warning/54587 "2018-08-13T21:24:13Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![webistefan](https://avatars.discourse-cdn.com/v4/letter/w/87869e/32.png) [@webistefan](https://forum.shopware.com/u/webistefan)
#### Post date: [13. August 2018 um 21:24 UTC](https://forum.shopware.com/t/warenkorb-ausrufezeichen-versandkostenfreie-lieferung-icon-warning/54587/1 "2018-08-13T21:24:13Z")

</div>

Hallo,

ich würde gerne das (siehe Bild ) das Ausrufezeichen für Versandkostenfreie Lieferung ändern wollen gegen ein eigenes Bild. Das Ausrufezeichen sieht eher nach einem Fehler aus.  
Ich finde aber nicht die stelle wo ich es ändern muss. Bzw. ist es verwirrend da ja auch andere Statusmeldungen in der Zeile auftauchen bei anderen Fehlern.

Hat jemand eine Idee wie man für die 1 Situation ein anderes Bild reinbekommt?

---

<div class="post-metadata">

### Author: ![webistefan](https://avatars.discourse-cdn.com/v4/letter/w/87869e/32.png) [@webistefan](https://forum.shopware.com/u/webistefan)
#### Post date: [26. August 2018 um 22:37 UTC](https://forum.shopware.com/t/warenkorb-ausrufezeichen-versandkostenfreie-lieferung-icon-warning/54587/2 "2018-08-26T22:37:47Z")

</div>

Keiner eine Idee?

---

<div class="post-metadata">

### Author: ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)
#### Post date: [29. August 2018 um 11:00 UTC](https://forum.shopware.com/t/warenkorb-ausrufezeichen-versandkostenfreie-lieferung-icon-warning/54587/3 "2018-08-29T11:00:33Z")

</div>

> [@webistefan schrieb:](https://forum.shopware.com/profile/1318/webistefan "webistefan")
> 
> Keiner eine Idee?

Klar, eigenes Theme erstellen, den Block suchen wo das Icon enthalten ist und ersetzen. Das Icon selber wird hier gesetzt: frontend/\_includes/messages.tpl

&nbsp;

---

<div class="post-metadata">

### Author: ![BestShopPossible](https://avatars.discourse-cdn.com/v4/letter/b/6bbea6/32.png) [@BestShopPossible](https://forum.shopware.com/u/BestShopPossible)
#### Post date: [4. September 2018 um 11:11 UTC](https://forum.shopware.com/t/warenkorb-ausrufezeichen-versandkostenfreie-lieferung-icon-warning/54587/4 "2018-09-04T11:11:59Z")

</div>

Oder per less das ganze überall austauschen.

Im eigenen Theme in einer eigenen less die entsprechende Klasse mit dem gewünschten Fontcode austauschen. Hier sind alle icons:

> **[Shopware Icon Set](https://8mylez.com/shopware-icon-set/)**
>
> Shopware liefert von Haus aus tolle Icons mit. Diese werden im ganzen System verwendet. Welche es gibt und wie du sie ansprichst erfährst du hier.

und in&nbsp;[shopware/icons.less at 5.4 · shopware/shopware · GitHub](https://github.com/shopware/shopware/blob/5.4/themes/Frontend/Responsive/frontend/_public/src/less/_variables/icons.less)

werden die definiert.

&nbsp;

---

<div class="post-metadata">

### Author: ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)
#### Post date: [4. September 2018 um 11:25 UTC](https://forum.shopware.com/t/warenkorb-ausrufezeichen-versandkostenfreie-lieferung-icon-warning/54587/5 "2018-09-04T11:25:12Z")

</div>

Warum so kompliziert! Nimmm doch einfach die Pseudoklasse bzw. das Pseudeoelement und style das Ganze mit minmalem CSS, indem Du einfach das Attribut änderst!

Also z.B. So:

```
.icon--warning::before {
    content: "\e691";
}

```

Hier eine Übersicht der Icon Attribute: [devdocs/icons.less at master · shopware/devdocs · GitHub](https://github.com/shopware/devdocs/blob/master/source/assets/css/_imports/icons.less)

Und falls Dir die Shopware Icons nicht ausreichen,&nbsp; dann kannat Du z.B. ja noch einen anderen Icon Font einbauen… ![Wink](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/b3785da0cbf2c8566cb535dcf55b2730b5224899.png "Wink")

---

<div class="post-metadata">

### Author: ![BestShopPossible](https://avatars.discourse-cdn.com/v4/letter/b/6bbea6/32.png) [@BestShopPossible](https://forum.shopware.com/u/BestShopPossible)
#### Post date: [4. September 2018 um 12:45 UTC](https://forum.shopware.com/t/warenkorb-ausrufezeichen-versandkostenfreie-lieferung-icon-warning/54587/6 "2018-09-04T12:45:31Z")

</div>

> [@Murmeltier schrieb:](https://forum.shopware.com/profile/26331/Murmeltier "Murmeltier")
> 
> Warum so kompliziert! Nimmm doch einfach die Pseudoklasse bzw. das Pseudeoelement und style das Ganze mit minmalem CSS, indem Du einfach das Attribut änderst!
> 
> Also z.B. So:
> 
> .icon–warning::before {  
> content: „\e691“;  
> }
> 
> Hier eine Übersicht der Icon Attribute: [https://github.com/shopware/devdocs/blob/master/source/assets/css/\_imports/icons.less](https://github.com/shopware/devdocs/blob/master/source/assets/css/_imports/icons.less)
> 
> Und falls Dir die Shopware Icons nicht ausreichen,&nbsp; dann kannat Du z.B. ja noch einen anderen Icon Font einbauen… ![Wink](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/b3785da0cbf2c8566cb535dcf55b2730b5224899.png "Wink")

Exakt das gleiche Kommentar wie meins.&nbsp;

---

<div class="post-metadata">

### Author: ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)
#### Post date: [4. September 2018 um 14:21 UTC](https://forum.shopware.com/t/warenkorb-ausrufezeichen-versandkostenfreie-lieferung-icon-warning/54587/7 "2018-09-04T14:21:41Z")

</div>

Sorry, hab Dein Post auch nur schnell überfolgen und im Post davor nur was von Theme Änderungen etc. gelesen. \*Kopschüttel\*

Trotzdem gibt’s ein paar Unterschiede. Du machst es in LESS, ich in CSS!

Du gibst kein Beispiel, ich schon. ![Wink](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/wink.png "Wink")

Von daher, sieh’s als Erläuterung zu deinem Post!

Und wenn’s dem Fragesteller hilft, dann sind wir alle glücklich! ![Smile](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/smile.png "Smile")

---

<div class="post-metadata">

### Author: ![BestShopPossible](https://avatars.discourse-cdn.com/v4/letter/b/6bbea6/32.png) [@BestShopPossible](https://forum.shopware.com/u/BestShopPossible)
#### Post date: [5. September 2018 um 07:20 UTC](https://forum.shopware.com/t/warenkorb-ausrufezeichen-versandkostenfreie-lieferung-icon-warning/54587/8 "2018-09-05T07:20:17Z")

</div>

Nur das die Lösung mittels CSS sehr dürftig ist.

Zusätzlicher Request (lies: nicht performant) und auch nicht beste Praxis. So sollte man nicht unter Shopware entwickeln.&nbsp;

Und ein Beispiel gebe ich mit Absicht nicht. Wo wäre dann der Lerneffekt?

---

<div class="post-metadata">

### Author: ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)
#### Post date: [5. September 2018 um 13:44 UTC](https://forum.shopware.com/t/warenkorb-ausrufezeichen-versandkostenfreie-lieferung-icon-warning/54587/9 "2018-09-05T13:44:10Z")

</div>

> [@BestShopPossible schrieb:](https://forum.shopware.com/profile/27701/BestShopPossible "BestShopPossible")
> 
> Nur das die Lösung mittels CSS sehr dürftig ist […]

Aha, Du vergisst aber, das man diese CSS Datei wieder in Shopware einbinden kann, sodass hinten dann wieder nur eine CSS Datei rauskommt. Von daher ist es mit der Dürftigkeit & dem zusätzlichen, wahnsinnigem Request dann auch schon wieder dahin. Beispiel findest Du sicherlich selber…&nbsp; ![Wink](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/wink.png "Wink")&nbsp;
