Icons ändern

[Aniela]

Hallo,

ich habe eine kurze Frage, mit der mir hoffentlich jemand helfen kann. Ich würde gerne die Anrufmöglichkeit aus dem Top-Menu durch eine Email-schreiben Option austauschen. Das heißt das Icon durch das Email-Icon ersetzen und dann statt "Rufen Sie mich an" "Schreiben Sie mir". Ich hab schon circa 10 css Dateien durchsucht, aber finde die richtige nicht. Weiß jemand vielleicht wo ich das ändern kann?

 

Liebe Grüße und vielen Dank!

[Claudiocool]

Das sind awesome-fonts, da musst du dann nur das entsprechende Zeichen austauschen.

[Aniela]

Vielen Dank! Weißt du zufällig die Datei, ich hab schon bei ein paar versucht das icon durch das email-icon auszutauschen und dann hat die komplette Seite nicht mehr geladen

[Shad86]

Um welche Shopversion geht es dabei denn?

Den Text selber kannst du in den Übersetzungen ändern. Das Icon wahrscheinlich in einer .tpl Datei. Dann müsste man sich aber auch irgendwo den "Code" für das Mail Icon raussuchen.

Wenn du vielleicht sogar einen Link zum Shop hast (falls der nicht im Wartungsmodus ist) kann man sich das ja mal ansehen.

[Aniela]

Das wäre toll. Hier ist mein Shop: https://www.kawaii-bastelshop.de/

Er ist Version 1.6.0.7

Der Code wäre icon-envelope-alt.

Ich hatte schon viele Dateien durchsucht und den Code ausgetauscht, was jedes mal die Seite komplett zerschossen hat. Was mich sehr wundert, weil das ja keine funktionellen Auswirkungen haben sollte.

[Claudiocool]

du meinst den Umschlag in den header statt des Hörers?

Da such mal nach "icon-phone" und tausche es gegen "icon-envelope-alt" aus. Am besten geht es in einer lokalen Kopie, da findest du alle Stellen, wo es vorkommt und kannst es dann tauschen.

vermutlich in default-bootstrap/modules/blockcontact/nav.tpl

Edited April 11, 2018 by Claudiocool (see edit history)

[Claudiocool]

Und dann musst du nur noch die Übersetzung anpassen oder einen Maillink einbauen... je nachdem halt....

[Whiley]

Hallo Aniela,

du öffnest die global.css in dem Ordner

/themes/default-bottstrap/css

So bei Zeile 4400 herum findest du so etwas:

.icon-phone:before {
  content: ""; }

das änderst du ab in :

.icon-phone:before {
  content: "\f0e0"; }

Cache leeren nicht vergessen

Grüsse
Whiley

[Claudiocool]

Ööööööh.... in der Global würde ich da eher nicht dran gehen, weil es unter Umständen dann an anderer Stelle auch wirkt. In der nav.tpl ist es meiner Meinung nach sinnvoller.

[Whiley]

Na, das war doch gerade der Grund warum in der global.css.

Das Zeichen kommt in Anielas Shop tatsächlich noch ein zweites mal vor,  und dort soll es sicher auch gleich getauscht werden, der Text der dahinter steht  lautet: Ihr habt Fragen zu Produkten? Dann schreibt einfach an i...

 

[Claudiocool]

Grundsätzlich bin ich da bei dir, aber wenn man dann doch eines der beiden Dinger wieder anders haben will, fängt man an zu suchen, vor allem, weil man dann das icon nicht mehr so leicht im Template findet...

Da hat dann jeder so seine Vorlieben, es zu ändern. In der Global ändere ich normal nie was, sondern hänge eine Kopie des zu ändernden Teiles hintendran, versehe es mit einem anderen Namen und ändere dann den Aufruf im Template. CSS-Dateien sind für mich Bibliotheken, spätestens, wenn mal ein Modulautor sich da bedient, geht sonst der Stress los

Hier muss aber jeder für sich entscheiden, wie er es macht, letztendlich kommt man sowieso nicht drumherum, seine Änderungen zu dokumentieren, um später nicht irgendwann den Überblick zu verlieren. Beim Presta gehts noch einigermaßen, aber bei unserem alten Shop war eigentlich nichts mehr original, und da suchst du dich dann zu Tode, weil dann auch naturgemäß niemand mehr helfen kann, wenn später Funktionsprobleme an die Oberfläche kommen