Jump to content
Empreinte

Ajouter des class "icon" font-awesome

Recommended Posts

Bonjour à tous,

je viens de mettre à jour le pack d'icônes Font Awesome dans mon presta 1.6.14, vers la version 4.7.0

tout fonctionne bien je peux utiliser les nouvelles icônes dans mes feuilles de styles css sous la forme content: "\f290"; (par exemple),

 

cependant je rencontre une difficulté lorsque que je veux les utiliser sous forme de class de la balise <i>

 

<i class="icon-shopping-bag"></i>

 

(pour l'intégrer directement dans le code d'un fichier tpl par exemple)

 

En effet les class des nouvelles icônes n'existent pas dans la feuille de style global.css il faudrait donc pouvoir les créer,

par exemple :

 

.icon-shopping-bag:before {
  content: ""; }

 

est ce que quelqu'un l'a déjà fait et connait la manip ?

 

j'en profite pour exposer un autre problème que je rencontre par rapport au codage de ces class d'icônes intégrées dans la global.css de Presta…

je bosse avec Dreamweaver et lorsque que j'enregistre les modifs que j'ai fait dans global.css, le carré entre les guillemets disparait (comme dans l'exemple ci-dessous) et du coup les icônes Fonte-awesome ne s'affiche plus…

 

.icon-shopping-bag:before {
  content: ""; }

 

je ne comprends pas bien pourquoi l'équipe de Presta à modifié l'encodage classique du genre "\f290" par "", je suis un peu perdu et j'avoue que j'aimerai bien comprendre pour pouvoir utiliser Font Awesome sans problème :(

 

merci à tous pour le partage

Thierry

post-357892-0-18581300-1497433699_thumb.png

post-357892-0-28644600-1497433709_thumb.png

Share this post


Link to post
Share on other sites

Bonjour,

Vous avez essayé avec

<i class="fa fa-shopping-bag"></i>

 

J'ai vu certains thèmes appeler les icônes de cette manière

Bonne soirée

Share this post


Link to post
Share on other sites

oui j'ai essayé ça mais sans résultat,

 

il faudrait pouvoir poser la question directement au dev pour comprendre l'intérêt de "transformer" le code de Fonte-Awesome pour son intégration dans Prestashop. Je ne sais s'il y a moyen de contacter directement l'équipe technique, j'imagine que non sinon ils passeraient leurs journées à répondre aux mails :D

J'ai pris du temps pour chercher plus dans le détail sur le forum international et il y a énormément de problèmes liés à l'intégration de FA faite par Presta :

https://www.prestashop.com/forums/topic/481359-version-1612-global-css-missing-font-awesome-references/?hl=%2Bfont+%2Bawesome

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More