Help with Ez-Page Header, Footer bar and Categories

[cumbrianrider]

Hi all.

Can anybody help me with a few queries please.

I have just installed Zencart and started the porcess of customising my stylesheet and tweaking things to how I want them but am now a bit stuck.

The first query is about the Ez-Page Header.

I would like to loose the links off of it but from what I can find in FAQ's if I do this the header will automatically disappear.

Is there a way to keep it without any text on it ? If not, can I either create my own links on it, and if so, how / where ?

Alternatively, can I generate a simple bar to replace it ? I just need a divider bar that keeps the same colour etc. if not links are used. Presumably this is a case of creating a link in the CSS stylesheet in the correct place ??

For my CSS sheet I am sticking with the default template colours as this happenes to be perfect for what I need to match into my main site colour scheme anyway so that part is ok.

I am not a complete novice at CSS or html but not an expert either so please be gentle !

The second query is about the Cartegories part that goes across the top of the page below the logo and above the Ez-page header bar.

I have changed my logo etc and identified the part of teh CSS sheet I needed to edit to suit what I wantecd so no problem there but cannot seem to find what controls the Categories bit of that area of the template.

In particular, I want to change the colour of the text ! Light grey on pale yellow is not a good combination.

Where is this ? Is it a "wrapper" or am I looking for the wrong thing in the stylesheet?

The third query is about the footer bar.

I found the tpl_footer.php and the tpl_footer.php and been working at making changes in that area. Header I have changed no problem but cannot seem to get changes the the footer to work.

Again, I want to loose some of the default links and add my own.
I am I looking at the corect file and if so, is there something else I need to do the get the changes to show ?

The fourth query is about the Copyright...... area of the template.

I don't like IP address showing so have removed that bit but would like to replace this with a small logo above the Copyright bit. How / Where do I need to add this in and how.

Sorry it's so many questions but thought it better to try and group a few things together.

Any help on this much appreciated.


CR

[niccol]

It is really really helpful to have as much information as you can give. In this case a URL would be super super helpful.

Is there a way to keep it without any text on it ? If not, can I either create my own links on it, and if so, how / where ?

Alternatively, can I generate a simple bar to replace it ? I just need a divider bar that keeps the same colour etc. if not links are used. Presumably this is a case of creating a link in the CSS stylesheet in the correct place ??

Any of these options are possible. You said that you had a look at the file tpl_header.php so we'll start with that. You could turn of the category links and the EZpages links in the admin and add a new <div> into tpl_header.php to create a coloured divide. The new <div> would go just above the block of code that creates the categories links which is this:

<!--bof-optional categories tabs navigation display-->
<?php require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php'); ?>
<!--eof-optional categories tabs navigation display-->

You could put whatever links you want in there. There are other ways of doing this too so if this doesn't suit you then I'll come up with other options.

=========

Color of text in the categories links. Are these the category links at the top of the page? If so they are in an element whose ID is navCatTabs, so a rule like this will change the color:

#navCatTabs a{color:red;}
#navCatTabs a:hover{color:blue;}

Should change the color of the links.

==============

Yes, tpl_footer.php is one of the files that creates the footer. You can approach the edit exactly the same way as you did in the tpl_header case. If it is having no effect then check that you are editing the copy of that file in the active template. IE in your template. You need to edit the override copy of the file. If you do not understand the override system then ... well, you really have to. Search the tutorials for information to start with.

==========

In tpl_footer you will find a lump of code that looks like this:

<!--bof-ip address display -->
<?php
if (SHOW_FOOTER_IP == '1') {
?>
<div id="siteinfoIP"><?php echo TEXT_YOUR_IP_ADDRESS . '  ' . $_SERVER['REMOTE_ADDR']; ?></div>
<?php
}
?>
<!--eof-ip address display -->

<!--bof-banner #5 display -->
<?php
  if (SHOW_BANNERS_GROUP_SET5 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET5)) {
    if ($banner->RecordCount() > 0) {
?>
<div id="bannerFive" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
    }
  }
?>
<!--eof-banner #5 display -->

<!--bof- site copyright display -->
<div id="siteinfoLegal" class="legalCopyright"><?php echo FOOTER_TEXT_BODY; ?></div>
<!--eof- site copyright display -->

You can stop the IP address being shown from the admin area. Then you can add whatever you want just above the line that says :

<div id="siteinfoLegal" class="legalCopyright"><?php echo FOOTER_TEXT_BODY; ?></div>

Hope that helps a bit.

[cumbrianrider]

Hi Nick.

Many thanks for your replies. They are a great help.

The first query about the Ez-Page header.

I think maybe for now my best option will be to just add a new bar in place of the header bar using the <div> command and just turn the Ez-page one off until I get more time to play with that area. Especially as I'm not sure I want any link in there.

At the moment I am still toying with the idea of all links being at the very top and this bar area a divider. The laternative is to make the blank bar at the very top of the page and put all links where the Ez-page header bar is. Still undecided. I guess once they are set up I could just reverse their postion via the stylesheet ?

Second query.

Yes, it is the categories bit directly under the logo in the default template. I couldn't work out what that bit was called to figure out what to change in the stylesheet settings.

I will have another go at that one.

Query three.

Hmmm.... Ok, think maybe I am calling this the wrong thing.

It the green bar at the bottom that says "My account" "Site map" "Privacy" "Shared" that I need to change.

This might explain why what I thougt I was trying to do didn't work.

Looks like I need to look at a few more things to tweek that area.

I assume this is another Header bar, not the footer ?

Query four.

Many thanks. Yes managed to ditch the IP part no problem, just wasn't quite sure where to put the link for an image to go above the copyright bit. Will have anoth go at that.

Will PM the link.

I still have a lot of the default stuff in there are the moment as need to learn how everything links together before I take that side of things out so a bit of a hybrid layout at the moment.
Any feedback much appreciated

CR

[niccol]

Well, a URL will help people work out what the issues are much more easily. Every single person here has been where you are so don't worry about what it looks like! If you are worried about the link being indexed ( this forum gets indexed by search engines really really really fast) then just put a space or something else in the middle of the URL and ask people to take it out.

[niccol]

If you aren't already, then may I suggest that you use Firefox as your browser when you are 'developing'. It is free and one of the better browsers.

More importantly it has a fantastic add-on called 'web developer toolbar' that allows you to click on an element of the page and it will tell you the element ID and classes. Super super useful for getting your css rules to work.

Also you can edit the css file from within the toolbars and try out your new effects (then you have to copy them into your actual css file).

Personally, I think it is a must have for working on Zen Cart....

[cumbrianrider]

Hi Nick.

PM'd you.

Thanks for the tips.

Yes, already on Firefox .... ditchedc IE a very long time ago ! Absolutely hate it as it's so prone to hackes, spammers and nasties !



CR

[niccol]

As far as the EZPages link goes a workaround for the time being would be to add this to the bottom of your stylesheet:

#navEZPagesTop a{display:none;}

I think that will play the game(ie leave the bar but get rid of the links) in all browsers but you'd need to check it in internet explorer versions 6 7 and 8.

Second query: you should be able to turn this off in admin. It near the bottom of admin>>configuration>>layout settings.

Third query: At the bottom try:

#navSuppWrapper{height:20px;}
#navSupp ul{display:none;}

Forth query: you can turn off IP display in admin . Again admin>>configuration>>layout settings near the bottom.

[cumbrianrider]

Hi Nick.

Many thanks for all of your help.

I'll have ago tomorrow. Think my poor brain is just about frazzled for today. It's been a long day.

I've just gone and grabbed the web developer toolbar for Firefox so that should help a lot too.





Time to catch some sleep.

CR.

[cumbrianrider]

Hi Nick.

Tried this one:

#navEZPagesTop a{display:none;}

It has got rid of all of the text but not the :: that was between the text. Any ideas where this is please ?

BTW I love the WEb Developers toolbar on Firefox. Thats made life a lot easier.



CR

[niccol]

You can adjust what separator is used ( ie :: ) in admin>>configuration>>EZPages Settings. Just set it to &nbsp; and you won't see anything there. This is all a bit of a work around but if it works, it works.