Forums / Templates, Stylesheets, Page Layout / How to remove to top hear bar

How to remove to top hear bar

Views: 768

Results 1 to 6 of 6
17 Jan 2011, 6:01 AM
#1
wilsonshen avatar

wilsonshen

New Zenner

Join Date:
Apr 2010
Posts:
53
Plugin Contributions:
0

How to remove to top hear bar

Hi,all,
I am a newbie to Zen Cart.
Recently i am building a new ZC store. I bought a template in a shop. However, i want to do some modification work.
Here is my store: https://www.elechouse.com/store
I want to remove or hide the top header bar where a search box is located. But i do know how.
Anybody can tell me how to do it?

Thanks so much!

17 Jan 2011, 6:09 AM
#2
wilsonshen avatar

wilsonshen

New Zenner

Join Date:
Apr 2010
Posts:
53
Plugin Contributions:
0

Re: How to remove to top hear bar

I tried hide the search_header, but it does not work.
I did it as following:
Point your cursor at the Tools menu. Choose the Layout Boxes Controller. Find the search_header.php, turn both switches to off.

17 Jan 2011, 2:19 PM
#3
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: How to remove to top hear bar

You could add the red part to this in your stylesheet:

.topper-menu {
height:35px;
background:#d2d2d2 url(../images/topper-menu-bg.png) repeat-x;
display:none;}

If you plan to continue using this or other purchased templates, here's the best advice I can offer:

Install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

Some prefer Firebug, which does much the same thing.

17 Jan 2011, 3:17 PM
#4
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: How to remove to top hear bar

Or you could try comment the line in
includes/templates/TEMPLATE_NAME/common/tpl_header.php
where it requires the search field
form this

<?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?>

to this

<?php //require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?>

stevesh, please correct me if I am wrong.

18 Jan 2011, 9:47 AM
#5
wilsonshen avatar

wilsonshen

New Zenner

Join Date:
Apr 2010
Posts:
53
Plugin Contributions:
0

Re: How to remove to top hear bar

hi, stevesh:
Thanks so much for your advice. It really works.
I am a beginner about web programming. So some of your advice seems hard to understand for me.
I hope you can give me some instruction for beginners, if possible.
Anyway, thanks for helping me to solve the problem.

18 Jan 2011, 9:48 AM
#6
wilsonshen avatar

wilsonshen

New Zenner

Join Date:
Apr 2010
Posts:
53
Plugin Contributions:
0

Re: How to remove to top hear bar

hi, keneso:
Thanks for your posting. I tried stevesh's advice. It works.
Thanks all the same.