Modificar iconos Font Awesome en plantilla  

 
José Miguel
 José Miguel
Usuario eminente

Muy buenas!

Andaba configurando el menu vertical de categorías de la nueva version de una de mis tiendas online, y acabo de enterarme de la existencia de los iconos via font awesome, al verlos en como campo a inreoducir en la configuracion de cada elemento del menu.

El caso es que no se muy bien como usar algunos que me interesan, y al parecer en los archivos que trae la plantilla, no deben estar, ya que cuando introduzco el codigo "fas fa-solar-panel", por ejemplo, no aparece.

He buscado donde pueden estar los archivos relacionados con estos iconos en los directorios del prestashop, y he encontrado unos que podrían ser, en la siguiente ruta:

/public_html/XXX/themes/_libraries/font-awesome

Dentro de esta carpeta hay una carpeta css y otra fonts.

Aqui hay los siguientes archivos:

  • font-awesome.css
  • font-awesome.min.css

en la carpeta css, y

  • fontawesome-webfont.eot
  • fontawesome-webfont.svg
  • fontawesome-webfont.ttf
  • fontawesome-webfont.woff
  • fontawesome-webfont.woff2
  • FontAwesome.otf

en la carpeta fonts.

He descargado un archivo rar desde la web de Font Awesome, en https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself

Y dentro de este archivo encuentro:

Link a post de foro, solo visible a usuarios registrados

En la carpeta css y en webfonts hay unos archivos muy similares a los de mi plantilla, con otro nombre (excepto FontAwesome.otf, que no he encontrado nada parecido en el pack)

La pregunta es:

¿Que tengo que hacer para actualizar el pack de fuentes awesome que traiga mi plantilla?

He sustiuido temporalmente los de la plantilla por estos que he descargado, poniendoles el mismo nombre, pero el icono que os decía sigue sin aparecer, así que lo he dejado todo como estaba.

¿Qué tendría que hacer para actualizar los iconos de la plantilla?

Gracias por adelantado.

 

 

 

 

Citar
Respondido : 24/03/2020 7:23 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Miembro Moderator

Hola

Cual es la url de tu sitio web para verificar lo que comentas?

Ten en cuenta que este cambio deberías hacerlo a nivel de los archivos de tu theme, si tu theme es de pago consulta con los desarrolladores, pero según lo que veo si es un "fas" es posible que agregues un archivo más que reemplazar el que tienes.

Sin embargo si sólo son algunos iconos los que quieres utilizar mejor usar la versión svg en lugar de cargar toda la fuente y archivos, desde aqui puedes bajar la versión de imagen svg:

https://fontawesome.com/icons/solar-panel?style=solid

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 24/03/2020 8:20 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

José Miguel
 José Miguel
Usuario eminente

Link a post de foro, solo visible a usuarios registrados

La web está aqui:

http://solarmat-cp61.wordpresstemporal.com/PS2/

Si te fijas en el menu izquierdo, la segunda categoría no tiene icono, porque le he configurado uno que parece que no tiene.

El theme es Revo: http://ps.flytheme.net/themes/sp_revo/en/

¿Y como hago para que el theme lo lea? Se descargan uno a uno, o como?

ResponderCitar
Respondido : 24/03/2020 10:23 pm
Bulmaro
 Bulmaro
Miembro Moderator

Link a post de foro, solo visible a usuarios registrados

Hola José.

Sucede que tu template está usando la versión 4 de la librería de Font awesome, por lo que solo podrías usar los iconos incluidos en dicha versión -> icons

Si quisieras utilizar los iconos de la versión 5 tendrías que reemplazar todos los íconos actuales utilizados en tu sitio web pues la estructura del código cambia "fa fa-icon-2" a "fas fas-icon-2" por decir un ejemplo, lo indicado es que lo consultes con los desarrolladores del tema para que sean ellos quienes te den una solución o bien te proporcionen las instrucciones necesarias para realizar dicha implementación. 

Saludos 🙂

Bulmaro Arellano N.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

¡Gracias!.

ResponderCitar
Respondido : 24/03/2020 10:41 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

José Miguel
 José Miguel
Usuario eminente

Link a post de foro, solo visible a usuarios registrados

Muchas gracias Bulmaro!

En efecto, he hecho la prueba de poner iconos de esta libreria y funcionan! Aunque la verdad, hablaré con los desarrolladores para poder usar la versión 5, que tienen mejor aspecto y hay mas variedad.

Muchísimas gracias!

ResponderCitar
Respondido : 25/03/2020 1:14 am
Bulmaro
 Bulmaro
Miembro Moderator

Link a post de foro, solo visible a usuarios registrados

Hola José,

Excelente, me alegra que pudieses utilizar al menos la version 4 de Font Awesome. Esperemos que los desarrollares te den una solución y puedas usar la versión 5.

Saludos 🙂

Bulmaro Arellano N.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

¡Gracias!.

ResponderCitar
Respondido : 25/03/2020 1:43 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Por favor Iniciar Sesión o Registro