[Gelöst] Customer Loyalty and Rewards Icon ändern

[Khalid61]

Hallo zusammen,

 

ich möchte das Standart Flaggen-Icon von dem Modul: "Customer loyalty and rewards" ändern. (siehe Anhang)

 

Wie kann ich das am Besten bewerkstelligen? 

 

Grüße

[Khalid61]

Keiner eine Idee?

[kulli]

soweit ich mich erinnern kann ist es keine Grafik sondern ein webfont "FontAwesome"

wie und wo das definiert ist müsste man suchen.....

[Khalid61]

Hallo kulli,

 

danke für die Antwort. Ja, dass habe ich mir auch schon gedacht.

Ich habe bereits auch danach gesucht, allerdings habe ich nichts finden können, habe aber auch nicht wirklich Ahnung von Quellcodes.

 

Vielleicht kann einer mir hier weiterhelfen.

 

Wenn ich wüsste wo das steht, dann könnte ich mir auch ein passenderes icon aussuchen.

Edited March 12, 2016 by Khalid61 (see edit history)

[Whiley]

Eine Auflistung der Icons findest du hier:

http://fortawesome.github.io/Font-Awesome/3.2.1/icons/#new

 

Ändern kannst du das in der  product.css dort findest du:

 

#product p#loyalty:before {
    content: "\f024";
    font-family: "FontAwesome";
    color: #cfcccc;
    font-size: 26px;
    line-height: 28px;
    position: absolute;
    top: 16px;
    left: 0; }

 

 

Grüsse

Whiley

[Khalid61]

Hey Whiley, du bist der Hammer!!! Genau das habe ich gesucht, hat geklappt, ich danke Dir. 

 

EDIT: Eine Frage noch dazu, im Kundenbereich muss ich das auch noch ändern, die hängt aber nicht mit der Einstellung zusammen.

Wo kann ich das ändern? In der selben CSS Datei konnte ich nichts dazu finden.

 

Grüße

Khalid

Edited March 13, 2016 by Khalid61 (see edit history)

[Whiley]

 

EDIT: Eine Frage noch dazu, im Kundenbereich muss ich das auch noch ändern, die hängt aber nicht mit der Einstellung zusammen.

In der Datei

\themes\default-bootstrap\modules\loyalty\views\templates\hook\my-account.tpl

 

findest du "icon-flag"

 

Die icons sind definiert in der global.css so irgendwo bei Zeile 4050

 

Grüsse

Whiley

[Khalid61]

Hmm... ich möchte stattdessen "icon-star" verwenden aber nachdem ich das in my-account.tpl und in global.css geändert habe, ist das icon nun ganz weg.

[Khalid61]

Hey Whiley, hast du eine Ahnung, was ich falsch gemacht haben könnte?

 

Grüße

[Whiley]

Wenn du icon-star anzeigen willst mußt du nichts in der global.css ändern, dort ist die Definition ja schon vorhanden.

 

Also nur die Änderung in der my-account.tpl machen:

 

<li class="loyalty">
    <a href="{$link->getModuleLink('loyalty', 'default', ['process' => 'summary'], true)|escape:'html':'UTF-8'}" title="{l s='My loyalty points' mod='loyalty'}" rel="nofollow"><i class="icon-star"></i><span>{l s='My loyalty points' mod='loyalty'}</span></a>
</li>

 

Das Ergebnis:

 

 

Grüsse

Whiley

[Khalid61]

Das ist sehr komisch, genau so mach ich das auch. Dennoch ist die blöde Flagge noch da. Ich weiss nicht warum das bei dir klappt.

[Khalid61]

Auch im Einkaufskorb erscheint nur die Flagge :/

[Whiley]

Auch im Einkaufskorb erscheint nur die Flagge :/

Auch hier wieder in der betroffenen tpl das icon-flag gegen icon-star tauschen. Also in dem Fall in :

 

/themes/default-bootstrap/modules/loyalty/views/templates/hook/shopping-cart.tpl

 

Damirt die Änderung sichtbar wird wie immer unter "erweiterte Einstellungen -->Leistung"

Smarty neu kompillieren und Cache löschen

 

Grüsse

Whiley

[Khalid61]

*daumenhoch* Cache löschen war des Rätsels Lösung. Vielen Dank nochmal!!

[Claudiocool]

Sehr gute Anleitung, jetzt ist es so, wie ich es wollte

 

thx@whiley