Avisos
Vaciar todo
Hola,
necesito mover el buscador a la posición marcada en la imagén, he desactivado la opción de la barra de menu, y el bloque de busqueda rápida está cargado en el hook DisplayTop, aún así no se visualiza.
despues de leer montones de post del foro creo que es necesario modificar el css cthemes/amaltea/css/modules/blocksearch/blocksearch.css
#search_block_top {
padding: 25px 15px; }
#search_block_top #searchbox {
float: left;
width: 100%; }
#search_block_top .btn.button-search {
background: #333333;
display: block;
position: absolute;
top: 0;
right: 0;
border: none;
color: white;
width: 50px;
text-align: center;
padding: 10px 0 11px 0; }
#search_block_top .btn.button-search span {
display: none; }
#search_block_top .btn.button-search:before {
content: "f002";
display: block;
font-family: "FontAwesome";
font-size: 17px;
width: 100%;
text-align: center; }
#search_block_top .btn.button-search:hover {
color: #6f6f6f; }
#search_block_top #search_query_top {
display: inline;
padding: 0 13px;
height: 45px;
line-height: 45px;
background: #fbfbfb;
margin-right: 1px; }
.ac_results {
background: white;
border: 1px solid #d6d4d4;
width: 271px;
margin-top: -1px; }
.ac_results li {
padding: 0 10px;
font-weight: normal;
color: #686666;
font-size: 13px;
line-height: 22px; }
.ac_results li.ac_odd {
background: white; }
.ac_results li:hover, .ac_results li.ac_over {
background: #fbfbfb; }
form#searchbox {
position: relative; }
form#searchbox label {
color: #333333; }
form#searchbox input#search_query_block {
margin-right: 10px;
max-width: 222px;
margin-bottom: 10px;
display: inline-block;
float: left; }
form#searchbox .button.button-small {
float: left; }
form#searchbox .button.button-small i {
margin-right: 0; }
Por favor, podeis ayudarme con este cambio, lo mismo me he liado, que será lo más probable.
os pido disculpas de antemano.
URL del sitio: Contenido solo visible a usuarios registrados
El bloque de busqueda rápida, también está en el hook, displayHeader.
Respondido : 17/03/2015 7:59 pm
Hola
Lo que sucede es que el buscador que esta actaulmente es parte del menú, busca el módulo de menú y desactiva la funcion de buscar
Luego agrega un nuevo modulo de búsqueda en la misma posición en donde esta el carrito de compra es posible que el theme se vea mal pero veremos si se puede posicionar correctamente
Sin embargo de manera general te sugiero dejarlo con el módulo de busqueda que tienes ya que lo veo correctamente
Saludos.
Respondido : 17/03/2015 9:11 pm
El bloque de busqueda rápida ya está en la posición, que sugieres, displaytop y displayheader, he desactivado la barra de busqueda, pero sigue sin aparecer.
el tema es que pienso añadir nuevas categorias en la barra del menú, y veo sitio disponible encima.
Respondido : 17/03/2015 9:26 pm
Hola
Prueba displayheader, es decir la misma posición en donde estan tus otros módulos
También puedes ponerlo en la posición displaynav, en este caso ponlo antes que el menú.
Saludos
Respondido : 17/03/2015 9:46 pm
Hola, como comentaba el modulo está en displayheader, displaytop y ahora en displaynav, sigue sin verse,
He desactivado el modulo contentbox, pero sigue sin visualizarse la barra de busqueda.
salvo el css, no se me ocurre nada más , todo esto ya lo he probado.
Respondido : 17/03/2015 10:02 pm
¡Hola Alfredo!
El problema de por qué no se visualiza en tu página el buscador es debido a que en la caché del sitio la clase search_block_top tiene la propiedad display con el atributo none.
Prueba a vaciar la caché del sitio y en el caso de que no aparezca coloca:
#search_block_top {
display: inline !important;
}
Con esto, debe aparecer el navegador arriba tal y como marcas en la imagen.
Saludos
Respondido : 17/03/2015 10:34 pm
Hola,
hay que modificar entonces el archivo themes/amaltea/css/modules/blocksearch/blocksearch.css
en alguna posición en concreto, o con añadir la linea es suficiente.
gracias
Respondido : 18/03/2015 11:42 am
Hola,
Añade la nueva línea al final del archivo blocksearch.css. Así te aseguras de que el estilo se aplica en último lugar.
Respondido : 18/03/2015 3:27 pm
Hola, perfecto, ahora ya tenemos el bloque en su posición.
Podriais ayudarme a ajustarlo, el tamaño y la posición no es muy correcta.
he estado probando con firebug, pero me falta mucho rodaje.
la altura tanto de la caja como del botón de busqueda 32px y si podemos darle más longitud, mejor
la distancia entre el módulo superior y el inferior lo minimo posible, si es 10px o menos.
muchas gracias de antemano por el excelente soporte.
Respondido : 18/03/2015 4:06 pm
Hola
Puedes hacer las modificaciones con CSS, por ejemplo ubica el archivo
/themes/Amaltea/css/customuser.css
Agrega código CSS por ejempo para el tamaño del boton de busqueda y alineación ya que no se puede centrar se simula con un margen izquierdo:
#search_block_top .btn.button-search::before{
font-size:14px;
}
#search_block_top{
margin-left:150px;
}
Saludos.
Respondido : 18/03/2015 5:15 pm
Muchas gracias,
es posible ajustar el tamaño tanto de la caja de busqueda como el botón, a 32px?
y también ajustar los espacios entre el contentbox y la barra de menu, para que quede lo más ajustado posible.
gracias de nuevo. 🙂
Respondido : 18/03/2015 5:24 pm
Hola
Actualmente no se visualiza la búsqueda, te sugiero no hacer muchos cambios en esto, con lo que te he pasado ya se ve correctamente, compruebalo tambien en movil y verifica si se ve bien
Saludos.
Respondido : 18/03/2015 6:18 pm
No entiendo, yo lo veo perfectamente, unicamente, como te comentaba, como veo mucha separación respecto a la barra de menu y al modulo superior. me gustaria ajustarlo un poco, pero sin conocer css no me atrevo a cambiarlo.
Respondido : 18/03/2015 7:07 pm
Hola
Ok, lo tenía ne cache de navegador por eso no lo visualizaba
Según lo que entiendo quieres q no exista tanta separación entre el menú y la búsqueda , ubica el archivo
/themes/Amaltea/css/customuser.css
Agrega el código, puedes cambiar 10px por otro valor , también puedes usar especificamente padding-bottom:10px;
#search_block_top{
padding:10px;
}
Saludos.
Respondido : 18/03/2015 8:21 pm
