Categories Tabs menu issue

[duxfield]

Hi - I'm using the latest Future Zen template and its a breath of fresh air I tell you.

I wanted to remove the Categories Tabs menu from the main page of my site, just under the header image. I know you do this by going into Admin > Configuration > Layout Settings and setting Categories-Tabs Menu to 0 to hide the menu. BUT...now I've done that my site now has an ugly title bar image thingy displayed right across the page! If you go to my site you can see what I mean...its showing just under the main header image. Refer to http://sixvolts.co.nz/shop/

Could anyone help me get rid of this and explain why its happened? Better yet can someone also outline some approaches I could use to finding the cause of this type of issue myself? I'm just learning but want to try and work this stuff out myself so I get a better understanding of how Zen Cart hangs together. I compared the source code of the site when the Categories Tabs was there and when it wasn't but I can't find any code that is making this blue bar appear on my page.

Many thanks.

[kuroi]

The bar wasn't actually attached to the category tabs, but to the EZ-Pages header which you have also turned off.

To allow the bar to stretch, it needs each end to be attached to a different element. Having turned off the EZ-Pages header the right hand end has been turned off (which is why its not rounded anymore), but the left hand end, which is attached to the headerWrapper div is still showing.

To get rid if this and avoid the risk of accidentally turning half of it back on on its own, I recommend deleting the lines marked in red below form your stylesheet.

#navEZPagesTop {

background-image:url(../images/link_cap_right.gif);
background-repeat:no-repeat;
background-position:bottom right;

font-size: 0.95em;
font-weight: bold;
margin: 0em;
padding: 0.5em 0 0.5em 1.5em;

}

#headerWrapper {

background-image:url(../images/link_cap_left.gif);
background-repeat:no-repeat;
background-position:bottom left;

}

General advice on how to resolve issues like this? That's quite different as there are so many different types of issue each with different best approaches to find them. And in this case I had a slight advantage, having written the template in the first place! Had I not have done so, I would have started by trying to identify the name of the image, and would then have established by looking at the page's HTML code and stylesheet whether it was in the foreground or background and therefore where the edit needed to take place.

[duxfield]

Thanks for the reply kuroi - I sort of understand what you've said but I'm still not sure why I can only see that 'bar' when I've only turned off the Categories tabs. I checked my EZ-Pages settings and I have no entries under EZ Pages in Admin, so and I have not changed anything in the EZ-Pages areas at all - I don't know what its used for.

Can you step me through where this bar is coming from a bit more if possible? Why is it when I turn Caterogies Tabs back on I can no longer see the 'bar', or is it that it is really there but hidden somehow? Thanks

I can turn Categories Tabs back on if you would like to see what things look like when the bar is not displayed, just say the word.

[kuroi]

Take a look at this demo site. Here you can see future Zen with a full compliment of data and links as per the default install of Zen Cart with demo data.

This is how the bar normally works. The four links are called EZ-Pages links and are user definable via the Admin. I suspect that you have installed Zen Cart without data (which is normal when you build your own store), and so, as you say, you have no EZ-Pages links and therefore Zen Cart quite appropriately doesn't display the EZ-Pages data or the half of the capsule image that goes behind it.

However, the other half is attached to the headerWrapper which is still displayed. But, when the category tabs are displayed the image is either obscured or pushed down below the wrappers bottom border (it's unclear which and not really very important).

To get rid of it, just delete the styling highlighted in red in my earlier post as this is how it is placed there in the first place.

[duxfield]

thanks kuroi - that is an excellent explanation - referring me to the demo site really helped me understand. I'm going to look into EZ-pages. Thanks again.