(Solucionado) Modificar blocksearch

[Lire]

Holitas, hoy traigo un problemilla con la bichosa barra de busqueda de la tienda.

 

Por un lado me gustaria añadir un texto que estubiera en la barra, la cual dijera algo como "Buscardos de productos", la cual al picar desaparezca y el cliente inserte los terminos para la busqueda.

 

 

Y por otro lado ver si hay alguna manera de que el boton de buscar aparezca igual en todos los navegadores, o aunque no sea igual pero que se vea que es, porque en explorer no sale apenas, en chrome sale raro, solo sale bien en firefox, creia que era la imagen pero ya e porbado varias y sin resultado...

 

http://www.centralseeds.com

Edited July 19, 2012 by lirelok (see edit history)

[Lire]

uff statictic, a mi me lo tienes que explicar como para cazurros, jejeje

 

En que archivo esta eso? y cual es el texto que debo cambiar?

 

sobre lo del boton de buscar esque me sale diferente en cada navegador que lo visualize, ahora e conseguido que se vea el texto buscar, pero todavia esta en posicion diferente, sobretodo mirandolo con explorer.

[Lire]

no, perdoname a mi que soy el cazurro...xDD

 

Voy a ello!!

[Lire]

modifique el archivo module/blocksearch/blocksearch-top.tp, quedando el codigo asi:

 

<div id="search_block_top">

 

<form method="get" action="{$link->getPageLink('search.php')}" id="searchbox">

<p>

<label for="search_query_top"><!-- image on background --></label>

<input type="hidden" name="orderby" value="position" />

<input type="hidden" name="orderway" value="desc" />

<input class="search_query" type="text" id="search_query_top" name="search_query" onblur="javascript:if(this.value=='')this.value='{l s='Search for products...' mod='blocksearch'}';" onfocus="javascript:if(this.value=='{l s='Search for products...' mod='blocksearch'}')this.value='';" value="{l s='Search for products...' mod='blocksearch'}" />

<input type="submit" name="submit_search" value="{l s='Search' mod='blocksearch'}" class="button" />

</p>

</form>

</div>

 

Luego elimine el archivo de la carpeta tools/smarty/compile/ : ...952e.file.blocksearch-top.tpl

 

Pero no veo cambio ninguno, hay algo mal?

 

Sobre lo del boton buscar ahora en firefox se ve perfecto, pero sigue saliendo desplazado en chrome y explorer de igual manera

[Lire]

oki lo e hecho, solo me falta borrar el cache de la plantilla, donde esta? no veo tal carpeta dentro del theme

[nadie]

lirelok, yo veo que usted no ha ningún realizado cambio en este fichero:

 

/themes/prestashop_new/modules/blocksearch//blocksearch-top.tpl

[Lire]

que razon tienes nadie, por alguna razon no me subio bien el archivo, ahora si que sale el texto en la barra, pero con algunos problemas, sale otro texto que hace duplicar el boton buscar

[Lire]

genial!!! bueno ahora solo me falta borrar el texto que sale encima de la imagen, ahora la imagen sale bastante mejor en explore que es el importante a la vez que explore, en el chrome sale un poco desplazado, pero bueno, asi esta muchisimo mejor que estaba.

[Lire]

No tranquilo el boton no está duplicado, añadele esto al mismo #search_block_top .buttom

text-indent: -9999px;

Con eso el texto queda fuera de la vista... jejeje

 

ams! que respondiste mientra escribia el post anterio, ahora si que no sale el texto, solo me falta cambiar el idioma que debo buscar ahora.....xDD

 

Mil gracias

[nadie]

En Chrome se ve un poco levantado. D

[Lire]

sip eso es lo que decia, alguna idea para acabarlo de colocar?

[nadie]

Seguramente esto no funcionara, pero prueba dejar eso así:

 

#search_block_top .button {
border: medium none;
height: 22px;
position: absolute;
left: 263px;
top: -1px;
width: 83px;
border-radius: 0 4px 4px 0;
color: white;
text-transform: uppercase;
text-indent: -9999px;
background: url(../../../img/bg_search_submit.png) repeat-x 0 0;
}

[nadie]

Pero prueba lo te diga statitic, yo no tengo chrome aquí..

Edited July 19, 2012 by nadie (see edit history)

[Lire]

YEA!! PERFECTO!!! jejeje Mil gracias

 

Una cosita mas, donde esta para cambiar el texto que ehmos puesto en la barra, el "Search for products..." , no lo veo en traducciones.

[nadie]

YEA!! PERFECTO!!! jejeje Mil gracias

 

Una cosita mas, donde esta para cambiar el texto que ehmos puesto en la barra, el "Search for products..." , no lo veo en traducciones.

Pestaña Herramientas -> Traducciones -> Traducciones de los módulos.

[nadie]

Al final como lo dejaste?

[Lire]

Como dijiste tu nadie

 

#search_block_top .button {

border: medium none;

height: 22px;

position: absolute;

left: 263px;

top: -1px;

width: 83px;

border-radius:0 4px 4px 0;

color: white;

text-transform:uppercase;

text-indent: -9999px;

background:url(../../../img/bg_search_submit.png) repeat-x 0 0;

}

 

Soys unos crack´s, por cierto nadie, supongo que ya no recuerdas este post: http://www.prestashop.com/forums/topic/174654-modulo-block-reinsurance-v10/ ...xD Cuando puedas explicame un poco que yo luego voy probando, si no me sale no dare la tabarra...xdD

 

saludillos

[nadie]

Como dijiste tu nadie

 

#search_block_top .button {

border: medium none;

height: 22px;

position: absolute;

left: 263px;

top: -1px;

width: 83px;

border-radius:0 4px 4px 0;

color: white;

text-transform:uppercase;

text-indent: -9999px;

background:url(../../../img/bg_search_submit.png) repeat-x 0 0;

}

 

 

 

Ammm curioso, bueno si te funciona bienvenido es la solución que te he comentado, aunque ya te dije, que te lo he comentado a ojo..

[Lire]

/* block top search */

#search_block_top {

position:absolute;

top:44px;

left:0;

}

#search_block_top p {

padding:0;

}

#search_block_top #search_query_top {

padding:0 5px;

height:22px;

width:250px;/* 310 */

border:1px solid #666;

border-right:1px solid #fff !important;

color:#666;

background:url(../../../img/bg_search_input.png) repeat-x 0 0 #fff;

}

 

#search_block_top .button {

border: medium none;

height: 22px;

position: absolute;

left: 263px;

top: -1px;

width: 83px;

border-radius:0 4px 4px 0;

color: white;

text-transform:uppercase;

text-indent: -9999px;

background:url(../../../img/bg_search_submit.png) repeat-x 0 0;

}

 

/*\*//*/div.madiv {

#search_block_top .button {top: 5px;} /* hack ie 8 */

}/* */

 

 

Ese es el archivo entero.