YAGOYFLOR Posted January 5, 2016 Share Posted January 5, 2016 hola a todos, en la plantilla bootstrap, en la barra superior hay un icono de un telefono que se le puede modificar el color, mi pregunta es como puedo cambiar ese icono por un icon de wathsapp. muchas gracias a todos. Link to comment Share on other sites More sharing options...
Karinaandrea Posted January 5, 2016 Share Posted January 5, 2016 Hola YAGOYFLOR, Puedes pasarme la dirección de tu tienda para poder echarle un vistazo? Saludos Link to comment Share on other sites More sharing options...
YAGOYFLOR Posted January 5, 2016 Author Share Posted January 5, 2016 La web es esta aun estoy personalizando la https://embarazandote.pswebshop.com/es/ también hoy descubrí un gran problema en la versión móvil ya que se ve todo mal y desconfigurado. Link to comment Share on other sites More sharing options...
w3bsolutions Posted January 5, 2016 Share Posted January 5, 2016 (edited) Tienes que cambiar lo siguiente: En /themes/default-bootstrap/modules/blockcontactinfos/blockcontactinfos.tpl línea 39, cambia: "icon-phone" por: "icon-whatsapp" Feliz año. Edited January 5, 2016 by fire2 (see edit history) 2 Link to comment Share on other sites More sharing options...
YAGOYFLOR Posted January 5, 2016 Author Share Posted January 5, 2016 Muchísimas gracias voy a probar. Y lo de la vista de móvil sabes como puedo hacer??? Es que se ve todo descolocado Feliz año también. Link to comment Share on other sites More sharing options...
YAGOYFLOR Posted January 5, 2016 Author Share Posted January 5, 2016 hola fire2, he ido a esa ruta y no me aparece nada de icon-phone, me aparece en el gobal.css, pero no se como cambiarlo. un saludo Link to comment Share on other sites More sharing options...
ventura Posted January 5, 2016 Share Posted January 5, 2016 (edited) mira en \themes\tu_plantilla\modules\blockcontact\nav.tpl Tienes que cambiar esta clase para que te muestre otro icono <i class="icon-phone"> /// El icono de whatsap se incluyo en la fuente fontawesome en una version posterior a la que tienes instalada en tu theme asi que para que te funcione tiienes que actualizarla. La forma mas rapida y practica es colocarla en el archivo \themes\tu_plantilla\header.tpl Y lo colocas asi antes del cierre de la etiqueta head <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> </head> Y la clase del icono para la nueva version que tienes ahora, seria asi <i class="fa fa-whatsapp"></i> Edited January 5, 2016 by ventura (see edit history) Link to comment Share on other sites More sharing options...
YAGOYFLOR Posted January 6, 2016 Author Share Posted January 6, 2016 muchas gracias Ventura, me funciono perfecto :) Link to comment Share on other sites More sharing options...
ventura Posted January 6, 2016 Share Posted January 6, 2016 Me alegro. Un saludo 1 Link to comment Share on other sites More sharing options...
w3bsolutions Posted January 6, 2016 Share Posted January 6, 2016 hola fire2, he ido a esa ruta y no me aparece nada de icon-phone, me aparece en el gobal.css, pero no se como cambiarlo. un saludo Curioso porque hice la prueba con el inspector de firefox antes de escribirlo y se cambió el icono al de whatsapp (por lo que ya tenía que estar en tu versión de fontawesome), pero bueno, me alegro que ya lo tengas resuelto. Link to comment Share on other sites More sharing options...
xpiral Posted May 7, 2016 Share Posted May 7, 2016 (edited) Hola, pues a mi no me funciona, tengo la última versión y llevo horas con esto. donde cambio el icono y el texto 'llámanos ahora' Si abro inspeccionar y cambio icon-phone por icon-truck funciona, pero cuando lo cambio en nav.tpl ni caso!! Ayuda por favor mi web www.xpiral.es gracias. Edited May 7, 2016 by xpiral (see edit history) Link to comment Share on other sites More sharing options...
joseangelcadiz Posted August 16, 2016 Share Posted August 16, 2016 mira en \themes\tu_plantilla\modules\blockcontact\nav.tpl Tienes que cambiar esta clase para que te muestre otro icono <i class="icon-phone"> /// El icono de whatsap se incluyo en la fuente fontawesome en una version posterior a la que tienes instalada en tu theme asi que para que te funcione tiienes que actualizarla. La forma mas rapida y practica es colocarla en el archivo \themes\tu_plantilla\header.tpl Y lo colocas asi antes del cierre de la etiqueta head <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> </head> Y la clase del icono para la nueva version que tienes ahora, seria asi <i class="fa fa-whatsapp"></i> Hago todo tal y como dices pero no surge efecto en mi tienda , mi web es iberohosteleria.es , espero respuesta gracias. Link to comment Share on other sites More sharing options...
w3bsolutions Posted November 13, 2016 Share Posted November 13, 2016 Hago todo tal y como dices pero no surge efecto en mi tienda , mi web es iberohosteleria.es , espero respuesta gracias. Veo que ya le sale el icono del WhatsApp en la web. ¿Lo solucionó? Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now