Custom Navigation?

**lmw1** · 30 Mar 2012, 06:46 AM

How can I implement my own custom navigation menu into my custom template?

Just need pointed in the right direction and I can take it from there.

Thanks in advance!
LMW1

**keneso** · 30 Mar 2012, 08:59 AM

With these two files
templates/YOUR_TEMPLATE/css/stylesheet.css
templates/YOUR_TEMPLATE/common/tpl_header.php

**schoolboy** · 31 Mar 2012, 06:25 PM

Originally Posted by lmw1

How can I implement my own custom navigation menu into my custom template?

WHERE do you want this navigation menu to appear?

Header
Side Column
Centre Column
Footer

And... where SPECIFICALLY in your chosen location would you like it? EG: at the TOP of the header or at the BOTTOM of the header... ?

**lmw1** · 31 Mar 2012, 11:58 PM

I want my main nav bar to appear right below the header on all pages of my site. I also want my subcategories to appear in a dropdown (which they are not doing right now). I can design and code my own navigation bar, right?

And in regards to the slideshow. I only want it to appear on the homepage (no other pages). Right now it shows up on every page. And again, I can script my own slideshow into my site, right?

All of the above would be very simple for me to do in static html site, but I'm sure there's a little more to know to integrate these things into my Zen-Cart site.

Any help in the right direction would be appreciated.

Respectfully,
LMW1

**schoolboy** · 1 Apr 2012, 02:02 PM

We use several header/dropdown techniques... some are tweaked from existing plugins.

SEE:
Example One
Example Two
Example Three

**lmw1** · 7 Apr 2012, 01:32 AM

Those are very nice.

Can you point me in the right direction on how/where to code my own custom navigation in Zen Cart?

I'm very proficient in coding (XHTML, HTML 5, CSS, etc), I just need to know "where" to place my custom code so it appears where I intend it to. I have my own custom template set-up using the overrides system as well.

Also, I know where to place CSS files, JS files, etc. but "where" do you put the code that "calls" them? I normally code these paths into the "head" section/body section, etc.

I'm just trying to wrap my head around the way Zen-Cart is built, once I figure that out...AWAY I GO!

Any pointers?

Respectfully,
LMW1

**schoolboy** · 8 Apr 2012, 02:30 PM

Search add-ons for drop-down menu.

In general, it works off /common/tpl_header.php and a corresponding component file tpl_drop_menu.php

The HEADER file calls in the DROP MENU file.

The add-on probably has a good README.

**gjh42** · 8 Apr 2012, 07:17 PM

Rather than coding your own HTML navigation from scratch, use one of the CSS dropdown menus in Free Addons and tweak it if necessary. The most comprehensive one I understand has examples for adding more submenus.

You will need some PHP to dynamically populate the categories dropdowns unless you want to namually rework the menu every time you change a subcategory. The available mods use PHP to do it all dynamically.

**gjh42** · 8 Apr 2012, 07:23 PM

You don't need to insert anything in the <head> to load javascript or CSS files, as the Zen Cart code does it automatically when you name the files correctly and save them in the right locations. See the wiki:
http://www.zen-cart.com/wiki/index.p...s_-_Javascript

and read /includes/templates/template_default/css/CSS_Readme.txt.

Thread: Custom Navigation?

Thread Tools

Search Thread

Display

Custom Navigation?

Re: Custom Navigation?

Re: Custom Navigation?

Re: Custom Navigation?

Re: Custom Navigation?

Re: Custom Navigation?

Re: Custom Navigation?

Re: Custom Navigation?

Re: Custom Navigation?

Similar Threads

Custom Category Navigation Menu

HEADER PROBLEM! custom horizontal navigation bar

Assitance with custom navigation

Custom navigation bar, looking for help

Custom Navigation Header

Posting Permissions