Ajouter des class "icon" font-awesome

[Empreinte]

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

[thomasharko]

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

[Empreinte]

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

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