Avisos
Vaciar todo

Iconos en el nombre de la categoria  

 
Letizia
 Letizia
Usuario eminente

Hola, he intentado insertar un icono en el nombre de categorías y subcategorías y no he sido capaz.

Finalmente he insertado un símbolo que me admitía el nombre de la categoría pero realmente no es lo que quiero ya que dependiendo del navegador se visualiza de manera diferente y tampoco es el diseño que había previsto.

Me gustaría insertar un icono personalizado o una imagen.
¿Podríais guiarme un poco?

Adjunto capturas de pantalla:

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 02/03/2017 8:16 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Letizia.

Podrías utilizar Font Awesome , te doy los pasos para añadirlo:
.- Edita el Archivo header.tpl que encontraras en themes/tuplantilla/header.tpl y añade el siguiente código entre las etiquetas :


En este caso hemos enlazado una URL donde se encuentra la última versión (actual) de font awesome

El siguiente paso seria añadir los iconos al menu, por ejemplo si quieres añadir el Home, seria lo siguiente:


En el enlace que te pase al principio, tienes una lista de los iconos y el código que tienes que añadir para cada icono.

Un saludo

ResponderCitar
Respondido : 02/03/2017 9:00 am

Letizia
 Letizia
Usuario eminente

Hola, gracias por responder tan rápido.

¿Podrías indicarme dónde debo colocar el código que me pones de ejemplo para que salga en el nombre de la categoría?

Saludos

ResponderCitar
Respondido : 04/03/2017 10:37 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Letizia.

Para añadirlo al menú dependemos de las asignaciones ( ID ) que se asignen a cada elemento del menú.
para darte una información mas adecuada a tu consulta necesitamos que tengas añadido el código de importación que te pase para las fuentes en el header de tu web y luego que actives tu web para que podamos verlo.

un saludo

ResponderCitar
Respondido : 04/03/2017 11:51 am

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

Letizia
 Letizia
Usuario eminente

Hola,
He añadido el código y he activado la tienda tal y como me comentas.

Quedo a la espera.

Saludos

ResponderCitar
Respondido : 04/03/2017 11:56 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Letizia.

Ok, vamos a realizarlo mas Facil.
.- En esta URl tienes los iconos de Font Awesome en formato PNG -> nfinder.com/iconsets/font-awesome

Descarga los iconos que quieres utilizar en el menú.

.- Accede a Catalogo -> Categorías de tu administrador de Wordpress.
.- Edita la categoría a la que quieres añadir el Icono
.- Añade el icono en el apartado Miniatura del Menú

Un saludo

ResponderCitar
Respondido : 05/03/2017 10:41 am

Cursos Gratuitos WordPress

Letizia
 Letizia
Usuario eminente

Hola, te agradezco muchísimo que me facilites el trabajo pero quiero poner en todas las categorías un icono y son muchas. Tampoco es cuestión de abusar 🙂

Si me pusieras un ejemplo en el menú principal horizontal (Advanced megamenu) y otro en el menú de la columna izquierda de la tienda (categories_block-letf) yo intentaría colocar los iconos en el resto.

Gracias por todo!!!

ResponderCitar
Respondido : 05/03/2017 10:59 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Letizia.

Si me pusieras un ejemplo en el menú principal horizontal (Advanced megamenu)
Ok, si no recuerdo mal ese modulo dispone de sus iconos para añadirlos al menu.

.- Accede a Módulos y Busca el modulo Advanced megamenu
.- Edita uno de lo Items por ejemplo Inicio
.- En sus opciones tienes un botón que pone Icon: , si pulsas sobre el se abrir un PopUp con la lista de iconos que dispones, selecciona el que quieres añadir.

menú de la columna izquierda de la tienda (categories_block-letf)

Para el menú Categorías, si no te quieres complicar la vida ya que tendrías que realizar muchas modificaciones en el código, lo mejor es hacer uso de un modulo:
Módulo Menú de categorías vertical con imágenes

Con este modulo puedes añadir incluso imágenes al menú.

un saludo

ResponderCitar
Respondido : 05/03/2017 12:30 pm

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

Letizia
 Letizia
Usuario eminente

Hola,
Advanced megamenu
Si, entiendo lo que dices. Conozco los iconos y no están los que estoy buscando. de ahí las complicaciones.

Categories_block-letf
Ok, de acuerdo.

Gracias

ResponderCitar
Respondido : 05/03/2017 1:19 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola letizia.

Como te comente hay que hacer varias modificaciones en el código para realizar lo que buscas y esto puede provocar la caída de la web si no vas con cuidado y sabes lo que estas modificando.

Es por eso que no damos soporte de código ya que con el tiempo nos dimos cuenta que esta clase de ayudas nos provocaba muchos problemas y era mejor dejar esos temas para los colaboradores.

En esta entrada de prestashop se trata el tema que estas intentando realizar:
Can I add icons in categories block?

Si ves que no puedes solucionarlo con los pasos que se indican puedes ponerte en contacto con algun colaborador para que te pueda orientar:
Directorio Colaboradores

Otra opción es con el modulo que te dije en la anterior entrada, con ese modulo podrás añadir cualquier imagen en el menú de las categorías.

Un saludo

ResponderCitar
Respondido : 05/03/2017 7:38 pm

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

Letizia
 Letizia
Usuario eminente

Hola, comprendo.

Adquiriré el módulo y veré cómo queda.

Muchísimas gracias de todas formas.

Un saludo

ResponderCitar
Respondido : 05/03/2017 7:43 pm