Zen Cart Logo
Forums / Setting Up Categories, Products, Attributes / Changing top navigation to text?

Changing top navigation to text?

Views: 716

Results 1 to 7 of 7
23 Dec 2011, 6:18 AM
#1
faithr avatar

faithr

New Zenner

Join Date:
Dec 2011
Location:
Pine Brook, NJ
Posts:
28
Plugin Contributions:
0

Changing top navigation to text?

Presently, I have linked categories on the top and left sidebar (which will stay) of my page. I need to replace the linked categories at the top and replace them with a mission statement and can't find this file in e-z pages or layout controller. A sample source code is below (thank you for your help:shocking:):

<div id="navCatTabsWrapper"> <div id="navCatTabs"> <ul> <li><a class="category-top" href="http://www.northeastjanitorial.com/janitorial_supplies/index.php?main_page=index&cPath=56">Air movers, Air filters and Fans</a> </li>
23 Dec 2011, 10:35 AM
#2
stevesh avatar

stevesh

Black Belt

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

Re: Changing top navigation to text?

Admin - Configuration - Layout Settings - Categories-Tabs Menu ON/OFF to turn the categories off.

You'll need to insert your mission statement text into tpl_header.php.

24 Dec 2011, 4:52 AM
#3
faithr avatar

faithr

New Zenner

Join Date:
Dec 2011
Location:
Pine Brook, NJ
Posts:
28
Plugin Contributions:
0

Re: Changing top navigation to text?

Thanks, Stevesh.

I tried to add a test statement to my tpl_header.php (found in my template default/common/

...and replaced it on the server and didn't see a change. Perhaps you can guide me regarding placement (line number and code placement for the mission statement). I would also like to make the text white and 12 pt. Where can I add a span class? Thanks! PS. I just purchased the Zen Cart Manual and hope to get u-to-speed soon.

(around line 76)
?>
<div id="tagline"><?php echo HEADER_SALES_TEXT;?><h1>test</h1></div>

<?php
24 Dec 2011, 11:01 AM
#4
stevesh avatar

stevesh

Black Belt

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

Re: Changing top navigation to text?

Look at http: //www.stevesh.org/demo

I added this:

<div class="mission">This is my mission statement.</div>

right after this:

<!--eof-header logo and navigation display-->

then, in the stylesheet:

.mission {font-size: 1.5em; color: #ff0000; text-align: center;}

24 Dec 2011, 3:41 PM
#5
faithr avatar

faithr

New Zenner

Join Date:
Dec 2011
Location:
Pine Brook, NJ
Posts:
28
Plugin Contributions:
0

Re: Changing top navigation to text?

Thank you, Steve. I followed the steps you outlined and the mission statement is still not showing.http://www.zen-cart.com/forum/images/smilies/blush.gif Here is the text I inserted in my tpl_header.php

<!--eof-header logo and navigation display--> <div class="mission">Our mission at Northeast Janitorial Supply, Inc. is to provide customers with the knowledge and tools necessary to maintain a quality environment in which to work and live. Our focus on environmentally friendly products coupled with over 40 years of experience ensures we guide our customers safety toward the results they should expect. </div>

I also placed:
.mission {font-size: 1.5em; color: #ff0000; text-align: center;}

at the bottom of my stylesheet.css found in my template...template default...css folder.

The website address is:
http://www.northeastjanitorial.com/janitorial_supplies/?main_page=indexhttp://www.zen-cart.com/forum/images

Your help is greatly appreciated. http://www.zen-cart.com/forum/images/smilies/big_grin.gif

24 Dec 2011, 4:44 PM
#6
stevesh avatar

stevesh

Black Belt

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

Re: Changing top navigation to text?

Since you're using the Classic template, the edited tpl_header.php file needs to be in includes/templates/classic/common, and you need to add that rule to the stylesheet.css file in the css folder under classic.

Before you do anything else, though, create your custom template:

https://www.zen-cart.com/tutorials/index.php?article=142
https://www.zen-cart.com/tutorials/index.php?article=143

24 Dec 2011, 6:47 PM
#7
faithr avatar

faithr

New Zenner

Join Date:
Dec 2011
Location:
Pine Brook, NJ
Posts:
28
Plugin Contributions:
0

Re: Changing top navigation to text?

Thank you so much, Steve.