Jump to content

ayuda...necesito poner en el header whatsapp en imagen


gera1900

Recommended Posts

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

<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

 

<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 by Sergio Ruiz (see edit history)
Link to comment
Share on other sites

Paso 1 - Instalar Contentbox http://contentbox.org/
 
Paso 2 - Módulos -> Posiciones (Colocar en DisplayTop (Boton Insertar un Hook) )
 
Adjunto Imagen
 
displayTOP.png
 
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
 
codigofueedi.png

 

 

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

 

pullRI-1024x152.png

 

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

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!!!post-1348920-0-49982400-1482796946_thumb.jpg

Link to comment
Share on other sites

Paso 1 - Instalar Contentbox http://contentbox.org/

 

Paso 2 - Módulos -> Posiciones (Colocar en DisplayTop (Boton Insertar un Hook) )

 

Adjunto Imagen

 

displayTOP.png

 

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

 

codigofueedi.png

 

 

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

 

pullRI-1024x152.png

 

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 by gera1900 (see edit history)
Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...