# Checkout: Zahlungsarten Icons fehlen, bzw. falsch sortiert

**URL:** <https://forum.shopware.com/t/checkout-zahlungsarten-icons-fehlen-bzw-falsch-sortiert/57062>\
**Category:** Themes & Design\
**Created:** [13. Dezember 2018 um 16:10 UTC](https://forum.shopware.com/t/checkout-zahlungsarten-icons-fehlen-bzw-falsch-sortiert/57062 "2018-12-13T16:10:11Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![m23](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/m23/32/13275_2.png) [@m23](https://forum.shopware.com/u/m23)\
**Post date:** [13. Dezember 2018 um 16:10 UTC](https://forum.shopware.com/t/checkout-zahlungsarten-icons-fehlen-bzw-falsch-sortiert/57062/1 "2018-12-13T16:10:11Z")

</div>

Hallo,

bei der Auswahl der Zahlungsart fehlen bei uns 2 Icons (Sofort, Vorkasse) und die Icons des Stripe-Plugins stehen an der falschen Stelle (siehe Anhang). Kann mir jemand sagen, wie ich das beinflussen kann? Danke vorab für Eure Hinweise!

![](https://img.picload.org/image/dclwcalp/bildschirmfoto2018-12-13um17.0.png)

---

<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:** [13. Dezember 2018 um 16:19 UTC](https://forum.shopware.com/t/checkout-zahlungsarten-icons-fehlen-bzw-falsch-sortiert/57062/2 "2018-12-13T16:19:05Z")

</div>

Sortieren kannst Du die Zahlungsarten eigentlich hier:

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/0/01fc99145a28159cbb0dbc886ed16d497b4e14b1.png)

Und wenn Dir ein Icon dort fehlt, würde ich erst mal mit den Browser DEV Tools dort nachschauen, ob es vielleicht eingbunden ist bzw. wo der Pfad des Bildes genau ist!? Wenn es tatsächlich nicht eingebunden wurde, kannst Du über das Feld \_ **Zusätzliche Beschreibung** \_ auch noch nachträglich Icons dort hin pflanzen. Schau einfach im Paypal Plugin, wie sie es gemacht haben!

---

<div class="post-metadata">

**Author:** ![m23](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/m23/32/13275_2.png) [@m23](https://forum.shopware.com/u/m23)\
**Post date:** [13. Dezember 2018 um 16:27 UTC](https://forum.shopware.com/t/checkout-zahlungsarten-icons-fehlen-bzw-falsch-sortiert/57062/3 "2018-12-13T16:27:40Z")

</div>

Danke - bei den unteren beiden Zahlungsarten ist erst die Beschreibung, dann das Icon. Das meinte ich mich falsch herum 😉

---

<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:** [13. Dezember 2018 um 16:43 UTC](https://forum.shopware.com/t/checkout-zahlungsarten-icons-fehlen-bzw-falsch-sortiert/57062/4 "2018-12-13T16:43:16Z")

</div>

Okidoki… ![Grin](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/70033cde8e8ff79cfa538293ae71318d6f788423.png "Grin")

---

<div class="post-metadata">

**Author:** ![m23](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/m23/32/13275_2.png) [@m23](https://forum.shopware.com/u/m23)\
**Post date:** [13. Dezember 2018 um 18:00 UTC](https://forum.shopware.com/t/checkout-zahlungsarten-icons-fehlen-bzw-falsch-sortiert/57062/5 "2018-12-13T18:00:42Z")

</div>

Also noch mal zur Klarstellung. Mal kommt das Zahlungsart-Icon dann die Beschreibung. Bei Apple-Pay /Stripe ist dort zuerst die Beschreibung, dann das Zahlungsart-Icon. Lässt sich das irgendwo updatesicher beinflussen?

---

<div class="post-metadata">

**Author:** ![malzfons](https://avatars.discourse-cdn.com/v4/letter/m/58956e/32.png) [@malzfons](https://forum.shopware.com/u/malzfons)\
**Post date:** [13. Dezember 2018 um 19:52 UTC](https://forum.shopware.com/t/checkout-zahlungsarten-icons-fehlen-bzw-falsch-sortiert/57062/6 "2018-12-13T19:52:56Z")

</div>

Irgendwelche Plugins im checkout im Einsatz oder eigene Anpassungen gemacht?

---

<div class="post-metadata">

**Author:** ![m23](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/m23/32/13275_2.png) [@m23](https://forum.shopware.com/u/m23)\
**Post date:** [13. Dezember 2018 um 19:59 UTC](https://forum.shopware.com/t/checkout-zahlungsarten-icons-fehlen-bzw-falsch-sortiert/57062/7 "2018-12-13T19:59:56Z")

</div>

Nein, im Checkout sind keinerlei Plugins im Einsatz, bis auf eben PayPal, Sofort und Stripe.

---

<div class="post-metadata">

**Author:** ![m23](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/m23/32/13275_2.png) [@m23](https://forum.shopware.com/u/m23)\
**Post date:** [20. Dezember 2018 um 08:12 UTC](https://forum.shopware.com/t/checkout-zahlungsarten-icons-fehlen-bzw-falsch-sortiert/57062/8 "2018-12-20T08:12:11Z")

</div>

Hat niemand einen Tipp, wie ich die Reihenfolge anpassen kann? Es sollen immer links die Bezahlicons, rechts daneben die Beschreibung erscheinen. Die beiden Kandidaten über Stripe machen da Probleme. Vielen Dank für Hinweise!

&nbsp;

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/4/46d13317e0316e1f4616ab4ec1f92479350a9aa8.png)

---

<div class="post-metadata">

**Author:** ![shopyphus](https://avatars.discourse-cdn.com/v4/letter/s/71c47a/32.png) [@shopyphus](https://forum.shopware.com/u/shopyphus)\
**Post date:** [20. Dezember 2018 um 08:24 UTC](https://forum.shopware.com/t/checkout-zahlungsarten-icons-fehlen-bzw-falsch-sortiert/57062/9 "2018-12-20T08:24:12Z")

</div>

@Murmeltier‍ schon empfohlen, die&nbsp;\_ **Zusätzliche Beschreibung** \_ zu untersuchen und ggfs. anzupassen? Ich habe gesehen, dass die Reihenfolge der Angaben (Bild / Beschreibung) nicht einheitlich ist, aber eine Umstellung möglich sein sollte. Habe es allerdings nicht selbst ausprobiert.

---

<div class="post-metadata">

**Author:** ![m23](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/m23/32/13275_2.png) [@m23](https://forum.shopware.com/u/m23)\
**Post date:** [20. Dezember 2018 um 09:33 UTC](https://forum.shopware.com/t/checkout-zahlungsarten-icons-fehlen-bzw-falsch-sortiert/57062/10 "2018-12-20T09:33:16Z")

</div>

@shopyphus‍ im Quelltext erscheint lediglich eine leere Klasse, z.B.

Die Zusätzliche Beschreibung ändert daran nichts, sondern kümmert sich bei aktivierter Zahlungsart um die zusätzliche Beschreibung, nicht um das Logo. Es muss doch eine Möglichkeit geben, die o.g. Klasse zu nutzen (ohne CSS-Pseudo-Klassen).

---

<div class="post-metadata">

**Author:** ![FrankBartsch](https://avatars.discourse-cdn.com/v4/letter/f/e0b2c6/32.png) [@FrankBartsch](https://forum.shopware.com/u/FrankBartsch)\
**Post date:** [30. März 2019 um 15:22 UTC](https://forum.shopware.com/t/checkout-zahlungsarten-icons-fehlen-bzw-falsch-sortiert/57062/11 "2019-03-30T15:22:13Z")

</div>

Konntest du das Problem lösen ? Komme da zur Zeit auch nicht weiter.

---

<div class="post-metadata">

**Author:** ![m23](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/m23/32/13275_2.png) [@m23](https://forum.shopware.com/u/m23)\
**Post date:** [23. Januar 2020 um 08:52 UTC](https://forum.shopware.com/t/checkout-zahlungsarten-icons-fehlen-bzw-falsch-sortiert/57062/12 "2020-01-23T08:52:11Z")

</div>

Ich glaube, wir haben das damals dann doch über Pseudoklassen gelöst, weil ein anderer Weg nicht möglich war.

---

<div class="post-metadata">

**Author:** ![rockie667](https://avatars.discourse-cdn.com/v4/letter/r/91b2a8/32.png) [@rockie667](https://forum.shopware.com/u/rockie667)\
**Post date:** [1. Januar 2021 um 13:43 UTC](https://forum.shopware.com/t/checkout-zahlungsarten-icons-fehlen-bzw-falsch-sortiert/57062/13 "2021-01-01T13:43:22Z")

</div>

Hallo, kannst Du bitte mal kurz beschreiben, wie Du es denn jetzt geschafft hast, die Icons anzuzeigen? Ich steh vor dem selben Problem und hätte mich deshalb gefreut, wenn Du geschrieben hättest, wie Dein Lösungsweg aussieht.

Vielen Dank!

---

<div class="post-metadata">

**Author:** ![m23](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/m23/32/13275_2.png) [@m23](https://forum.shopware.com/u/m23)\
**Post date:** [1. Januar 2021 um 14:11 UTC](https://forum.shopware.com/t/checkout-zahlungsarten-icons-fehlen-bzw-falsch-sortiert/57062/14 "2021-01-01T14:11:11Z")

</div>

```
.payment--method-logo.payment_logo_prepayment {
    max-width: 142px;
    height: 40px;
    width: 100%;
    background-image: url('...');
    background-repeat: no-repeat;
}

```

Das mal als Beispiel für das Vorkasse-Icon. So kannst Du das für alle Bezahlarten erweitern.

---

<div class="post-metadata">

**Author:** ![rockie667](https://avatars.discourse-cdn.com/v4/letter/r/91b2a8/32.png) [@rockie667](https://forum.shopware.com/u/rockie667)\
**Post date:** [2. Januar 2021 um 01:02 UTC](https://forum.shopware.com/t/checkout-zahlungsarten-icons-fehlen-bzw-falsch-sortiert/57062/15 "2021-01-02T01:02:40Z")

</div>

Riesig - superlieben Dank!&nbsp; ![Thumb-Up](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/thumb-up.png "Thumb-Up")&nbsp; ![Smile](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/smile.png "Smile")
