Jump to content

how to move position of the search bar?


Recommended Posts

okey, say that I have made a new div box in the bottom of the page, and this divbox gonna contain the searchbar. To the question, how do I move the searchbar in to the divbox*?? What I mean is what code are I suppose to modify to make this happen.

Thanks!

Link to comment
Share on other sites

ok, basically you index file calls header.tpl and footer.tpl in your themes. On these tpl files are the core main block divs fro header, left, centre, right and footer

When you transplant a module in the backend admin it uses the hooks that have been registered {HOOK-LEFT} for example. If you look at blocksearch in modules you will see there is a default tpl and also another tpl for the blocksearch_header. So you can create a different template and style you CSS depending on the position you transplant these modules to I think. I say think because due to a lack of docs, that is as far as I have got myself.

Of course, you could add your search directly into the template yourself and style the css, but you would not be able to then remove it via the backend modules.

Sorry, that is as clear as I can be right now - You have to reaserch more but hopefully it will point you in right direction

Link to comment
Share on other sites

...I have tried many things but without succeess.
Isnt header.tpl (in the themes map) supposed to contain everything on the header? Hence changing the positions or the command linking to another of the searchbar should be in this header.tpl, am I right?
Thanks in advance!

The same with the currency I want move the whole currency to a different position but without sucess

Link to comment
Share on other sites

I haven't try this myself. But it worth a try for you.

1. Go to admin --> module --> position.
2. *if you want* remove "quick search block" from header section. (This will remove search box from $HOOK_TOP in header.tpl)
3. transplant "quick search block" to footer section. (This will add search box into $HOOK_FOOTER in footer.tpl)
4. Change the style of search box in global.css as you wish.

Link to comment
Share on other sites

×
×
  • Create New...