Jump to content

Quitar Bloque de busqueda rapida del menu y ponerlo en la cabecera


eradesign

Recommended Posts

Hola Buenas noches, quería ver si alguien podía ayudarme.

Trabajo Prestashop 1.6

Plantilla Clean Zenism

 

La pagina que quiero modificar es

dieteticanaturmarina.com

 

He buscado mucho en el foro peor no doy con la solucion

 

En el menú superior viene por defecto insertado el bloque de búsqueda rápida.

Yo quiero quitarlo de donde esta y ponerlo arriba entre inicio de sesión y el carrito de compra.

Y me estoy volviendo loca, ni idea como hacerlo.

Alguien puede ayudarme??

Gracias de antemano

Un saludo

Link to comment
Share on other sites

Si tienes acceso al back office tienes que entrar a módulos busca Menú horizontal superior y das click en configurar, deberias ver las secciones actuales y debajo una opcion que dija: barra de busqueda si/no, solo lo cambias a no y das guardar.

 

Para ponerla entre los modulos que quieres tienes que ir modulos--> posiciones de modulos y agreagar hook (icono de una ancla) en el primer droplist buscas el modulo de "busqueda rapida" y en el segundo buscas display top, ahora solo tienes que acomodarlo para eso regresas a posiciones de modulos y buscar el bloque de display top y ordenarlo como tu prefieras. 

 

Nota: si en hook no esta "busqueda rapida " quiere decir que esta desactivado y tienes que ir a modulos a activarlo.

 

En resumen eso es lo que tienes que hacer. Epero y te ayude.

 

Saludos

Link to comment
Share on other sites

Hola Dany Gracias

te cuento

El modulo menú horizontal superior esta desactivado, ya que esta plantilla tiene su propio menú horizontal superior que se llama mega menú impact, donde no viene la opción de quitar o poner la barra de búsqueda :(

En posiciones de módulos, el modulo búsqueda rápida (activado) ya se encuentra en el display top y en la posición 2ª después del carrito de compra,

 

Es decir que lo que me has comentado ya lo tenia asi puesto, pero aun así se ve como puedes comprobarlo tu mismo en la web

Por lo que no se donde esta el problema :(

 

Si desactivo el modulo búsqueda rápida efectivamente se quita de la barra de menú horizontal de la plantilla Clean Zenism

 

Alguna idea??

Gracias

Link to comment
Share on other sites

Bueno mira no estoy seguro en que archivo tiene que ser por que al ver la direccion del css  me muestra carpetas algo extrañas no se si realmente este asi las carpetas pero por si las dudas te lo paso:

http://www.dieteticanaturmarina.com/themes/clean_zenism/cache/v_10_dbec791162073bbb9dfa512c73b040bd_all.css

 

Yo dijo que lo mas probable es que tengas que editar este archivo:

http://www.dieteticanaturmarina.com/themes/clean_zenism/css/modules/blocksearch/blocksearch.css

 

Sin ver como tienes la distribucion de las carpetas es lo mas lejos que puedo llegar a deducir.

 

Ahora al abrir este archivo debes buscar la siguente linea:

#search_block_top {
    padding-top: 50px;
}

Y cambiarlo asi:

#search_block_top {
    padding-top: 5px;
    padding-left:0px;
}

Despues buscas esta otra:

#search_block_top #searchbox {
    right: 0;
    top: 158px;
}

Y la cambias asi:

#search_block_top #searchbox {
    right: 0;
    top: 5px;
}

Lo sigueinte no se si lo quieras poner, por que no te un detalle y es que el campo de texto tiene un efecto que desaparece y solo aparece al pasar el cursor por arriba del campo, si quieres quitar este efecto busca esta linea:

#search_block_top #search_query_top {
    background: #fff !important;
    border-left: 1px dashed #F0F0F0;
   
}

Y cambiala por esto:

#search_block_top #search_query_top {
    background: #fff !important;
    border-left: 1px dashed #F0F0F0;
    display: block !important;
}

Y creo que eso seria todo, te recomiendo hacer una pruebas primero para ver si estas editando el archivo correcto si ves que cambia de alguna forma el buscador entonces estas en el archivo correcto, si no pasa nada pues sigue buscando.

 

Suerte  :D

Edited by Dany developer (see edit history)
Link to comment
Share on other sites

mmmm que raro lo volvi a hacer copiando mi codigo que puse aqui en el foro y no tuve problema, bueno también lo hice sobre el developer tools de google chrome, te sugiero que también lo pruebes, ahí lo iras acomodando a tu gusto, solo das click derecho al buscador y en inspeccionar elemento, con esto te saldrá una venta del código html y los estilos a su derecha aquí podrás modificarlo hasta quede como gustes, pero estos cambios no son permanentes solo es un test, así que solo te fijas en los estilos que modificaste y los pasas al archivo css.

 

Es un poco difícil ayudarte sin el tema y el archivo pero creo que te puedes guiar con el google developer tools..

 

Espero y te ayude el tip. Saludos

Link to comment
Share on other sites

  • 3 weeks later...

Es cosa del css, haz una copia del original y empieza a experimentar, según yo ya te había dado la respuesta, pues como te dije yo lo modifique con puro css en el developer tool  de google chrome. No se si modificaste el archivo incorrecto o tomaste la linea errónea.

 

Solo necesitas mover las propiedades top, right,  padding-top, padding-left.

 

Ya si no puedes sube el archivo de css haber que podemos hacer

Link to comment
Share on other sites

Muchísimas gracias :)

ya lo tengo!! gracias a ti, claro!! jeje te adjunto imagen

ahora como soy perfeccionalista jaja se puede bajar un pelín para que no se quede pegado tanto a la línea de arriba??

que línea de código tengo que modificar??

mil gracias!!

 

post-1090762-0-34957900-1443790639_thumb.jpg

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...