Eigene Icons verwenden

[Katja-LanaKK]

Hallo!

Ich möchte gern unsere bisherigen Icons durch welche ersetzen, die wir selbst gestaltet haben.
Mein Problem ist, ich finde im Code nicht die richtige Stelle, wo ich einen eigenen Bildlink hinterlegen kann.
Kann mir hier jemand helfen?
Es geht um Icons wie Warenkorb, Account, Suche, in der Menüzeile und unten im Policy Block:

Nutzen das Bicycle-1.0.0-sections-ready Theme (Ella)

[Gabe]

Hi Katja! @Katja-LanaKK 

Wow, das Ella Theme is ein tolle Wahl, Hut ab! Ihr wollt aber diese Icons zu euren eigenen Icons ändern, ist das richtig?

Diese Icons im Ella Theme zu ändern verlangt eine umfassende Programmierung über mehrere liquid Dateien und hier rate ich den Service eines Experten wie Mario (@r8r oder @tewe) oder www.taskhusky.com zu verwenden. Die Ella Entwickler können da ggf. auch helfen wenn du sie hier anschreibst.

Falls du es lieber doch DIY (do-it-yourself) machen möchtest, habe ich weitere Ressourcen zu diesem Thema hier gefunden:

• Weitere Community Leitfäden zum Thema Cart und Account Icons ändern

[Katja-LanaKK · Accepted solution]

Hey Gabe!

Danke für Deine schnelle Antwort. 😊

Mittlerweile konnte ich selbst einiges herausfinden bezüglich der Icons.
Für die Icons bei "Mein Account" und "Einkaufswagen" habe ich den Code bearbeitet.
Für "Mein Account" ins icon_user.liquid  einfach ein Imagetag: <img src="https://cdn.shopify.com/s/files/1/0024/1883/5519/files/Mein_Konto_braun.png?v=1614926038" alt="Mein Konto"> 
Für den Einkaufswagen das gleiche in icon-cart.liquid, für die Suche icon-search.liquid.

In der Menüzeile und dem Policy Block wars eigentlich noch einfacher als gedacht. Dort kann man direkt über "Anpassen" den Imagetag bei Icon #01, Icon #02 ...usw. eintragen:

Ich dachte irgendwie man muss zwangsläufig auch im Code etwas ändern um da ran zu kommen - zu kompliziert gedacht. 😁

[Gabe]

@Katja-LanaKK 

Du bist offensichtlich ein Power-User also Respekt! Gut gemacht...

[Lottaswunsch]

Hallihallo,

leider bin ich mal so gar kein PowerUser - hätte aber genau das gleiche Problem. Im Theme Highlight würde ich ebenfalls gerne die Zeichen für Warenkorb und Suche ändern.

Und zwar in die folgenden Icons:

https://lottaswunsch-my.sharepoint.com/:i:/g/personal/diana_lottaswunsch_de/Ec_1SCpIr9dFjNr_Vv69FhsB...

https://lottaswunsch-my.sharepoint.com/:i:/g/personal/diana_lottaswunsch_de/EYlvfsrJVQFIjYFv4ROPkPIB...

Ich würde mich sehr über Hilfe freuen! Daaaaaaaankeeeeeee!

[Gabe]

@Lottaswunsch 

Je nach Theme kann man sowas mit den folgenden Schritten ausführen aber bitte das mit einem Experten (siehe oben) und in einer Theme-Kopie zuerst. Gehe in das icon-cart.liquid und ersetze den <img src="https....> mit deinem neuen <img src=https...> 

Dann ganz unten im theme.css den folgenden code einsetzen um die Icon Größe zu korrigieren:

 .site-header__cart img {
width: 25px;height: 25px; 

 }  

• Siehe mehr dazu hier.