Forums / Templates, Stylesheets, Page Layout / hover over category names on main page

hover over category names on main page

Views: 685

Results 1 to 6 of 6
21 Feb 2016, 8:54 PM
#1
pazdar avatar

pazdar

Zen Follower

Join Date:
Jan 2008
Posts:
174
Plugin Contributions:
0

hover over category names on main page

On my main page I have a list of my categories with a brief description underneath and a link to their respective pages. How can I make it so that when you hover over the category name you can see a list of the products within that category?

On a separate note, I tried v154 without any left sideboxes against various virtual tablets, cellphones, etc. and it was totally mobile friendly.

22 Feb 2016, 5:54 PM
#3
pazdar avatar

pazdar

Zen Follower

Join Date:
Jan 2008
Posts:
174
Plugin Contributions:
0

Re: hover over category names on main page

Thanks Cobra;

Unfortunately that is not what I'm looking to do. If you go to my website, https://www.pazdarwinery.com (right now it is still using v 152 which I'll be updating in the next day or two to v154), it shows categories in the middle of the main page with the start of a vignette underneath them. If you click on the vignette, it will take you to that respective category page. I would like to set it up so that if you hover over the category name, it will give you a list (possibly pop-up box) of the wines within that category.

23 Feb 2016, 5:57 AM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: hover over category names on main page

Well as you as using nav cat tabs try this one
https://www.zen-cart.com/downloads.php?do=file&id=1554

Zen-Venom Get Bitten

23 Feb 2016, 3:24 PM
#5
pazdar avatar

pazdar

Zen Follower

Join Date:
Jan 2008
Posts:
174
Plugin Contributions:
0

Re: hover over category names on main page

I did a search on the web and found a way to do it.

Go into define Main Page under tools. Before each category name put in <a href=" " title="whatever products are in each category followed by the return key to list them">
After the category name put in a </a>

23 Feb 2016, 3:50 PM
#6
mc12345678 avatar

mc12345678

Totally Zenned

Join Date:
Jul 2012
Posts:
16,908
Plugin Contributions:
2

Re: hover over category names on main page

pazdar:

I did a search on the web and found a way to do it.

Go into define Main Page under tools. Before each category name put in <a href=" " title="whatever products are in each category followed by the return key to list them">
After the category name put in a </a>

If going this route, there is a function or a few that can help generate this list. I believe they are all/mostly in the includes/functions/functions_categories.php file that would return a list of product information for the associated category. So as each category "name" is displayed, the associated products list can be presented.

ZC Installation/Maintenance Support <- Site
Contribution for contributions welcome...