Zen Cart Logo
trapezoid-twopenny
Open navigation menu
Home Community Forum Plugins
Documentation
For Developers For Storeowners
Services Donate Get Started
Forums / All Other Contributions/Addons / Category Tab Simple Dropdown Menu

Category Tab Simple Dropdown Menu

Results 1 to 20 of 86
13 Nov 2009, 10:10
#1
hem avatar

hem

Totally Zenned

Join Date:
Sep 2007
Posts:
1,281
Plugin Contributions:
4

Category Tab Simple Dropdown Menu

Available for download:

http://www.zen-cart.com/index.php?main_page=product_contrib_info&products_id=1448

This mod adds a very simple CSS dropdown menu to the Category Tab. It is a single level only so it will display subcategories or products depending on what the category contains.
18 Nov 2009, 09:06
#2
derek_bryant avatar

derek_bryant

Zen Follower

Join Date:
Jul 2008
Posts:
162
Plugin Contributions:
0

Re: Category Tab Simple Dropdown Menu

Hi Andrew

Is it possible to keep the categories centre justified?

thanks

Derek
18 Nov 2009, 10:13
#3
hem avatar

hem

Totally Zenned

Join Date:
Sep 2007
Posts:
1,281
Plugin Contributions:
4

Re: Category Tab Simple Dropdown Menu

Derek Bryant:

Hi Andrew

Is it possible to keep the categories centre justified?

thanks

Derek


The whole bar or just each heading?
18 Nov 2009, 11:12
#4
derek_bryant avatar

derek_bryant

Zen Follower

Join Date:
Jul 2008
Posts:
162
Plugin Contributions:
0

Re: Category Tab Simple Dropdown Menu

Andrew - thanks for your eeply

My category names are centre justified - the mod puts them left justified on top of the categories bar.

cheers

Derek
18 Nov 2009, 11:22
#5
hem avatar

hem

Totally Zenned

Join Date:
Sep 2007
Posts:
1,281
Plugin Contributions:
4

Re: Category Tab Simple Dropdown Menu

Derek Bryant:

Andrew - thanks for your eeply

My category names are centre justified - the mod puts them left justified on top of the categories bar.

cheers

Derek


Is this in the menu pane? The headings are not justified (they "fit" exactly in the space allotted to them so no room to centre).
18 Nov 2009, 11:38
#6
derek_bryant avatar

derek_bryant

Zen Follower

Join Date:
Jul 2008
Posts:
162
Plugin Contributions:
0

Re: Category Tab Simple Dropdown Menu

Hi Andrew

I may not be following the instructions correctly

I am using the classic template, where does the tpl_modules_categories_tabs.php file or the whole custom folder have to be copied?

thanks

Derek
18 Nov 2009, 11:40
#7
hem avatar

hem

Totally Zenned

Join Date:
Sep 2007
Posts:
1,281
Plugin Contributions:
4

Re: Category Tab Simple Dropdown Menu

Derek Bryant:

Hi Andrew

I may not be following the instructions correctly

I am using the classic template, where does the tpl_modules_categories_tabs.php file or the whole custom folder have to be copied?

thanks

Derek


If you are using the classic folder then just copy the files from the custom\ folders into the classic\ folders.
18 Nov 2009, 11:49
#8
derek_bryant avatar

derek_bryant

Zen Follower

Join Date:
Jul 2008
Posts:
162
Plugin Contributions:
0

Re: Category Tab Simple Dropdown Menu

Hi Andrew

this is the effect www.derekbryant.co.uk/zen the categories were centre justified

Derek
18 Nov 2009, 11:58
#9
hem avatar

hem

Totally Zenned

Join Date:
Sep 2007
Posts:
1,281
Plugin Contributions:
4

Re: Category Tab Simple Dropdown Menu

Derek Bryant:

Hi Andrew

this is the effect www.derekbryant.co.uk/zen the categories were centre justified

Derek


The dropdown menu is to the top left, under the ZenCart logo. When you move the mouse onto them they display a menu pane.
18 Nov 2009, 16:20
#10
derek_bryant avatar

derek_bryant

Zen Follower

Join Date:
Jul 2008
Posts:
162
Plugin Contributions:
0

Re: Category Tab Simple Dropdown Menu

This is the section I would like centred if possible not left justified

thanks

Derek
18 Nov 2009, 16:46
#11
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Posts:
21,876
Plugin Contributions:
6

Re: Category Tab Simple Dropdown Menu

Do you want the dropdown pane centered below the category name it belongs to?
18 Nov 2009, 16:57
#12
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Posts:
21,876
Plugin Contributions:
6

Re: Category Tab Simple Dropdown Menu

The styling for this mod is embedded in the PHP file, so find the file involved and add
left: -40%;
to this:
#navCatTabsDropdown * li ul
{
	visibility:hidden;
	position:absolute;
	left: -40%;
	padding: 0.5em;
	z-index: 100;
}
Adjust to taste when you have more variety of boxes to test it on.
18 Nov 2009, 17:17
#13
derek_bryant avatar

derek_bryant

Zen Follower

Join Date:
Jul 2008
Posts:
162
Plugin Contributions:
0

Re: Category Tab Simple Dropdown Menu

thanks gjh42

tried that but doesn't seem to make any difference

Derek
18 Nov 2009, 17:25
#14
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Posts:
21,876
Plugin Contributions:
6

Re: Category Tab Simple Dropdown Menu

It worked when I tested it on your site. Exactly how did you try it?
18 Nov 2009, 17:28
#15
derek_bryant avatar

derek_bryant

Zen Follower

Join Date:
Jul 2008
Posts:
162
Plugin Contributions:
0

Re: Category Tab Simple Dropdown Menu

I modified the file:
tpl_modules_categories_tabs.php
in the folder
zen/includes/templates/classic/custom/templates/

cheers

Derek
18 Nov 2009, 18:14
#16
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Posts:
21,876
Plugin Contributions:
6

Re: Category Tab Simple Dropdown Menu

/includes/templates/classic/custom/templates/

This is not a folder path that should exist. It should be either
/includes/templates/classic/templates/
or
/includes/templates/custom/templates/
depending on which template you are using.
18 Nov 2009, 19:02
#17
derek_bryant avatar

derek_bryant

Zen Follower

Join Date:
Jul 2008
Posts:
162
Plugin Contributions:
0

Re: Category Tab Simple Dropdown Menu

Hi Glenn
I am using the classic template for this trial site.

I have changed to zen/includes/templates/classic/templates/

for file:
tpl_modules_categories_tabs.php

and deleted the custom folder

with still no effect

thanks for your help

Derek
18 Nov 2009, 19:30
#18
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Posts:
21,876
Plugin Contributions:
6

Re: Category Tab Simple Dropdown Menu

You now have the box with prod1 and prod2 centered under cat1. If this is not what you want, you will have to explain your desires better.
18 Nov 2009, 19:41
#19
derek_bryant avatar

derek_bryant

Zen Follower

Join Date:
Jul 2008
Posts:
162
Plugin Contributions:
0

Re: Category Tab Simple Dropdown Menu

Hi Glenn

Sorry - I am looking for cat1 cat2 cat3 categories to be centred on the page with their drop down menus- as is normal for the classic template

thanks

Derek
19 Nov 2009, 12:38
#20
hem avatar

hem

Totally Zenned

Join Date:
Sep 2007
Posts:
1,281
Plugin Contributions:
4

Re: Category Tab Simple Dropdown Menu

Add a width attribute to the style for #navCatTabsDropdown li:

[PHP]#navCatTabsDropdown li
{
float:left;
position:relative;
width: 33%;
}[/PHP]