Search the Community

Bonjour, J'ai effectué une mise à jour de 1.7.7 à 1.7.8 et les icons front awsome ne s'affichent plus. Auriez-vous une idée pour palier ce problème ? Merci beaucoup pour votre aide. Xavier https://mr-casse-tete.com

Hi everyone, I would like to put some Font Awesome icons on different pages of my website (product description, "About us", personalised bloc...) by just entering the code of the icon in the "source code". I have tried to put the link from the Font Awesome website (https://fontawesome.com/how-to-use/on-the-web/setup/getting-started?using=web-fonts-with-css) in the header.tpl (themes->classic->template->partials->header.tpl). But I don't know exactly where in the code. Is it the right way to do it ? or there are other ways to generate icons in the source code by just putting the icon code? Thanks in advance for your help!

Bonjour a tous Version PS 1.7.4.2 Je n'ai pas pu ajouter d'icônes, mais je n'ai pas pu ajouter d'icônes. En tout cas, je pensais pouvoir m'en souvenir en saisissant le code. <I class="material-icons">..</I> o <I class="fa fa-address-book"></I> <EM class="icon-truck" id="icon-truck"></EM> mais je n'ai pas réussi, je ne pouvais pas trouver de solutions qui fonctionnaient, la seule que je cherchais sur www.w3schools.com et j'ai essayé d'insérer tout le code d'exemple de curiosité c’est la première fois que Screen les directives SCREEN sont correctement affichées, mais si je lui donne l’accord et que je clique à nouveau dans le code source, je le vois et les icônes Screen disparaissent. Évidemment, je fais quelque chose de trivial, mais malheureusement, je me cogne la tête pendant quelques jours. Je demande si quelqu'un peut me recommander le code qui rappelle correctement les icônes d'une page écrite en HTML ou, mieux encore, quelques idées sur la manière d'intégrer les icônes. dans mon éditeur tinyMCE. J'espère que je me suis expliqué, en tout cas, je remercie tous ceux qui veulent participer à cette discussion à l'avance.

Hello to all, Versione PS 1.7.4.2 I need to recall the icons but I can not figure out how to do it, I have extended my tinyMCE editor but I have not been able to add the icons, in any case I thought I could recall them by entering the code <i class="material-icons">..</i> o <i class="fa fa-address-book"></i> <em class="icon-truck" id="icon-truck"></em> but I was not successful, I tried a lot before writing but I could not find solutions that worked, the only one (the last beach) I was looking for advice on www.w3schools.com and I tried to insert the whole curiosity example code present like this and inserting it a first time correctly displays the directives SCREEN but if I give ok and after clicking again in the source code I see this and the icons disappear. Obviously I'm doing something trivial but unfortunately I'm banging my head for a few days, I ask if anyone can recommend me which code correctly recalls the icons on a page written in html or better still some suggestions on how to integrate the icons in my tinyMCE editor . I hope I have explained myself, in any case I thank everyone who wants to participate in this discussion in advance.

Bonjour à tous, Je désespère, j'essaie depuis ce matin d'ajouter une icône au répertoire d’icône Font Awesome de mon Prestashop mais sans succès jusqu'ici... Est-ce que quelqu'un peut me donner une méthode ? J'essaie vraiment d'ajouter l’icône avec son code icône, je ne souhaite pas remplacer l’icône par une image d'une icône. Jusqu'ici j'ai tenté d'ajouter l’icône sur montheme/css/global montheme/css/fontawesome montheme/sass/_variable.scss montheme/sass/_icon.scss Mais rien n'y fait... Help svp Clément

Question pour un champion ... ou Pour un Noob Je cherche à comprendre comment fonctionne Font Awesome..??!! Dans Prestashop; ou est ce qu'on trouve tous les codes Font Awesome à insérer ??

Bonjour, Je modifie le thème (perso) de ma boutique. J'ai réussi à ajouter des icones Font Awesome dans mon nav. Tout va bien tant que le client n'est pas connecté Une fois connecté, l'icone se répête deux fois. Je voudrais changer la première. J'ai fait des essais dans le nav.tpl ou le blockuserinfo.css de mon thème en utilisant la classe "logout" mais ça ne marche pas. Quelqu'un aurait le début d'un indice pour moi ? C'est la dernière modification avant de pouvoir mettre mon nouveau thème en fonction. Merci d'avance ! Type d’install (nouvelle/MàJ) : MàJ Version de PS : 1.6.1.7 URL du site concerné : modification en local pour l'instant Thème (défaut/perso) : perso

Hola muchachada! Tengo un problema que es un poco "coñazo" Cuando activo el Smart Cache para los CSS me desaparecen los iconos de la web, como había leído que podía dar problemas tenía a mano este post: https://www.prestashop.com/forums/topic/442945-solucionado-no-salen-los-iconos-del-tema-prestashop-16/ Pero he seguido los pasos que indica y lo tengo todo como cuentan en el post salvo por una cosa... en el directorio /shop/themes/default-bootstrap/css/font-awesome/ yo tengo estos ficheros font-awesome-ie7.css font-awesome.css font-awesome.min.css y no tengo el fichero font-awesome.css.map alguna idea/sugerencia? Gracias por adelantado y Feliz Año Alberto

Hola a todos, soy nuevo tanto en prestashop como en el foro. He estado tocando algo prestashop en versiones anteriores. Hace poco instalé la versión 1.6.0.14 y como hice en versiones anteriores me dispuse a agregar un fondo en la cabecera para hacerla más atractiva, en concreto modifiqué el archivo themes/default-bootstrap/css/global.css en la línea 5474: #header { z-index: 5003; } Lo modifiqué por: #header { z-index: 5003; background: url("../img/fondo_cab.jpg") rgba(0, 0, 0, 0); background-repeat: repeat-x; } Al hacer este cambio aparece perfectamente el fondo en la cabecera pero mi sorpresa fue que los iconos font awesome desaparecen en todos lados. Si borro la modificación hecha en global.css y lo dejo como viene en la instalación original igualmente no se ven los iconos . Tengo que sustituir global.css por el archivo original de la instalación para volver a ver los iconos. He buscado en este foro y en otros y no consigo resolver este problema. Agradezco de antemano toda la ayuda que me podáis proporcionar.

Hello all, How can i edit my Sub-menu style from " Before.jpg " to " After.jpg "? Since i found a jQuery script code from vekia that to generate class to all <li> elements at blocktopmenu.tpl Unfortunately, i'm not really understand how to use font awesome, but i know the concept. Please see the attachment: The red area is my recent theme, and i want to change it more clean and functional. And here's my website link : http://kawamono.com Thank you very much if you can spent time to help me ~ P.s. below there is my superfish-modified.css /*** ESSENTIAL STYLES ***/ .sf-contener { clear: both; float: left; width: 100%; } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { position: relative; padding: 0; width: 100%; //border-bottom: 1px solid #e9e9e9; background: #ffffff; margin: 0 auto; } @media (max-width: 767px) { .sf-menu { display: none; } } .sf-menu ul { position: absolute; top: -999em; background: white; } @media (max-width: 767px) { .sf-menu ul { position: relative; } } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu > li { float: left; //border-right: 1px solid #d6d4d4; //margin-bottom: -3px; } @media (max-width: 767px) { .sf-menu > li { float: none; position: relative; border-right: none; } .sf-menu > li span { position: absolute; right: 6px; top: 20px; width: 30px; height: 30px; z-index: 2; } .sf-menu > li span:after { font-family: "FontAwesome"; content: "\f067"; font-size: 26px; } .sf-menu > li span.active:after { content: "\f068"; } } .sf-menu > li > a { font: 600 11px/13px "Open Sans", sans-serif; text-transform: uppercase; color: #484848; display: block; padding: 10px 15px; //border-bottom: 3px solid #e9e9e9; } .sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a { //background: #333333; border-bottom-color: #666666; color: #ff32ab; } .sf-menu li li li a { display: inline-block; position: relative; color: #777777; font-size: 13px; line-height: 16px; font-weight: bold; padding-bottom: 10px; } .sf-menu li li li a:before { content: "\f105"; display: inline-block; font-family: "FontAwesome"; padding-right: 10px; } .sf-menu li li li a:hover { color: #333333; } .sf-menu li ul { display: none; left: 0; top: 28px; /* match top ul list item height */ z-index: 99; padding: 12px 0px 18px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; } @media (max-width: 767px) { .sf-menu li ul { top: 0; } } .sf-menu li li ul { position: static; display: block !important; opacity: 1 !important; background: none; -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; -moz-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; } .sf-menu li li li ul { padding: 0 0 0 20px; } .sf-menu li li li ul { width: 220px; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 200px; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 200px; /* match ul width */ top: 0; } .sf-menu > li > ul { padding: 26px 30px 31px; width: 100%; } .sf-menu > li > ul > li > a { text-transform: lowercase; font: 600 11px/13px "Open Sans", sans-serif; color: #333333; } .sf-menu > li > ul > li > a:hover { color: #b1b1b1; } .sf-menu > li > ul > li { float: left; width: 20%; padding-right: 15px; } @media (max-width: 767px) { .sf-menu > li > ul > li { width: 50%; } } @media (max-width: 479px) { .sf-menu > li > ul > li { width: 100%; padding-bottom: 20px; } } @media (min-width: 768px) { .sf-menu > li > ul > li.first-in-line-lg { clear: left; } } @media (min-width: 480px) and (max-width: 767px) { .sf-menu > li > ul > li.first-in-line-xs { clear: left; } } .sf-menu > li > ul > li#category-thumbnail { width: 100% !important; float: none; clear: both; overflow: hidden; padding-right: 0; } .sf-menu > li > ul > li#category-thumbnail > div { float: left; padding-left: 10px; width: 33.333%; } @media (max-width: 479px) { .sf-menu > li > ul > li#category-thumbnail > div { width: 100%; padding-left: 0; padding-top: 10px; text-align: center; } } .sf-menu > li > ul > li#category-thumbnail > div:first-child { padding-left: 0; } .sf-menu > li > ul > li#category-thumbnail > div img { max-width: 100%; display: block; } .cat-title { display: none; } @media (max-width: 767px) { .cat-title { display: block; font: 600 18px/22px "Open Sans", sans-serif; text-transform: uppercase; color: #484848; display: block; padding: 17px 20px; border-bottom: 3px solid #e9e9e9; background: #f6f6f6; position: relative; } .cat-title:hover { background: #333333; border-bottom-color: #666666; color: white; } .cat-title:after { display: block; font-family: "FontAwesome"; content: "\f067"; position: absolute; right: 15px; top: 18px; font-size: 26px; } .cat-title.active:after { content: "\f068"; } } .sf-menu li.sf-search { border: none; } .sf-menu li.sf-search input { display: inline; padding: 0 13px; height: 30px; line-height: 30px; background: white; margin: 13px 10px 0 0; font-size: 13px; color: #9c9b9b; border: 1px solid #d6d4d4; }