Jump to content

Barra buscador en la derecha del header


Recommended Posts

Hola a de nuevo! He estado intentando poner el buscador en la parte derecha del header, ya que en el centro me parece que queda bastante mal. Lo único que he conseguido ha sido moverlo a la derecha, pero desconfigurando muchas otras cosas (al poner el "float:right" en su parte del global.css). Imagino que tengo que hacer algo más, pero no logro descubrir lo que es. Cualquier ayuda me vendría muy bien. Un saludo!

post-499889-0-79256400-1363188110_thumb.png

Link to comment
Share on other sites

Hola a de nuevo! He estado intentando poner el buscador en la parte derecha del header, ya que en el centro me parece que queda bastante mal. Lo único que he conseguido ha sido moverlo a la derecha, pero desconfigurando muchas otras cosas (al poner el "float:right" en su parte del global.css). Imagino que tengo que hacer algo más, pero no logro descubrir lo que es. Cualquier ayuda me vendría muy bien. Un saludo!

 

lA URL DEL SITIO?

Link to comment
Share on other sites

De momento tengo la tienda en localhost, por eso he adjuntado una imagen, para que se vea lo que quiero decir.

Dime la plantilla que usas,

 

Por ejemplo para la plantilla por defecto, si vas al fichero:

 

modules/blocksearch/blocksearch.css

 

Buscas esto:

 

#search_block_top {
position: absolute;
top: 44px;
left: 0;
}

 

Y si aumentar el top bajas para abajo el buscador.

 

Y si cambias el left:0; por el right:0px lo mueves directamente a la derecha.

 

¿Que plantilla usas?

Link to comment
Share on other sites

Dime la plantilla que usas,

 

Por ejemplo para la plantilla por defecto, si vas al fichero:

 

modules/blocksearch/blocksearch.css

 

Buscas esto:

 

#search_block_top {
position: absolute;
top: 44px;
left: 0;
}

 

Y si aumentar el top bajas para abajo el buscador.

 

Y si cambias el left:0; por el right:0px lo mueves directamente a la derecha.

 

¿Que plantilla usas?

 

Exacto, por eso pregunte la plantilla :D

Link to comment
Share on other sites

He creado una plantilla nueva a partir de la de default, así que en principio debería ser de esa forma. Acabo de probarlo y por mucho que toque tanto el top como el left, el buscador no cambia de sitio...

 

 

Editado: Puede ser porque el bloque es el de búsqueda rápida, y el css que debería estar tocando es el de blocksearch-instantsearch?

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

He creado una plantilla nueva a partir de la de default, así que en principio debería ser de esa forma. Acabo de probarlo y por mucho que toque tanto el top como el left, el buscador no cambia de sitio...

 

Hola !

 

Quizas tengas el fichero *.css del modulo sobreescrito en la plantilla tipo:

 

/themes/tu-plantilla/css/modules/blocksearch/blocksearch.css

 

Recuerda limpiar la cache de tu navegador por si las moscas.

Link to comment
Share on other sites

Sí, de hecho este es el contenido del .css

/* block top search */
#search_block_top {
position:absolute;
top:44px;
right:1px;
}
#search_block_top p {padding:0;}
#search_block_top #search_query_top {
padding:0 5px;
height:23px;
width:300px;/* 310 */
border:1px solid #666;
border-right: 0 !important;
color:#666;
background:url(img/bg_search_input.png) repeat-x 0 0 #fff;

}
#search_block_top .button {
border:none;
border-radius:0;
color:#fff;
text-transform:uppercase;
background:url(img/bg_search_submit.png) repeat-x 0 0 #101010;
height: 25px;
}
form#searchbox{padding-top:5px}
form#searchbox label{color:#333;margin-bottom:1px}
form#searchbox input#search_query_block{
border: 1px solid #CCCCCC;
-webkit-border-radius:3px !important;
-moz-border-radius:3px !important;
border-radius:3px !important;
   height: 18px;
margin-top:10px;

}
form#searchbox input#search_button{padding: 1px 4px;}

Link to comment
Share on other sites

Utiliza el plugin Firebug del Mozilla y asi podrás modificar en vivo el .css para ver como te queda

 

Utilizo la consola de javascript del chrome y lo único que consigo es moverlo a la derecha mal colocado y la columna de la izquierda se descuadra

 

 

Editado: Esto es lo que consigo hacer

post-499889-0-72499600-1363194613_thumb.png

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

Utilizo la consola de javascript del chrome y lo único que consigo es moverlo a la derecha mal colocado y la columna de la izquierda se descuadra

 

 

Editado: Esto es lo que consigo hacer

 

Estas seguro que dentro de tu plantilla dentro de la carpeta CSS no hay una carpeta que se llama MODULES y que ahi esta el modulo?? Tal como dijo Nadie?

 

/themes/tu-plantilla/css/modules/blocksearch/blocksearch.css

Link to comment
Share on other sites

Estas seguro que dentro de tu plantilla dentro de la carpeta CSS no hay una carpeta que se llama MODULES y que ahi esta el modulo?? Tal como dijo Nadie?[/color]

 

/themes/tu-plantilla/css/modules/blocksearch/blocksearch.css]

 

Sí. En esa carpeta solo hay un archivo y es el blocksearch.tpl ...

 

¿Puedes pasar un segundo la direccion de tu tienda?

 

Tengo la tienda montada en mi localhost, así que no se si puedo pasartela

Link to comment
Share on other sites

en la carpeta CSS hay un tpl? que cosa rara jajaa

 

dentro de la carpeta css no hay ninguna carpeta de módulos, los módulos están en la carpeta de mi plantilla. Dentro de mi plantilla está la carpeta de blocksearch, pero ahi dentro solo hay un .tpl, no como en los módulos de la carpeta de prestashop, donde ahí si hay un .css, además de otros archivos.

 

A ver si mañana encontramos una solución. Gracias por la ayuda que me habéis ofrecido hasta ahora.

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

Guest
This topic is now closed to further replies.
×
×
  • Create New...