Amazon.com tabs

Hi,
I thought there was a forum for this but I guess it was taken down or something.

I have a client that is dead set on haveing the navigation tabs like on amazon.com built into his site. Aside from the ajax thats being used on amazon.com he simply wants them to have show main catagories such as ATV's, 4 wheelers ects. I can build the same look into the header image but then it wouldn't act the same way or be intereactive when clicked on (when clicked it brings the tab to the front)...

SOOOO... I'm looking for either a contribution thats already created or a designer that can duplicated that same look. I am totaly willing to pay for this so PM me and we can talk.

Oh and if this is in the wrong area please feel free to move it.

Thanks
Angel

How about this:
http://www.zen-cart.com/forum/showthread.php?t=37182

Im looking for the exact functionality and similar look of the amazon.com tabs.

Thanks!!

I know of a designer working on exactly this at the moment and have emailed him to draw his attention to this thread. Exactly how it looks however (e.g. coming to the front when active), would depend to a great extent on how you chose to style it with CSS.

Another Joomla member pointed me a os commers contrib that does the exact same thing. I am attempting to contact him to setup payment to port it over. Once its completed I will donate it as a contribution. Thanks.

Also, reesy please email me at info at trinitymicrodesign.com your pm box is full.

Ah,
Sorry about that, its now a little less full and ill email you later.

I submitted a contribution to the Zencart downloads section a few days ago which will do exactly what you want with the categories tabs. I do not think it is available for download yet but I am sure if you ask Dr B nicely he will chase it up for you.

The contribution will need adjusting within the CSS stylesheet to make the tabs look as you want them to and I can think of nobody better with CSS styling than Kuroi. Please keep me posted if you make any changes to it so I can update the formal contribution and extend its functionality.

PS - Thanks Kuroi for pointing me to this thread.

Hope this helps

JJ

The category tabs contribution is now available in the downloads section under "Other Modules".

Have fun

Jollyjim

Jolly Jim

I have installed your contribution for tabs on a brand new install of 1.3.5
In firefox my centre column is now off to the right - out side of the header and centre shop area.
In explorer my centre column is in the right place but I do not get the roll over happening on the tabs.

Any light on the matter welcome.

Thanks

MG

MikeyG:

Jolly Jim

I have installed your contribution for tabs on a brand new install of 1.3.5
In firefox my centre column is now off to the right - out side of the header and centre shop area.
In explorer my centre column is in the right place but I do not get the roll over happening on the tabs.

Any light on the matter welcome.

Thanks

MG

This mod was designed and tested on 1.3.2 so it is probably an incompatibility with something in 1.3.5.

Hey MikeyG,

I have the same problem with the tabs like you have. Did you figure it out how to fix it? I'm using 1.3.7 . It would be great if someone can help.

In FF the whole content under the tabs is shifted outside the box to the far right.

Would be great if someone knows how to fix this.

@ JollyJim, the module is great, just sad that you don't adjust it to the newest version. I really would appreciate that.

thanks in advance

Seville

You can find a screen shot how it looks in FF here

Can't test this on a screenshot, but I suspect that > #contentMainWrapper {clear:both}may sort this out for you.

Thanks a lot for your quick answer. I wasn't sure what exactly do you mean with
#contentMainWrapper {clear:both} ?

So I deleted the #contentMainWrapper in the stylesheet.css, but I guess that was wrong because it didn't help.

here is a link to the website, that makes it much easier I guess

http://www.hr-us.com/index.php?main_page=index&cPath=51

Thank you so much for your help

Seville

All you need to do is add the line given above to your CSS. You can put it anywhere, but at the end of your stylesheetcategorytabs.css would be a logical place.

Thanks for the link. It allowed me to confirm that this will work for you.

wohoo! :lol: it works, thanks kuroi, you are the best. I have one question though. In FF it works perfectly now, but in IE 6 it's not doing the Hover Effekte with the Tab images and I have a gap on the very right between the header image and the table border.

Is there a way to fix that.

Thank you so much

Seville

P.S. I didn't try it out in IE 7 yet, have to check it on another computer.

Works fine in IE7, and unfortunately I don't have my IE6-enabled (?) PC available at the moment. But will take a look later unless you solve it first :wink2:

Hi Kuroi,

I tried several things out, nothing worked or made it even worse. Hope you get a chance to check it on IE6 because I have no clue :(

Thank you very much

Seville