Eigenes png als Icon (Warenkorb, Benutzerkonto, Merkzettel)

Shopware 5 Themes & Design
5

Hallo,

wie hier schon erwähnt könntest du das bestehende Icon “ausblenden”, beispielsweise über:

.shop--navigation .navigation--entry.entry--cart .icon--basket::before {
    content: "";
}

und dann beispielsweise dich an das “< li >” - Element hängen und dort einen Background mit einem neuen Bild hinterlegen, beispielsweise über:

.shop--navigation .navigation--entry.entry--cart {
    background: rgba(0,0,0,0) url("pfad_zu_meinem_png_icon") no-repeat scroll .375rem .375rem;
    height: 2.125rem;
}

Die ganzen CSS-Anweisungen solltest du natürlich in einer eigenen LESS-Datei deines eigenen Themes ablegen, damit dann auch die Pfade etc passen. Die von mir angesprochene Lösung funktioniert so auch.

Beste Grüße

Sebastian