f8dev Posted June 2, 2014 Share Posted June 2, 2014 Can anyone help point to somewhere we can find out how to use font awesome icons, and what icons are used in prestashop 1.6 I have added the following icons as a test in my header.tpl file <i class="icon-truck" id="icon-truck"></i> <i class="fa fa-flickr"></i> <i class="fa fa-eur"></i> <i class="fa fa-heart"></i> <i class="fa fa-camera-retro"></i> None of the icons work except the truck? any ideas? Link to comment Share on other sites More sharing options...
Dh42 Posted June 2, 2014 Share Posted June 2, 2014 You have to define the icons in the css, then you can use them as css classes. Like this http://screencast.com/t/8itOjeyNu Link to comment Share on other sites More sharing options...
f8dev Posted June 2, 2014 Author Share Posted June 2, 2014 Thanks for the help, I thought that but I can't find the content that goes with the icons on http://fortawesome.github.io/Font-Awesome/ where can I find them? Link to comment Share on other sites More sharing options...
Dh42 Posted June 2, 2014 Share Posted June 2, 2014 Click on the icon from font awesome and it is next to the name on the page, http://fortawesome.github.io/Font-Awesome/icon/shopping-cart/ that one corresponds with the image above. Link to comment Share on other sites More sharing options...
f8dev Posted June 2, 2014 Author Share Posted June 2, 2014 Thats definately hard to spot Thank You Link to comment Share on other sites More sharing options...
dioniz Posted June 2, 2014 Share Posted June 2, 2014 Here you have whole Fontawesome cheatsheet. Use last four characters for content Link to comment Share on other sites More sharing options...
nocturnal Posted June 11, 2014 Share Posted June 11, 2014 I'm trying to add Font Awesome's 'tree' icon, fa-tree [] I've tried to do this by tracking down every instance of the Font Awesome leaf icon in my code. (I know the leaf icon works) and duplicating the leaf code, then adding the tree's numbers 'f1bb' and changing 'leaf' to 'tree', but leaving everything else the same. (This is how you have to do it when you're a self-taught coder!) Still my tree is not appearing. All that appears is that little box, with 'f1bb' written inside it. So I know I'm doing something right because that's the tree's 4-digit code. But no tree picture. Font Awesome's manual says I have to add this line in somewhere<i class="fa fa-tree"></i> fa-tree But where should I put it? Many thanks to all those who have patiently and generously answered my previous questions and thanks in advance for an answer to this. Link to comment Share on other sites More sharing options...
dioniz Posted June 11, 2014 Share Posted June 11, 2014 Prestashop is using FontAwesome 3.2.1 Tree icon is new in FontAwesome 4.1 See here: http://fortawesome.github.io/Font-Awesome/whats-new/ 1 Link to comment Share on other sites More sharing options...
nocturnal Posted June 11, 2014 Share Posted June 11, 2014 Prestashop is using FontAwesome 3.2.1 Tree icon is new in FontAwesome 4.1 See here: http://fortawesome.github.io/Font-Awesome/whats-new/ Aha! Thank you, as ever, dioniz! Link to comment Share on other sites More sharing options...
WSH90 Posted July 13, 2014 Share Posted July 13, 2014 (edited) Can anyone help point to somewhere we can find out how to use font awesome icons, and what icons are used in prestashop 1.6 I have added the following icons as a test in my header.tpl file <i class="icon-truck" id="icon-truck"></i> <i class="fa fa-flickr"></i> <i class="fa fa-eur"></i> <i class="fa fa-heart"></i> <i class="fa fa-camera-retro"></i> None of the icons work except the truck? any ideas? Hi, please refer to my replyfrom this link for solution. Edited July 15, 2014 by WSH90 (see edit history) Link to comment Share on other sites More sharing options...
Recommended Posts