Jump to content

Mover la Barra de Búsqueda debajo del Carrito "SOLUCIONADO"

Ricardo Pi
 Share

Recommended Posts

nadie Rookie

nadie

Posted
Posted

Hola a todos:

 

Quiero mover la barra de búsqueda que aparece en el "header" arriba del todo a, justamente debajo del carrito.

Si alguien me echa una mano porque me estoy volviendo un poco loco.

 

Gracias

 

En el fichero:

 

blocksearch/blocksearch.css

 

Busca esto:

 

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

 

Y juega con el top y el left.

 

Saludos

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

La web de mis desvelos... http://conservanza.es/

 

Para hacer el buscador menos ancho.

 

Fichero:

 

modules/blocksearch/blocksearch.css

 

Busca esto:

 

#search_block_top #search_query_top {
padding: 0 5px;
height: 23px;
width: 300px;
border: 1px solid #666;
border-right: 0 !important;
color: #666;
background: url(img/bg_search_input.png) repeat-x 0 0 #fff;
float: left;
}

 

Y dejalo asi:

 

#search_block_top #search_query_top {
padding: 0 5px;
height: 23px;
width: 151px;
border: 1px solid #666;
border-right: 0 !important;
color: #666;
background: url(img/bg_search_input.png) repeat-x 0 0 #fff;
float: left;
}

 

 

Para moverlo debajo del carrito.

 

Fichero:

 

modules/blocksearch/blocksearch.css

 

Buscas esto:

 

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

 

 

Y lo dejas asi:

 

#search_block_top {
position: absolute;
top: 115px;
left: 395px;
}

 

Con estos, paso se te debe de quedar asi:

 

buscadorbajo-1024x285.png

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Si, correcto. El único problema es que ahora me han desaparecido los idiomas, habré tocado algo... (tampoco me corre prisa esto)

Hoy tengo que dejarlo, mañana sigo, gracias

 

Lo del bloque de idiomas, yo tampoco lo vi ayer en tu web, ve a la pestaña módulos, y busca el modulo llamado:

 

Bloque de idiomas

 

Revisa, que no lo hayas desinstalado o desactivado.

 

Si te aparece instalado y activado y no se te ve, pulsa en "reiniciar".

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Yo tambien quiero mover la barra de busqueda debajo del carrito, pero para ello tengo que subir antes el carrito y

He entrado en blockcart, pero es diferente a search, ¿puedes decirme como subirlo para meter la busqueda debajo? y tambien como bajar el logotipo.

 

Para nuevas dudas y por normas del foro, abre un tema nuevo, dejando la url de tu web y comentando tu duda.

 

Un Saludo

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Yo tambien quiero mover la barra de busqueda debajo del carrito, pero para ello tengo que subir antes el carrito y

He entrado en blockcart, pero es diferente a search, ¿puedes decirme como subirlo para meter la busqueda debajo? y tambien como bajar el logotipo.

 

 

Te contestare, aunque no lo deberia hacer, ya que debes crear un tema nuevo en el foro, para tu duda.

 

Tu web, segun los enlaces que dejas es esta:

 

sex1shop.es

 

Actualmente se te ve asi:

 

verweb-1024x285.png

 

Si quieres dejarlo asi:

 

dejarloasi1-1024x199.png

 

Lo primero, es arregrar el descuadre de la cabecera, para ello vamos al fichero:

 

/themes/default/css/global.css

 

Y buscamos esto:

 

#header_right {
position:relative;
float: right
}

 

Y lo dejamos asi:

 

#header_right {
position: relative;
width: 560px;
float: right
}

 

De esta manera, la cabecera quedara cuadrada.

 

Ahora vamos con el buscador:

 

Fichero:

 

modules/blocksearch/blocksearch.css

 

Busca esto:

 

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

 

Y lo dejas asi:

 

#search_block_top {
position: absolute;
top: 96px;
left: 278px;
}

 

Despues en el mismo fichero:

 

modules/blocksearch/blocksearch.css

 

Buscamos esto:

 

#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;
float: left;
}

 

Y lo dejamos asi:

 

#search_block_top #search_query_top {
padding:0 5px;
height:23px;
width:212px;/* 310 */
border:1px solid #666;
border-right: 0 !important;
color:#666;
background:url(img/bg_search_input.png) repeat-x 0 0 #fff;
float: left;
}

 

Saludos

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Muchas gracias, "nadie". Todo perfecto salvo una cosa: El buscador se me mantiene en el centro, no se coloca debajo del carrito. He cambiado el valor de "left" por probar y no cambia nada.

 

!Iluminame por favor!

 

Acabo de entrar tu tienda.

 

http://sex1shop.es/

 

En el fichero:

 

modules/blocksearch/blocksearch.css

 

Has puesto esto:

 

#search_block_top {
position:absolute;
top:96px;
left:278;
}

 

Dejalo asi:

 

#search_block_top {
position:absolute;
top:96px;
left:278px;
}

 

(Te falta el px)

  • Like 1
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

 

Revisa mi mensaje:

 

 

Acabo de entrar tu tienda.

 

http://sex1shop.es/

 

En el fichero:

 

modules/blocksearch/blocksearch.css

 

Has puesto esto:

 

#search_block_top {
position:absolute;
top:96px;
left:278;
}

 

Dejalo asi:

 

#search_block_top {
position:absolute;
top:96px;
left:278px;
}

 

(Te falta el px)

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Ahora se ha dividido la barra en dos: la parte donde pone "buscar" se ha desplazado hacia abajo.

 

Depende:

 

left:278px;

 

Prueba colocar

 

left:276px;

 

Y cuando le he dado a buscar al se coloca igual que al principio y luego vuelve al centro. Se ha vuelto loca

Al centro, si que no vuelve. (Limpia la cache de tu navegador)

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Con left:272px; se ha colocado bien, pero cuando busca un articulo, todo, incluido el logo, se vuelve a colocar donde antes.

!No me siento las piernas!

 

Yo lo veo bien.

 

(Limpia la cache de tu navegador, muchas veces se quedan rastros anteriores en el navegador)

Link to comment
Share on other sites
trajegris Explorer

trajegris

Posted
Posted

Es verdad, Nadie, no habia leido lo de limpiar la cache, perdona. He abierto otro navegador y si que se queda en su posicion. Lo unico que, en este navegador, I. Explorer, me vuelve a salir partido en dos, le dare al left algo menos, por si acaso. Ya te cuento.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Es verdad, Nadie, no habia leido lo de limpiar la cache, perdona. He abierto otro navegador y si que se queda en su posicion. Lo unico que, en este navegador, I. Explorer, me vuelve a salir partido en dos, le dare al left algo menos, por si acaso. Ya te cuento.

 

Yo lo veo bien en IE ahora.

 

Limpia la cache de IE.

 

¿La has limpiado?

Link to comment
Share on other sites
trajegris Explorer

trajegris

Posted
Posted

Si, Si. Pero esto es curiosisimo, Nadie. He llegado hasta left:258px; y en Firefox se ha desplazado bastante a la izquierda y queda bien, pero en I.E. no se modifica y sigue partido en 2, en mi ordenador, por lo menos. Y ya he limpiado la cache varias veces. ¿Que diantres ocurre aqui?

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Si, Si. Pero esto es curiosisimo, Nadie. He llegado hasta left:258px; y en Firefox se ha desplazado bastante a la izquierda y queda bien, pero en I.E. no se modifica y sigue partido en 2, en mi ordenador, por lo menos. Y ya he limpiado la cache varias veces. ¿Que diantres ocurre aqui?

 

Yo lo veo bien en IE.

 

No veo nada partido en IE.

Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...