Category Tab Simple Dropdown Menu

Thanks Andrew

nearly there!

please look at https://www.derekbryant.co.uk/zen

is there a way to sort out the drop down menu width and placement?

thanks for your help

Derek

#navCatTabsDropdown * li ul
{
	visibility:hidden;
	position:absolute;
	left: 35%;
	padding: 0.5em;
	z-index: 100;
}
```Add a width to this if desired.

many thanks Andrew & Glen

I've added a width statement - https://www.derekbryant.co.uk/zen

I actually want to use this on one of my active sites, this is just a trial site for downloads

many thanks once again for your time

Derek

Hello, This mod is great.

However, I have one small problem... my subcategories are not listing properly. Some of them appear next to the the previous or are randomly aligned right rather than underneath it. It's most likely something fixed with the CSS but I've tried a bunch of stuff and nothing works so far.

To see exactly what I mean visit www. queenib. com, the most obvious example is beneath the womenswear tab or the lingerie tab as viewed in IE, Firefox and Safari.

I'm baffled. :huh:

beep:

Hello, This mod is great.

However, I have one small problem... my subcategories are not listing properly. Some of them appear next to the the previous or are randomly aligned right rather than underneath it. It's most likely something fixed with the CSS but I've tried a bunch of stuff and nothing works so far.

To see exactly what I mean visit www. queenib. com, the most obvious example is beneath the womenswear tab or the lingerie tab as viewed in IE, Firefox and Safari.

I'm baffled. :huh:

It looks like you could be using an old version. Try the version posted here: http://www.omnicia.com/Zencart%20Category%20Tab%20Simple%20Dropdown%20Menu.zip

Did you add the <br /> tags between list items? The stylesheet has all <li> in #navCatTabsDropdown floated left, which negates the usual list-item behavior. You can change that for submenus of the main drop menu with this:```
#navCatTabsDropdown li li {float: none;}

It seems to be clumsy handling of the setup - perhaps the new version fixes that.

Thanks guys! I haven't installed the new version yet but that CSS fixed it right up.

While I'm here I have another question which I haven't been able to find an answer for yet... Do you know how to show the dropdown for only subcategories and disable the dropdown for products?
For example under the 'powder room' category.

beep:

Thanks guys! I haven't installed the new version yet but that CSS fixed it right up.

While I'm here I have another question which I haven't been able to find an answer for yet... Do you know how to show the dropdown for only subcategories and disable the dropdown for products?
For example under the 'powder room' category.

Comment out or delete the following:

		$products_tab_query="SELECT p.`products_id`, pd.`products_name`, pd.`language_id` FROM ".TABLE_PRODUCTS." p, ".TABLE_PRODUCTS_DESCRIPTION." pd WHERE p.`master_categories_id`='".(int)$categories_tab->fields['categories_id']."' AND p.`products_id`=pd.`products_id` AND pd.`language_id`='".(int)$_SESSION['languages_id']."' ORDER BY p.`products_sort_order`;";
		$products_tab=$db->Execute($products_tab_query);
		if($products_tab->RecordCount()>0)
		{
			echo '<ul>';
			while (!$products_tab->EOF) 
			{	
				$cPath_new=zen_get_path($categories->fields['categories_id']);
				$cPath_new=str_replace('=0_', '=', $cPath_new);
				echo '<li>'.'<a href="'.zen_href_link(zen_get_info_page($products_tab->fields['products_id']),$cPath_new. '&products_id=' . $products_tab->fields['products_id']) . '">'.$products_tab->fields['products_name'].'</a></li><br />';
				$products_tab->MoveNext();
			}
			echo '</ul>';
		}

Having issue with drop down in IE7. When you mouseover a category the drop down appears to the right of the selected category and subcategories cannot be chosen.

Wasn't sure if this was a problem for anyone else. Works fine in IE8.

Need to find out what needs to be changed to correct the issue.

Thanks!

techiegirl:

Having issue with drop down in IE7. When you mouseover a category the drop down appears to the right of the selected category and subcategories cannot be chosen.

Wasn't sure if this was a problem for anyone else. Works fine in IE8.

Need to find out what needs to be changed to correct the issue.

Thanks!

hmmm- I need to find a copy of IE7

I have just notice that now when viewed in safari all the page content of pushed off the page to the right. It didn't do this before and looks fab in EI and Firefox. I have tried altering the css position but it just makes the menu overlap.
The menu itself looks fine but any ideas how I put the page content back where it is supposed to be?

... and apparently when I align the #navCatTabsDropdown li right all the contents go back to normal but then the categories are listed backwards.

hem:

Comment out or delete the following:

	$products_tab_query="SELECT p.`products_id`, pd.`products_name`, pd.`language_id` FROM ".TABLE_PRODUCTS." p, ".TABLE_PRODUCTS_DESCRIPTION." pd WHERE p.`master_categories_id`='".(int)$categories_tab->fields['categories_id']."' AND p.`products_id`=pd.`products_id` AND pd.`language_id`='".(int)$_SESSION['languages_id']."' ORDER BY p.`products_sort_order`;";
	$products_tab=$db->Execute($products_tab_query);
	if($products_tab->RecordCount()>0)
	{
		echo '<ul>';
		while (!$products_tab->EOF) 
		{	
			$cPath_new=zen_get_path($categories->fields['categories_id']);
			$cPath_new=str_replace('=0_', '=', $cPath_new);
			echo '<li>'.'<a href="'.zen_href_link(zen_get_info_page($products_tab->fields['products_id']),$cPath_new. '&products_id=' . $products_tab->fields['products_id']) . '">'.$products_tab->fields['products_name'].'</a></li><br />';
			$products_tab->MoveNext();
		}
		echo '</ul>';
	}

This worked a charm, thanks hem. :wink:
Now I just have this alignment weirdness to sort out.

Hello, thought i should give a visual. This is what is looks like in Safari when I try to align the drop-down categories menu left and all the content is pushed off screen...

Has anyone got any ideas how I can fix this safari problem? I can't figure out why it only happens in safari.
It's been like this for a couple of weeks and look a big mess to any of the safari visitors :(

beep:

Has anyone got any ideas how I can fix this safari problem? I can't figure out why it only happens in safari.
It's been like this for a couple of weeks and look a big mess to any of the safari visitors :(

Do you have any safari visitors? Whenever I check the browser section of my webstats I never see any.

As for the resolving the issue- I'm afraid I'm not a Mac or Safari user so I'm not sure how I'm going to debug this.

Yes, Safari is my visitors' third most popular browser... If anyone else reading this thread is Safari savvy, please help?! :(

I appear to have fixed the problem, however have not yet been able to test it in different versions of Safari, so please let me know if it looks ropey in your browser.
A friend also told me that using Safari she wasn't able to use the category drop-downs, has anyone else experienced this problem?

For future reference the CSS fix was:

clear:both; margin-bottom: 20px; text-align: left;
``` all added to navCatTabsWrapper
(which was almost identical to something i tried before but for some reason this one worked and the other didn't.)

any idea why this wouldn't be working for me at all? I can get the CatTabs showing but theres no dropdown. I am using version 1.3.8a, turning the cat tabs on for now and the site is miracle baby . co . nz. Thanks - hope it will go on my site as this is just what i need.

Take that back it is showing up now but the "dropdown" categories are not listing in a dropdown menu, they are in a box crammed in next to each other and flying off so far that you can't select an item to click on. Looks very messy, a bit of guidance on fixing it up? I can try with css but don't know how successful I will be ...