Jump to content

moving search box


Recommended Posts

Too move the search box to the "topnavbar" you need to transplant the module into that hook.

1.Go to your backoffice and open the Modules menu.

2.Open the submenu "Positions"

3.Click on the anchor in the top right corner saying "Transplant a module"

4.Select "Quick Search Block" and the "displayNav" hook, like in this picture

3c7tkNy.jpg

5. Press Save

6. Now you got the Searchbox in the "topnav" unfortunately the css rules need to be adapted as well... havent sorted that out yet :(

 

EDIT: Okay here we go again

 

7. You need to change the css file for this. Open the file "root/themes/default-bootstrap/css/modules/blocksearch/blocksearch.css" with a editor

8. Remove this code on the first lines

#search_block_top {
  padding-top: 50px; }

9. Okay now we should remove the old searchbox, otherwise we have two

Go back to backoffice "Modules--->Positions" and in the "Show" dropdown select "quicksearchblock" page will refresh and you will see four positions where this module is hooked into.

We want to unhook it from "displayTop". To do this we need to click on the little arrow next to the edit button and press "unhook".

gJgWrTT.jpg

Now it should look like this:

IrfGMHQ.jpg

 

Still not perfect but we getting there.

CSS needs plenty of changes

Edited by thepan (see edit history)
Link to comment
Share on other sites

thank you!!

 

how to change it to match the the other links on there was (IS) my next question.

and how to move it along as it's not quite where i want it. and it looks awful lol

 

maybe someone else will help  :)

 

but that's a start, thanks again x

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...