Jump to content

Move the search box and cart to main menu


YaniParga
 Share

Recommended Posts

Hi...

 

Goto your_admin->Module and service-> find 'Top horizontal menu'

then after configure your module and enable search bar.

 

thanks

 

 

 

Hello!
Thanks for your answer!
But if I activate that option does not show the magnifying glass icon.
How active the cart in that position?
 
Thanks!!!

Share this post


Link to post
Share on other sites

hi 

 

in search bar

 

that time you can change your "blocktopmenu.tpl" file which is locate "your_dir/themes/default-bootstrap/modules/blocktopmenu/blocktopmenu.tpl file
 

find this

<input type="text" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|escape:'html':'UTF-8'}{/if}" />

after add this code

<button type="submit" name="submit_search" class="btn btn-default button-search"> <span>{l s='Search' mod='blocksearch'}</span> </button>

add also the the your css code for glass icon

thanks

 

Edited by Nishith (see edit history)
  • Like 1

Share this post


Link to post
Share on other sites

Hi..

after add above add this code your "your_dir/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css" end of file

.sf-search .btn.button-search {
    background: #9fa94a ;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    color: #fff;
    width: 50px;
    text-align: center;
    padding: 10px 0 11px 0;
 }
.sf-search .btn.button-search span {
     display: none; 
}
.sf-search .btn.button-search:before {
      content: "\f002";
      display: block;
      font-family: "FontAwesome";
      font-size: 17px;
      width: 100%;
      text-align: center; 
}
.sf-search .btn.button-search:hover {
      color: #719f40 ; 
}

and also you can change some css property according your store.

thanks

Edited by Nishith (see edit history)
  • Like 1

Share this post


Link to post
Share on other sites

Hi..

 

after add above add this code your "your_dir/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css" end of file

.sf-search .btn.button-search {
    background: #9fa94a ;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    color: #fff;
    width: 50px;
    text-align: center;
    padding: 10px 0 11px 0;
 }
.sf-search .btn.button-search span {
     display: none; 
}
.sf-search .btn.button-search:before {
      content: "\f002";
      display: block;
      font-family: "FontAwesome";
      font-size: 17px;
      width: 100%;
      text-align: center; 
}
.sf-search .btn.button-search:hover {
      color: #719f40 ; 
}

and also you can change some css property according your store.

 

thanks

 

Thanks!!

It's looks great :D

 

But I still need add the cart. It's possible?

Share this post


Link to post
Share on other sites

  • 4 years later...

Good day

We paid for a modified SEARCH bar on our site which we no longer need.

 

We want to only have a standard search bar on the site.

 

How do we do that?

 

we found where the "code" is in the backoffice, but if we "unhook" it, we have no search bar...

 

We are not IT specialists.

 

PLEASE HELP

search bar 02.jpg

search bar 01.jpg

Share this post


Link to post
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
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More