Zen Cart Logo
Forums / Upgrading to 1.5.x / After upgrade to 155f font-awesome-min.css not loading in admin

After upgrade to 155f font-awesome-min.css not loading in admin

Views: 1,620

Results 1 to 4 of 4
29 Nov 2018, 1:05 AM
#1
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,180
Plugin Contributions:
0

After upgrade to 155f font-awesome-min.css not loading in admin

php 7.1
155f upgrade from 155a

After upgrade i just see tiny squares for the icons when click on order then click on details.
font-awesome-min.css not loading the icons correctly

29 Nov 2018, 4:55 AM
#2
twitchtoo avatar

twitchtoo

Totally Zenned

Join Date:
Apr 2007
Location:
Ontario, Canada
Posts:
1,733
Plugin Contributions:
14

Re: After upgrade to 155f font-awesome-min.css not loading in admin

**Haredo!

Check:**

  • includes/templates/YOUR_TEMPLATE/css/stylesheet.css should read:
    @import url("css/font-awesome.min.css");
    /* @import url("//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"); */

  • the path to the link *aka *actual file on the server exists *and *is available publicly

  • there isn't a CSS control like !important on one of the text tags or content tags overwriting what font awesome is attempting to load

  • includes/templates/YOUR_TEMPLATE/html_header.php should read:

    <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
  • you're calling fa-bars (stock icon) like this:
    <i class="**fa fa-bars**"></i>

  • code errors very near the visual problem that would cause the code to half load or fail to load like this (missing the closing </i>):
    <i class="**fa fa-bars**">

  • try it on other browsers, mobile display emulators or your phone

  • FireFox may immediately identify the error or you can drill down and find it in the developer toolbox :)

Let me know how it goes :)

29 Nov 2018, 12:40 PM
#3
lat9 avatar

lat9

Administrator

Join Date:
Sep 2009
Location:
Stuart, FL
Posts:
14,097
Plugin Contributions:
56

Re: After upgrade to 155f font-awesome-min.css not loading in admin

@haredo, I've seen the same on another fresh installation of Zen Cart 1.5.5f, running PHP 5.6.38. The issue is that the .woff and .ttf files in the /admin/includes/fonts directory are being 'access-denied' (i.e. a 403 error).

Following @twitchtoo's lead (for the the admin, as you'd identified), edit the /admin/includes/stylesheet.css, towards the top, finding

@import url("css/font-awesome.min.css");
/* @import url("//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"); */

and changing to

/* @import url("css/font-awesome.min.css"); */
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

... essentially removing the ability to use off-line, but using the CDN-based version of the FA styling.

29 Nov 2018, 1:44 PM
#4
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,180
Plugin Contributions:
0

Re: After upgrade to 155f font-awesome-min.css not loading in admin

@Twitch
Thanks for the prompt response and the detailed explanation of the files which font-awesome touches with zen cart. All was checked and all looked good.

@lat9
As always on point, that was the correct fix. Now the icons appear after I made the change and cleared the cache! :smile:

Great now I can utilize my time to make sure all else in the upgrade looks correct.

Mark