Jump to content

Modifying header search box position


Recommended Posts

1)go to modules> positions

move blockSearch module to position after blockCart on modules list named displayTop

 

2) open themes/your-theme/modules/blockcart/blockcart.tpl

 

at the begining of the file add:

<div class="col-lg-4 pull-right>

and change line:

<div class="col-sm-4 clearfix{if $PS_CATALOG_MODE} header_user_catalog{/if}">

to:

<div class="col-sm-4 pull-right clearfix{if $PS_CATALOG_MODE} header_user_catalog{/if}">

3) go to /themes/your-theme/modules/blocksearch/blocksearch.tpl

at the very end of the file add:

</div>

change:

<div id="search_block_top" class="col-sm-4 clearfix">

to:

<div id="search_block_top" class="col-sm-4 pull-right clearfix">
Link to comment
Share on other sites

 

1)go to modules> positions

move blockSearch module to position after blockCart on modules list named displayTop

 

2) open themes/your-theme/modules/blockcart/blockcart.tpl

 

at the begining of the file add:

<div class="col-lg-4 pull-right>

and change line:

<div class="col-sm-4 clearfix{if $PS_CATALOG_MODE} header_user_catalog{/if}">

to:

<div class="col-sm-4 pull-right clearfix{if $PS_CATALOG_MODE} header_user_catalog{/if}">

3) go to /themes/your-theme/modules/blocksearch/blocksearch.tpl

at the very end of the file add:

</div>

change:

<div id="search_block_top" class="col-sm-4 clearfix">

to:

<div id="search_block_top" class="col-sm-4 pull-right clearfix">

 

 

3) I think you mean to edit this file "blocksearch-top.tpl" not this "blocksearch.tpl" .. correct?

Link to comment
Share on other sites

i don't remember now, but if contents of blocksearch-top.tpl are the same, change it there

i will check it once i will have an access to my PC :-)

 

 

Yea it have the content (code) you mentioned exactly and I changed it as per your instructions..

 

But it didn't give me the results I need :)

check the picture

post-872509-0-33190300-1422190789_thumb.png

Link to comment
Share on other sites

can you share url to page where you applied these changes? i need to inspect it.

i did it on my own while i was writing guide above, and it works exactly as you wanted.

 

I see the code doesn't take effect .. don't know why!

http://usedmotopart.com/

 

You can check both files here:

http://usedmotopart.com/vekia.rar

 

Open each file and search for "vekia" to get the modified part in the page

Link to comment
Share on other sites

1) you use different theme

2) it's a matter of cache and you just need to turn it off and recompile theme

 

ok, now I closed the cache and I recompiled the theme files and I see all the files code modifying has been changed..!

 

Now let's back again to the main problem and to change the positions of the "Search box" and "Cart"

Could you please Inspect the code you told me to add in both files "blocksearch-top.tpl" and "blockcart.tpl" to check if it's correct or not ?

 

http://usedmotopart.com/

 

You can check both files here:

http://usedmotopart.com/vekia.rar

 

Open each file and search for "vekia" to get the modified part in the page

post-872509-0-99334900-1422303244_thumb.png

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

this is your code

TA3r02B.png

 

compare it with my suggestions from post #4

you will see that code you have is not the code that i suggested to use

 

at the moment im not able to donwload files and browse them, im on mobile device

 

 

I found a small mistake in the code and I solved it..

Now we have successfully moved the 2 modules (Search box & Cart) to the right .. but both of them are overlaid to each other!

 

I think the next step should be in CSS to move "Cart" up and the "Search box" down :)

post-872509-0-82432900-1422404634_thumb.png

post-872509-0-88408600-1422404637_thumb.png

post-872509-0-52961600-1422404638_thumb.png

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

this is your code

TA3r02B.png

 

compare it with my suggestions from post #4

you will see that code you have is not the code that i suggested to use

 

at the moment im not able to donwload files and browse them, im on mobile device

 

 

I'm sorry if I'm annoying you :)

 

Did you check my last post #17?

Edited by ImperialTrader (see edit history)
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...