How to remove category index?

Hi,
I'm setting up my first ZenCart and I've spent the last two weeks customizing my site and reading through the FAQs, but I still have a couple problems. I don't know how to remove the categories from the top of the page (just below my logo). I figured out how to remove them from the sidebar, but that's not what I want to do. Also, I've replaced all the buttons but can't figure out how to change the 'Search' button at the top of the page.
Here is a link to my 'work-in-progress' site.
http://www.theoccasionalcake.com/Cart/
Can someone help me, please?
Thanks, Amy

HI Amy, Depending on your template, you can remove the search feature and categories from the top section by adjusting the tpl_header.php file in your templates directory.

ALSMonarch:

Hi,
I'm setting up my first ZenCart and I've spent the last two weeks customizing my site and reading through the FAQs, but I still have a couple problems. I don't know how to remove the categories from the top of the page (just below my logo). I figured out how to remove them from the sidebar, but that's not what I want to do. Also, I've replaced all the buttons but can't figure out how to change the 'Search' button at the top of the page.
Here is a link to my 'work-in-progress' site.
http://www.theoccasionalcake.com/Cart/
Can someone help me, please?
Thanks, Amy

Hi Amy,

An easier way to remove the category display just beneath your logo, in Admin go to

Configuration > Layout Settings > Categories - Tabs Menu ON/OFF

and turn it off.

Also, doing it this way you won't have to worry about any overrides or changes you have to re-construct next time you upgrade.

Cheers,

Becky "-)

Hi Borat,

Thanks for the reply. I have been playing around with the tpl_header, as I assumed that's where the changes should be made. I found 'categories tabs navigation display' and tried to comment-out that section, but it won't let me.
I am happy with the placement of the search bar, I just need to replace the 'Search' button with one to match the rest of my buttons.
How should I change the tpl_header to remove the tabs?

Thanks!
Amy

Ooops, nevermind about the top category tabs. I figured it out. :blush:
Now I just need to know how to change the Search button.

Amy

Thanks Becky,

Your way was easier than the hack job I did removing the tabs from the script!!!

:P
Amy

ALSMonarch:

Thanks Becky,

Your way was easier than the hack job I did removing the tabs from the script!!!

:P
Amy

:happy: No problem!

Ok, here's how to change the Search button in the header using the override system:

1. If you do not have this file, copy it from the classic template

... includes/templates/[your template name]sideboxes/tpl_search_header.php

2. Open the file and change this line (roughly Line 19):

<input type="submit" value="' . HEADER_SEARCH_BUTTON . '" style="width: 45px" />';

to this....

<input type="image" src="[your path-to-image-etc here]" value="' . HEADER_SEARCH_BUTTON . '" style="width: 45px" />';

You'll have to modify styling as necessary, of course.

Hope that works for you!

Cheers,

Becky

Hi Becky,

In tpl_search_header I changed line 19 to this,
<input type="image" src="includes/templates/simple_zen/buttons/english/button_quick_find.gif" value="' . HEADER_SEARCH_BUTTON . '" style="width: 45px" />';
and I uploaded it. I also uploaded my image. However, it didn't change. Did I enter my image path wrong?

ALSMonarch:

Hi Becky,

In tpl_search_header I changed line 19 to this,
<input type="image" src="includes/templates/simple_zen/buttons/english/button_quick_find.gif" value="' . HEADER_SEARCH_BUTTON . '" style="width: 45px" />';
and I uploaded it. I also uploaded my image. However, it didn't change. Did I enter my image path wrong?

Hmmm... did you edit this file:

... includes/templates/simple_zen/sideboxes/tpl_search_header.php ?

From what I am seeing, I'm thinking you didn't edit that file, maybe you edited it in another template directory?

I tested it here and it works fine on my local installation.

Becky

Oh boy! You were right! I don't know what I edited, but it wasn't the right file. Now I've got it up. One more question, though. Do you know how I can get the text box to line up with the image?

http://www.theoccasionalcake.com/Cart/

Thanks Becky!

Amy

ALSMonarch:

Oh boy! You were right! I don't know what I edited, but it wasn't the right file. Now I've got it up. One more question, though. Do you know how I can get the text box to line up with the image?

http://www.theoccasionalcake.com/Cart/

Thanks Becky!

Amy

Hi Amy,

Good question! Hard answer. "-)

I fiddled a bit... if I was going to do it, I'd probably do it like this (note the inline style bits in red)

<form  name="quick_find_header" action="http://www.theoccasionalcake.com/Cart/index.php?main_page=advanced_search_result" method="get"><input type="hidden" name="main_page" value="advanced_search_result" /><input type="hidden" name="search_in_description" value="1" />
<input type="text" name="keyword" size="6" maxlength="30" style="float: left; width: 100px;" value="Enter search keywords here" onfocus="if (this.value == 'Enter search keywords here') this.value = '';" onblur="if (this.value == '') this.value = 'Enter search keywords here';" /> 
<input type="image" src="includes/templates/simple_zen/buttons/english/button_quick_find.gif" value="Search" style="float: left; width: 20px; height: 20px;" />
</form>

Notice that to make it look best, I did a No-no and resized the image with width and height in the style. I couldn't get it to line up correctly without making it smaller to match the height of the box. If you do something like this you'll need to re-create your image in the correct size and then you can drop the height/width bits.

At least this will give you a direction to look? I do have to say I didn't test this in Firefox or IE (I was working from cache in Opera) and I know IE sometimes hiccups with floats. So it may not be the cure. "-)

I'd love to see what you come up with for your site when you're done, it's really pleasing to the eye!

Cheers,

Becky

Hi Becky,

Your suggestion worked, but in the end I left it alone because I didn't want to button to be too small. Thanks for all your help!

Amy

Something has happened to my search button. :down: It's still fine in IE, but in Firefox, it has 'slipped' down and is now obstructing one of my other images.
Becky, if you're still out there, can you help me?

Thanks!!!

Amy

NOTE: the path to your Zen Cart for:
/Cart

is fine for "testing" or you ... but be sure when going Live you are either going to run this from the root or from a directory with lower case ...

No one will ever remember to type mixed case on an URL ... they have enough trouble typing domain names correctly ... :eek:

Back on topic, how can i change the categories in tab menu? I wanted to changed them to Home, log in, my account etc. and remove the Home, Log in on top header above the logo.

Hi Linda,
Yes, the site can be accessed with https://www.theoccasionalgift.com
I'm just so used to using the /Cart file, I often forget to post the domain name.

Also, I have a question about attributes here: http://www.zen-cart.com/forum/showthread.php?t=50309
Can you help me, please. I'm going crazy trying to figure it out! :wacko:

Thanks,

Amy

Tom_Ace:

Back on topic, how can i change the categories in tab menu? I wanted to changed them to Home, log in, my account etc. and remove the Home, Log in on top header above the logo.

You can do this by editing your customized tpl_header.php file.

ALSMonarch:

Something has happened to my search button. :down: It's still fine in IE, but in Firefox, it has 'slipped' down and is now obstructing one of my other images.
Becky, if you're still out there, can you help me?

Thanks!!!

Amy

Hi Amy,

Sorry... I've been under a deadline and missed this post. Bad Beckster! "-)

Did you solve this problem or do you still need help? If you need help, post the link and I'll look at it for you to see if I can help.

Cheers,

Becky

Hi Becky,

I am still trying to figure this out. The link is https://www.theoccasionalgift.com
As I mentioned before, it seems to appear fine in IE, but in Firefox my 'GO' (search) button has dropped down (out of line with my search text bar), and is now obstructing the image below it.
I'd appreciate any help you can give. :yes:

Thanks!

Amy

ALSMonarch:

Hi Becky,

I am still trying to figure this out. The link is https://www.theoccasionalgift.com
As I mentioned before, it seems to appear fine in IE, but in Firefox my 'GO' (search) button has dropped down (out of line with my search text bar), and is now obstructing the image below it.
I'd appreciate any help you can give. :yes:

Thanks!

Amy

Morning Amy!

I had a heckuva time getting your site to load this morning (it was very slow to answer), so I did some testing from cache and can tell you that the style additions below work in Opera... which means it will work in Firefox. I can't tell you if it impacts IE negatively because I couldn't get things loaded there. Anyhooooo...

Add the styling in red to the GO button image:

style="width: 33px; float: left; position: relative; top: 0px;

You may not even need anything other than the float -- you'll have to test it to see how it works in the other browsers. Opera did fine with just the float, but sometimes IE gets hinky.

Also, I didn't validate it. "-)

Love the look of your cart!! Let me know if this works, ok?

Cheers,

Becky