MOD: quick search-box

A few people asked for this hack and i had a few mins. left:



Its about the same principle as the Authentication Mod.

You’ll loose the (always visible) search-input and get it back only when

clicked on a new search button, like this:

[ATTACH]254[/ATTACH]

Click the button to toggle visibility of the quick-search-box.



Again, its a quick & dirty one, tested in the lite_orange-skin

and only in version 1.3.4. Help each other out to get some dots on

the i in your case concerning layout and stuff…

4 very easy/fast steps:















[COLOR=“Red”]STEP 1:

-----------------------------------------------------------------[/COLOR]


Open file [COLOR=“red”]skins//customer/top_menu.tpl[/COLOR]



[COLOR=“seagreen”]a.[/COLOR]Add (thus insert) beneath the 1st line:

```php

{include file=“side_boxes/search.tpl”}

```



[COLOR=“SeaGreen”]b.[/COLOR]Around line 18 there’s a [COLOR=“Blue”]colspan=“16”[/COLOR] or something. increase the 16 with 2

so it reads [COLOR=“blue”]


[COLOR=“SeaGreen”]c.[/COLOR]

Add this code where you want the button. If you look closely you can see

it fits anywhere in there to your needs. Paste this code inbetween 2 buttons:

```php

{assign var=“active” value=“”}

{assign var=“on_click” value=“”}

{include file=“buttons/top_menu_button.tpl” but_content=“$lang.search”}







```











[COLOR=“Red”]STEP 2:

-----------------------------------------------------------------[/COLOR]


Open file [COLOR=“red”]skins//customer/top.tpl[/COLOR]



Around line 17 or so you can read:

{include file="side_boxes/search.tpl"}

replace this with













[COLOR=“Red”]STEP 3:

-----------------------------------------------------------------[/COLOR]


Open file [COLOR=“red”]skins//customer/styles.css[/COLOR]

Add at the [COLOR=“blue”]bottom[/COLOR]

.quicksearch_box {
position: absolute;
left:440px;
border:1px solid #cccccc;
background-color:#eaeaea;
top:63px;
width:200px;
height:75px;
z-index:10001;
}












[COLOR=“Red”]STEP 4:

-----------------------------------------------------------------[/COLOR]


Open file [COLOR=“red”]skins//customer/side_boxes/search.tpl[/COLOR]

Somewhere at the bottom you see:



ADD BEFORE THIS LINE












Adjust all styles (top. left etc) that you made in step 3 to your own likes (higher, lower, bordercolor, etc…)



Again, this was quick&dirty, so corrections below please :stuck_out_tongue:

quicksearch.gif

Hi nwsco



Nice one, THX