Neue Icons für den JTL-Shop

[deepblue]

Hallo,

gerne möchte ich ein paar Icons von Font Awesome nutzen.

Wie bindet man soetwas sauber in den JTL-Shop mit ein?

Ist das so richtig? Wo muss das mit rein?

<link type="text/css" href="templates/Templatename/themes/font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" media="screen">

 

[WIMA Webdesign]

AW: Neue Icons für den JTL-Shop

Die Frage hattest du vor ein paar Monaten schonmal gestellt und ich hatte eine Anleitung dazu gepostet. Die Suche hätte dir dabei auch geholfen den Beitrag von dir zu finden

http://forum.jtl-software.de/templa...289-reduzierung-der-requests-im-jtl-shop.html

Viele Grüße
Mario

 

[deepblue]

AW: Neue Icons für den JTL-Shop

@mawi1

Vielen Dank für deine Nachricht! Deine Möglichkeit 1 werde ich nun umsetzen. Wenn so einen Harken einsetzen möchte,
wie kann ich den vergrößern?

.infobox {
    font-family: 'FontAwesome';
    padding-right: 5px;
    content: "\f00c";
    color: #090;
}

Wird das so geregelt mit Font-size: 16px; zum Beispiel?

 

[deepblue]

AW: Neue Icons für den JTL-Shop

Hallo,

habe nun den header_custom.tpl angepasst und das font-awesome eingebunden. Leider wird mir auf der CMS Seite bei den Aufzählungszeichen der grüne Haken nicht angezeigt.

Ihre Vorteile

Hat jemand eine Idee was ich hier falsch gemacht habe?

 

[casim]

AW: Neue Icons für den JTL-Shop

ich sehe ihn .. aber nur wenn ich für deine domäne javascript zulasse 😀

 

[deepblue]

AW: Neue Icons für den JTL-Shop

Hab es hinbekommen. Hatte in der header_custom.tpl den Pfad falsch angegeben! =)

 

[deepblue]

AW: Neue Icons für den JTL-Shop

Hallo,

nun habe ich doch noch eine Frage zu FontAwesome. Ich habe die Dateien auf den Server kopiert und die CSS auch richtig eingebunden.
Die gewüschten Icons werden auch angezeigt. Wenn ich jetzt aber die Templatekomprimierung einschalte, sind meine Font-Awesome Icons weg bzw. werden nicht richtig angezeigt.

Woran kann das liegen?

 

[martinwolf]

AW: Neue Icons für den JTL-Shop

Könnte an der min-Version von FontAwesome liegen. Nimm mal die normale davon. Dieses Problem ist mir bei JS Dateien schon aufgefallen wenn die minified Versionen davon verwendet wurden.

 

[deepblue]

AW: Neue Icons für den JTL-Shop

@martinwolf

Leider funktioniert das mit der anderen CSS Datei ohne min auch nicht. Habe auch Cache und alles vorher gelöscht. Sobald die Komprimierung des Templates eingeschaltet wird sind die Icons nicht mehr sichtbar.

 

[MBesancon]

AW: Neue Icons für den JTL-Shop

Wenn du deine zusätzlichen CSS-Dateien innerhalb der {if}-Abfrage integriert hast die darauf prüft ob die Komprimierung eingeschaltet ist, also nach der Zeile

{if $Einstellungen.template.general.use_minify == 'N'}

und vor dem {else}, dann wird deine CSS-Datei nicht mehr geladen sobald du die Komprimierung aktivierst. Du kannst deine CSS-Datei entweder ausserhalb dieser Bedingung einbinden (was aber dann für die Komprimierung ziemlich mies ist) oder aber deine CSS-Datei in der "template.xml" beim jeweils verwendeten Theme hinzufügen. Wenn du z.B. das "custom"-Theme verwendest musst du die "template.xml" im Bereich von

<CSS Name="custom.css">

um einen Eintrag mit deiner CSS-Datei erweitern. Das heisst es muss eine weitere Zeile wie

<File Path="PFAD-ZU-DEINER-CSS-DATEI"/>

eingetragen werden. Dann sollte es mit deinen Icons auch bei aktiver Komprimierung funktionieren.

 

[deepblue]

AW: Neue Icons für den JTL-Shop

@Besancon

Kurze Rückmeldung: Dein Weg brachte die Lösung. Nur so ist es mit Komprimierung möglich die Zeichen von Font-Awesone darzustellen. Habe es genau so
implementiert die du es oben angegeben hast. Also es funktioniert in allen Browsern mit aktivierter Template komprimierung.

Vielen Dank nochmals für deine Hilfe. *TOP