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.

Hi Andrew

Is it possible to keep the categories centre justified?

thanks

Derek

Derek Bryant:

Hi Andrew

Is it possible to keep the categories centre justified?

thanks

Derek

The whole bar or just each heading?

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

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).

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

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.

Hi Andrew

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

Derek

Derek Bryant:

Hi Andrew

this is the effect https://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.

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

thanks

Derek

Do you want the dropdown pane centered below the category name it belongs to?

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;
}

thanks gjh42

tried that but doesn't seem to make any difference

Derek

It worked when I tested it on your site. Exactly how did you try it?

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

cheers

Derek

/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.

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

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.

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

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

#navCatTabsDropdown li 
{
	float:left;
	position:relative;
	width: 33%;
}