Update 4.0 auf 4.01 > FontAwesome Icons fehlen in Evo-Child

[nmueller]

Moin,

nach dem Update zweier Shops von der 4.0 auf die 4.01 fehlen beim custom Evo-Child Template die FontAwesome-Icons.

Bin da gerade etwas ratlos - eine Idee, woran das liegen mag?
Die Pfade in der kompilierten Bootstrap.css sind identisch zu den Originalpfaden aus den JTL Templates, wo sie auch noch funktionieren.

Custom Template liegt unter

Evo-Child/themes/meins/

/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../../fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('../../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

 

[nmueller]

AW: Update 4.0 auf 4.01 > FontAwesome Icons fehlen in Evo-Child

hat sich erledigt. eine nacht drüber schlafen, dann ging das licht auf.

 

[ram1]

AW: Update 4.0 auf 4.01 > FontAwesome Icons fehlen in Evo-Child

Und wie immer in Foren zur Dokumentation... mögest Du auch andere erhellen die vielleicht gerade das Problem haben oder haben werden?

 

[sixhop]

AW: Update 4.0 auf 4.01 > FontAwesome Icons fehlen in Evo-Child

Hallo,

ich hatte auch dieses Problem bei einem meiner Kunden und bin dann darauf gekommen mal zu gucken ob die entsprechende Fontdatei überhaupt geladen werden kann. Ich hab's mit dem Firebug direkt gesehen, ihr könnt aber auch im Quellcode nach der CSS Datei suchen in der das font-face eingebunden wird und von dieser CSS Datei aus die URL rekonstruieren. Kleines Beispiel:

Bei mir kommt font awesome über die bootstrap.css, also habe ich diese Zeile gesucht.

<link type="text/css" href="templates/Evo-BM24/themes/bm24/bootstrap.css?v=1461142228" rel="stylesheet">

Die Datei habe ich im Browser geladen und dann den Pfad zu den Font Dateien gefunden.

@font-face {
  font-family: 'FontAwesome'; 
  src: url('../../fonts/fontawesome-webfont.eot?v=4.4.0'); 
  src: url('../../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg'); 
  font-weight: normal; 
  font-style: normal; 
}

D.h. bei mir muss die Font-Datei über diese URL erreichbar sein /templates/Evo-BM24/themes/bm24/../../fonts/fontawesome-webfont.eot?v=4.4.0 oder in der kurzen Version /templates/Evo-BM24/fonts/fontawesome-webfont.eot?v=4.4.0. Testet mal ob diese Datei auf eurem Shop erreichbar ist. Falls nicht, legt die Datei an die entsprechende Stelle.

Vielleicht hilft es ja dem ein oder anderen.

Viele Grüße
Andi

 

[mmarsching]

Moin,
nach dem Update zweier Shops von der 4.0 auf die 4.01 fehlen beim custom Evo-Child Template die FontAwesome-Icons.

AW: Update 4.0 auf 4.01 > FontAwesome Icons fehlen in Evo-Child

hat sich erledigt. eine nacht drüber schlafen, dann ging das licht auf.

Ich mache dann mal das, was man so macht, wenn man eine Lösung findet: Ich hatte nämlich das gleiche Problem.

Verglichen mit der bootstrap.css des Evo ist die Lösung einfach:

In der bootstrap.css des Evo-Child-Beispiels stehen falsche Verzeichnisse. Folgende zwei Zeilen brauchen ein "../" mehr:

  src: url('../../fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('../../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');

Korrekt muss es heissen:

  src: url('../../../fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('../../../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../../../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../../../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../../../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../../../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');

*tada.wav*

 

[Mirko.Schmidt User deaktiviert]

Es sollte eher die theme.less des Themes angepasst werden, da sonst beim neucompilieren der Fehler wieder auftritt.

 

[nmueller]

Wenn ich noch gewusst hätte, was das damals für ein Problem war, hätte ich's gepostet. Hab's aber mittlerweile vergessen, kann auch bei mir mal unter Zeitnot vorkommen 🙂