Forums / Templates, Stylesheets, Page Layout / How to create navigations like in Amazon / Yahoo! Mail?

How to create navigations like in Amazon / Yahoo! Mail?

Locked

Views: 1,911

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
16 Aug 2007, 6:30 AM
#1
paulriedel avatar

paulriedel

New Zenner

Join Date:
Aug 2007
Posts:
37
Plugin Contributions:
0

How to create navigations like in Amazon / Yahoo! Mail?

Hi!

How do you created these kind of navigations in ZC?


The ones that you click an item and it then changes to a different image or bg color, etc.?
How can the header_tpl.php detect that one item has been clicked?
Has anyone done that before?

Thanks!

  • Paul
19 Aug 2007, 6:57 PM
#2
wortex avatar

wortex

New Zenner

Join Date:
Jul 2007
Posts:
17
Plugin Contributions:
0

Re: How to create navigations like in Amazon / Yahoo! Mail?

Im programing a tabs module that is exacly what you want. Im using that function to put in ez-pages. Im making the tabs with Domtabs module (i think you could find it on the download section, but if you dont, i atached the file), but when i finished i dont know if it works on ez-pages because the html file as atached a css and a javascript to work as i intented, though, it works ok in html pages.
Im trying to figure out what can be done to translate the code from html to php, and where are located the ez-pages in my site root.

I atached the file that i'm working (the original one) and if you could help with this issue i would apriciated.

Thanks and hope we could make this thing work fine in zen cart.
My email is [email protected] and we could discuss this problem by email, and post here only the information that is usefull for the zenners. :)

See you soon

Diogo

19 Aug 2007, 8:00 PM
#3
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: How to create navigations like in Amazon / Yahoo! Mail?

EZ-pages are stored in your database, not in files in your site structure.

I don't know about Domtabs, but you can get navigation tabs to behave as you are asking with CSS operating on the built-in classes in the categories and probably categories-tabs menus.

Look at tpl_categories.php to see how the classes are assigned, and view source on various stages of selected categories will show the classes in action.

28 Aug 2007, 4:08 PM
#4
wortex avatar

wortex

New Zenner

Join Date:
Jul 2007
Posts:
17
Plugin Contributions:
0

Re: How to create navigations like in Amazon / Yahoo! Mail?

Yes, i´ve done it.
Simply refer to the location of the css and jscript in the domtab.
You can also put images in the navigation buttons.

I done it to my store, you can see it here:

http://www.meintek.com/index.php?main_page=page&id=1&chapter=1

Hope you coukd make your tabs look good.

See you soon.
Thank you gjh42 for your exelent contribution with Categories Dressing.

Diogo Paiva