gera1900 Posted December 18, 2016 Share Posted December 18, 2016 hola amigos,necesito de su ayuda,tengo en mi plantilla en header mi logo a la izquierda,la plantilla queda vacia,y lo que neceisot hacer es poner mi whatsapp a la derecha en forma de imagen, eh probado poner un modulo o hook,pero no funciona,neceisto algun codigo html,espero tu su ayuda,gracias!!! Link to comment Share on other sites More sharing options...
Sergio Ruiz Posted December 18, 2016 Share Posted December 18, 2016 Aquí: https://www.prestashop.com/forums/topic/399793-logotipo-de-whatsapp-en-el-header/ comentan en un tema algo parecido, es posible que te valga. Saludos, Link to comment Share on other sites More sharing options...
gera1900 Posted December 19, 2016 Author Share Posted December 19, 2016 gracias sergio voy a probarlo... Link to comment Share on other sites More sharing options...
gera1900 Posted December 20, 2016 Author Share Posted December 20, 2016 probe y no funciona.... adjunto imagen de lo que necesito hacer...gracias... Link to comment Share on other sites More sharing options...
Sergio Ruiz Posted December 20, 2016 Share Posted December 20, 2016 <div style="float:right"> <img class="img-responsive" src="imagen" > </div> o probar con col de boopstrap <div class="col-sm-4 clearfix"> <img class="img-responsive" src="imagen" > </div> Link to comment Share on other sites More sharing options...
gera1900 Posted December 20, 2016 Author Share Posted December 20, 2016 <div style="float:right"> <img class="img-responsive" src="imagen" > </div> o probar con col de boopstrap Donde lo pongo al codigo en global.css???????????????????????? gracias!! <div class="col-sm-4 clearfix"> <img class="img-responsive" src="imagen" > </div> Link to comment Share on other sites More sharing options...
Sergio Ruiz Posted December 20, 2016 Share Posted December 20, 2016 (edited) <div style="float:right"> <img class="img-responsive" src="imagen" > </div> o probar con col de boopstrap Donde lo pongo al codigo en global.css???????????????????????? gracias!! <div class="col-sm-4 clearfix"> <img class="img-responsive" src="imagen" > </div> Codigo html del contentbox o htmlbox , o a mano (que no es recomendable) en el header.tpl debajo de donde se imprime el displaytop (hook top) Edited December 20, 2016 by Sergio Ruiz (see edit history) Link to comment Share on other sites More sharing options...
gera1900 Posted December 23, 2016 Author Share Posted December 23, 2016 eh intentedo y no logro poder poner la imagen de whatsapp a la derecha del logo en el header...solicito ayuda Link to comment Share on other sites More sharing options...
nadie Posted December 24, 2016 Share Posted December 24, 2016 Paso 1 - Instalar Contentbox http://contentbox.org/ Paso 2 - Módulos -> Posiciones (Colocar en DisplayTop (Boton Insertar un Hook) ) Adjunto Imagen Paso 3 Colocar Módulo encima del menu Horizontal Bien desde el LiveEdit, o desde la misma pestaña Modulos -> Posiciones, en el bloque DisplayTOP Paso 4, ir a la pestaña Módulos -> Módulos, configurar ContentBox,y añadir en el editor lo siguiente: Voy a usar por ejemplo esta imagen: http://www.wasap.net/wp-content/uploads/2014/08/wassap-300x180.png En el editor fuente del modulo por ejemplo añado: <div id="wasapHeader" class="col-sm-2 pull-right clearfix"><img class="img-responsive" src="ruta_imagen" /></div> Imagen 01 Como tu no tienes ni carrito ni nada en la cabecera de tu tienda donde tienes el logo, se quedaria algo como te muestro en la siguiente captura Si tienes mas elementos en la cabecera (se que no tienes el carrito), quita el: pull-right para que siga con el float por defecto y no este forzado un float right .------------ Estoy en el movil y te lo he dicho muy rapido y se habrán escapado muchas cosas, pero solo ha sido "algo" rápido para que luego vayas adaptando, ya que yo he dicho cosas al "azar" y seguramente "no correctas" (Estoy fuera de este mundo desde hace 3 años y ya no toco prestashop, solo me he pasado a organizar el indice de módulos) Ah se me olvidaba... bueno añadir el enlace imagino que sabes, desde el mismo editor con el icono del ancla ¿Porque imagino que querias colocar una imagen para que al pinchar te llevara a algun sito? ¿no? (Porque si era solo de fondo, hubiera sido mejor colocarla de fondo y no como "fija") Un Saludo y disculpas por las molestias ocasionadas. Feliz Navidad Link to comment Share on other sites More sharing options...
gera1900 Posted December 27, 2016 Author Share Posted December 27, 2016 victor muchas gracias por tu ayuda,logre poner el logo de whatsapp con mi telefono,la unica cosa que no supe hacer como quitar el pull right, subo la imagen de como me quedo,queria saber si existe la forma de poder centrar el logo whastapp a la misma altura que el logo de mi pagina,aguardo tu rta,gracias y felices fiestas!!! Link to comment Share on other sites More sharing options...
gera1900 Posted December 27, 2016 Author Share Posted December 27, 2016 (edited) Paso 1 - Instalar Contentbox http://contentbox.org/ Paso 2 - Módulos -> Posiciones (Colocar en DisplayTop (Boton Insertar un Hook) ) Adjunto Imagen Paso 3 Colocar Módulo encima del menu Horizontal Bien desde el LiveEdit, o desde la misma pestaña Modulos -> Posiciones, en el bloque DisplayTOP Paso 4, ir a la pestaña Módulos -> Módulos, configurar ContentBox,y añadir en el editor lo siguiente: Voy a usar por ejemplo esta imagen: http://www.wasap.net/wp-content/uploads/2014/08/wassap-300x180.png En el editor fuente del modulo por ejemplo añado: <div id="wasapHeader" class="col-sm-2 pull-right clearfix"><img class="img-responsive" src="ruta_imagen" /></div> Imagen 01 Como tu no tienes ni carrito ni nada en la cabecera de tu tienda donde tienes el logo, se quedaria algo como te muestro en la siguiente captura Si tienes mas elementos en la cabecera (se que no tienes el carrito), quita el: pull-right para que siga con el float por defecto y no este forzado un float right .------------ Estoy en el movil y te lo he dicho muy rapido y se habrán escapado muchas cosas, pero solo ha sido "algo" rápido para que luego vayas adaptando, ya que yo he dicho cosas al "azar" y seguramente "no correctas" (Estoy fuera de este mundo desde hace 3 años y ya no toco prestashop, solo me he pasado a organizar el indice de módulos) Ah se me olvidaba... bueno añadir el enlace imagino que sabes, desde el mismo editor con el icono del ancla ¿Porque imagino que querias colocar una imagen para que al pinchar te llevara a algun sito? ¿no? (Porque si era solo de fondo, hubiera sido mejor colocarla de fondo y no como "fija") Un Saludo y disculpas por las molestias ocasionadas. Feliz Navidad victor muchas gracias por tu ayuda,logre poner el logo de whatsapp con mi telefono,la unica cosa que no supe hacer como quitar el pull right, subo la imagen de como me quedo,queria saber si existe la forma de poder poner el logo whastapp a la misma altura que el logo de mi pagina,aguardo tu rta,gracias y felices fiestas!! http://i65.tinypic.com/15etr0j.jpg Edited December 27, 2016 by gera1900 (see edit history) 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