Move Search box from top of pages to left column - lose style?

[Detelin Markov]

Hi,

 

Now i try to move search box from top of pages to left column but in left column this box get different style.

 

I try to add style with #search_block_left  but working only for title and whole module but not for fields and button.

 

How to add style that already have to transplanted in left column search box module?

 

You can see it live at: bijutaniki.com (boat: in top and in the left - now i try to add style in left column and then i remove it from top of pages)

 

And screenshots:

 

Presta: 15.6.1

 

Thanks.

 

/Detelin Markov

Edited February 25, 2014 by Detelin Markov (see edit history)

[vekia]

everything depends on other styles.

due to the fact that you use non default theme, i have to check it

 

but unfortunately, your page loads loads and finally die

it's a problem with your website, or with my connection? i have no idea

[Detelin Markov]

I modified a little bit (or may be not so little ) default 1.5 theme.

 

In fact: I learn how to transform default theme to that you see now from forum and moderators blogs (sites) - your site, nemo`s site and 1-2 others.

 

Hmmm. I don`t have problems with page load. ( i see you in zopim dashboard before minutes like visitor )

 

But i have other question. I find solution to get style of my left column. How to put "write text to search ot something in input field". Now is showing on top of field instead in field? Attach picture.

 

 

---- I find my own solution. ----

 

Override blocksearch.tpl (in my theme folder) to:

<code>

<!-- Block search module -->

<div id="search_block_left" class="block exclusive">

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

<p>

<label for="search_query_block">{l s='Enter a product name' mod='blocksearch'}</label>

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

<input type="hidden" name="controller" value="search" />

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

<input class="search_query" type="text" id="search_query_block" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|htmlentities:$ENT_QUOTES:'utf-8'|stripslashes}{/if}" />

<input type="submit" id="search_button" class="button_mini" value="{l s='' mod='blocksearch'}" />

</p>

</form>

</div>

{include file="$self/blocksearch-instantsearch.tpl"}

<!-- /Block search module -->

</code>

 

and touch little bit blocksearch.css file (in modules/blocksearch)

<code>

#search_block_left { /*add this to change width and height of left search block)*/

display:block;

height: 60px;

}

form#searchbox input#search_query_block{

/*here copy style from #search_block_top #search_query_top */

}

form#searchbox input#search_button{

/*here copy style from #search_block_left .button */

}

</code>