Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / How to add images and expand the navigation?

How to add images and expand the navigation?

Views: 1,183

Results 1 to 13 of 13
30 Mar 2012, 2:53 AM
#1
bigstore avatar

bigstore

New Zenner

Join Date:
Jan 2012
Posts:
63
Plugin Contributions:
0

How to add images and expand the navigation?

What is the best route to go in adding images/icons/graphics to the dropdown navigation? I understand the subcategory pages are dynamically created. So I guess I'm interested in hardcoding it into the nav. What tpl_somepage.php would I need to alter?

Here is an example of what I'm trying to pull off. Not exactly like that but I think this could give you an idea.

Thanks, hope this can help someone else as well.

3 Apr 2012, 1:49 PM
#2
bigstore avatar

bigstore

New Zenner

Join Date:
Jan 2012
Posts:
63
Plugin Contributions:
0

Re: How to add images and expand the navigation?

Is there a place to hardcode in some links and img tags into the navigation?

3 Apr 2012, 2:51 PM
#3
davowave avatar

davowave

New Zenner

Join Date:
Mar 2009
Posts:
90
Plugin Contributions:
0

Re: How to add images and expand the navigation?

Do you mean the horizontal nav menu on ralph lauren? Where you mouse over and a menu drops down with nice graphics and other links in it? If so then you must have a custom navigation menu because as far as I know that's not default zencart. If thats the case then it's hard to say where you need to edit.

Have I got the wrong end of the stick?

3 Apr 2012, 2:55 PM
#4
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: How to add images and expand the navigation?

Go take a quick look at http://picaflor-azul.com/

Then get hold of Anne (picaflor-azul) on this forum for some more detailed advice...

4 Apr 2012, 2:13 AM
#5
bigstore avatar

bigstore

New Zenner

Join Date:
Jan 2012
Posts:
63
Plugin Contributions:
0

Re: How to add images and expand the navigation?

davowave:

Do you mean the horizontal nav menu on ralph lauren? Where you mouse over and a menu drops down with nice graphics and other links in it? If so then you must have a custom navigation menu because as far as I know that's not default zencart. If thats the case then it's hard to say where you need to edit.

Have I got the wrong end of the stick?

Yes! Thank you. I'm pretty sure I found the correct php file to edit. I'll post up the info when I get to my computer.

4 Apr 2012, 2:14 AM
#6
bigstore avatar

bigstore

New Zenner

Join Date:
Jan 2012
Posts:
63
Plugin Contributions:
0

Re: How to add images and expand the navigation?

schoolboy:

Go take a quick look at http://picaflor-azul.com/

Then get hold of Anne (picaflor-azul) on this forum for some more detailed advice...

Will do. And I'll post the solution here once I get it up.

12 Apr 2012, 2:58 PM
#7
bigstore avatar

bigstore

New Zenner

Join Date:
Jan 2012
Posts:
63
Plugin Contributions:
0

Re: How to add images and expand the navigation?

schoolboy:

Go take a quick look at http://picaflor-azul.com/

Then get hold of Anne (picaflor-azul) on this forum for some more detailed advice...

Not sure she is willing to offer advice without some sort of payment. But thanks anyway. I'll post the results of what I figure out over here.

I'll prob be working on this for a while or at least until I get enough info to post something.

12 Apr 2012, 5:04 PM
#8
gjh42 avatar

gjh42

Black Belt

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

Re: How to add images and expand the navigation?

You might be able to adapt the image substitution code from Categories Dressing for your purposes. You would need to be at least minimally competent in PHP to write something that would work dynamically.

12 Apr 2012, 5:14 PM
#9
sph avatar

sph

Totally Zenned

Join Date:
Jan 2006
Posts:
1,556
Plugin Contributions:
0

Re: How to add images and expand the navigation?

Take a look a the new free Abbiamo Supremo template and it's drop-down on the templates thread here:

http://www.zen-cart.com/forum/showthread.php?t=194737

Here is his demo link: http://www.brandonturpin.com/online-demos/

Notice the custom drop down. Looks like great potential.

Oh, and look at his drop down on his main site, a zencart: http://www.brandonturpin.com/

Not too long ago I emailed Anne/Picaflor Azul about her site's drop down. It is a custom one that she might be able to incorporate in a custom template.

Of course, we do it yourselfers will have a chore trying to look like Ralph Lauren or any major site.

sph
https://www.prommart.com
https://www.fashion-mart.biz

12 Apr 2012, 5:24 PM
#10
sph avatar

sph

Totally Zenned

Join Date:
Jan 2006
Posts:
1,556
Plugin Contributions:
0

Re: How to add images and expand the navigation?

Then there are a couple of "mega menus" where we might potentially be able to add images in the categories drop down. I'd have no idea how, though.

12 Apr 2012, 5:49 PM
#11
bigstore avatar

bigstore

New Zenner

Join Date:
Jan 2012
Posts:
63
Plugin Contributions:
0

Re: How to add images and expand the navigation?

I've actually had some success with manipulating the CSS file in my template (stylesheet_categories_menu.css). I changed the background color to an image. Although it shows on all of the categories. I'll need to incorporate pseudo classes. Will post when done later today.

13 Apr 2012, 8:51 PM
#12
sph avatar

sph

Totally Zenned

Join Date:
Jan 2006
Posts:
1,556
Plugin Contributions:
0

Re: How to add images and expand the navigation?

Take a look at my enhanced drop down menu on my test cart here:

http://www.prom-mart.com/zencart-demo-2/

Was directed to a tutorial that enhanced what this free template came with. Just a little copying and pasteing of additional code to get where I'm at. Hope I can fully pull this off. If so, drop down can be put on virtually any template.

sph
https://www.prom-mart.com
Ecommerce Cart Testing

13 Apr 2012, 10:54 PM
#13
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: How to add images and expand the navigation?

SPH:

Take a look at my enhanced drop down menu on my test cart here:

http://www.prom-mart.com/zencart-demo-2/

Now THAT IS TRULY FANTASTIC... Well done. I may have a job for you with one of our clients...