Barra de Busqueda Fija - SOLUCIONADO

[gika]

Hola,

Tengo un problema que no consigo resolver, en mi web www.camaras-espias.com no consigo que la barra de busqueda se quede fija. Es decir, solo aparece la barra de busqueda cuando situo el puntero sobre la lupa.

 

Yo necesito que siempre esté fija la barra de busqueda, ¿alguien sabe como puedo hacerlo?

 

Gracias por vuestra ayuda

Edited July 25, 2013 by gika (see edit history)

[Sergio Ruiz]

Hola,

Tengo un problema que no consigo resolver, en mi web www.camaras-espias.com no consigo que la barra de busqueda se quede fija. Es decir, solo aparece la barra de busqueda cuando situo el puntero sobre la lupa.

 

Yo necesito que siempre esté fija la barra de busqueda, ¿alguien sabe como puedo hacerlo?

 

Gracias por vuestra ayuda

 

Parece como un efecto de "js", quizas tocandolo puedas bloquearlo..

[jesa]

Por lo que veo el funcionamiento de tu buscador es "correcto", pero a tí no te gusta que sea así no?

Tu theme debe tener un módulo buscador animado que es el que tienes y hace que desaparezca y aparezca cada vez que pulsas. Mira en el código de ese módulo que tendrás supuestamente un código javascript que hace esa funcionalidad y estará relacionado con el campo "search_query".

[Sergio Ruiz]

Por lo que veo el funcionamiento de tu buscador es "correcto", pero a tí no te gusta que sea así no?

Tu theme debe tener un módulo buscador animado que es el que tienes y hace que desaparezca y aparezca cada vez que pulsas. Mira en el código de ese módulo que tendrás supuestamente un código javascript que hace esa funcionalidad y estará relacionado con el campo "search_query".

 

Pues eso un js, lo que dije arriba, ahora falta decir, donde, como y cuando.

[jesa]

es lo que tiene escribir a la vez...

[Sergio Ruiz]

Lo encontre, aqui:

 

http://www.camaras-espias.com/modules/stylechanger/js/search/script.js

 

lo tienes.

[Sergio Ruiz]

es lo que tiene escribir a la vez...

A la vez no, matemáticamente es imposible.

[gika]

Lo encontre, aqui:

 

http://www.camaras-espias.com/modules/stylechanger/js/search/script.js

 

lo tienes.

 

¿Entonces tengo que modificar el fichero script.js? ¿Que tengo que cambiar?

[gika]

Alguna ayudita? Rubalcaba? Jesa?

[deabaria]

igual en tu back en modulos tienes

stylechanger y dentro puedes configurarlo

[Sergio Ruiz]

Ni idea, cambia esto:

 

submit.css({display:'none'});

 

por esto:

 

submit.css({display:'block'});

[gika]

Ni idea, cambia esto:

 

submit.css({display:'none'});

 

por esto:

 

submit.css({display:'block'});

 

Nada Rubalcaba lo he cambiado y nada de nada, no ha hecho nada, ¿Alguna sugerencia más? Llevo intentando de todo y no hay manera y al que le he comprado el tema no me responde.

 

Ya no se que más hacer, es un misterio sin resolver aunque a priori no debe ser tan dificil, no?

 

igual en tu back en modulos tienes

stylechanger y dentro puedes configurarlo

 

Nada, también lo he intentado por ahí y nada de nada, ¿algo más que intentar?

[gika]

Ningún experto que me pueda echar un cable???

[gika]

Alguna ayudita por favor??

[nadie]

Buenas noches, estoy en el movil, por lo tanto no puedo ver tu web, ni el fichero que menciona Rubalcaba, si quieres me puedes enviar acceso FTP y panel de administracion, y mirartelo personalmente. (No te preocupes, que no te cobro nada)

[Sergio Ruiz]

Ya lo tienes solucionado, revisa tu tienda: http://www.camaras-espias.com/

[nadie]

Ya lo tienes solucionado, revisa tu tienda: http://www.camaras-espias.com/

 

Si, efectivamente Rubalcaba, acabo de modificarle un par de cositas pues me ha pasado los datos de acceso al FTP, y ya lo tiene funcionando.

 

Un Saludo

[nadie]

Para los interesados, lo que he realizado, es ir al fichero:

 

http://www.camaras-espias.com/themes/deco_evo/css/modules/stylechanger/StyleC_1.css

 

Buscar esto:

 

div.animatesearch {
background:url(../../../img_white/search_input.png) no-repeat left top transparent!important;
cursor:pointer;
float:right;
opacity:0;
padding:12px;
position:absolute;
width:2px;
display:none;
/*top:115px;*/
/*top:130px;
right:25px;
z-index:3000;
}

 

Y dejarlo asi:

 

div.animatesearch {
background: url(../../../img_white/search_input.png) no-repeat left top transparent!important;
cursor: pointer;
float: right;
opacity: 1;
padding: 12px;
position: absolute;
display: block;
top: 130px;
right: 40px;
z-index: 3000;
width: 134px;
}

 

Despues, he ido al fichero:

 

http://www.camaras-espias.com/modules/stylechanger/js/search/script.js

 

He buscado esto:

 

$('input#search_query').parent().animate({
width:'210px',
right: '50px',
opacity:'1'
},300,function(){
}).addClass('focus');
})
$('input#search_query').bind('mouseleave',function(){
$('input#search_query').parent().animate({
width:'0',
right: '25px',
opacity:'0'
}

 

Y lo he dejado asi:

 

$('input#search_query').parent().animate({
width:'134px',
right: '40px',
opacity:'1'
},300,function(){
}).addClass('focus');
})
$('input#search_query').bind('mouseleave',function(){
$('input#search_query').parent().animate({
width:'134px',
right: '40px',
opacity:'1'
}

 

Recuerda que sino ves el cambio, limpia la cache de tu navegador. )

[gika]

Mil Gracias Victor, eres un genio!!!!!!!!!!!!!!!!!!!!!

[nadie]

Mil Gracias Victor, eres un genio!!!!!!!!!!!!!!!!!!!!!

Un placer ayudarte y servirte!

 

Si das el tema como solucionado, edita el titulo del tema, editando el primer mensaje, pulsando en editar, y después en "Usar editor completo", añadiendo la palabra "Solucionado" al titulo, esto ayudara, a mantener una mayor organización en el foro.

 

Un saludo y recuerda que estaremos en el foro, para guiarte por este mundo oscuro y tenebroso.