Category Header Menu is Available

This is happening only when the product grid1 templete is used, so i guess some minor change would resolve this. By the way this happens in IE, its fine in Chrome and Firefox

Again, this depends on how product grid 1 is in relation to the menu.  I am not surprised that IE is the culprit.  If memory serves me I don't think I supported IE6 (maybe 7) for this menu.  Do some research into how IE differs from the standards based browsers and you will quickly stop supporting some versions of IE.

This happens in all versions of IE, chorme and Firefox seems fine.. will search and see what can be done, and will post my findings. Thanks all.

how to Expands category by default plz help me
am using 2.1 nopCommerce version

Thank u..

Hello Everyone,

I successfully implemented the drop down category menu in a few of the websites for my clients. Now, suddenly, we have nopCommerce version 2.3 instead of 1.9 and there are no master pages there.

So can the header menu still be implemented? Is yes, can someone please tell me how?

Thanks,
Amrit

You have ready plugin for Nop 2.3

https://www.nopcommerce.com/p/306/nop-categories-header-menu.aspx

That just sounds great. Let me have a look at that.

Hi, i have download the CategoryHeaderMenu nop 1.9 versio from nopeasy. I have also removed the reference to jquery from the HeaderCategoryMenu.ascx in to Root.Master which is all working fine for the categories.
However, i would like to add further parent links to the HeaderCategoryMenu.ascx with child links below them whilst using jquery. Please see below for my HeaderCategoryMenu.ascx file, can anybody see where i'm going wrong. As it stand the child link under the 'Contact us' parent link doesn't use jquery.



<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="HeaderCategoryMenu.ascx.cs"
    Inherits="NopSolutions.NopCommerce.Web.Modules.HeaderCategoryMenu" %>
<%@ Register TagPrefix="nopCommerce" TagName="SearchBox" Src="~/Modules/SearchBox.ascx" %>
<div class="categoryheadermenu">
    <div id="categorymenu" class="categorymenu">
        <ul class="parentLevelContainer">
            <li class="parentLevel"><a href="~/default.aspx">Home</a><p>
                |</p>
            </li>
        </ul>
        <asp:PlaceHolder ID="phCategoryMenu" runat="server"></asp:PlaceHolder>
<ul class="parentLevelContainer">
    <li class="parentLevel"><a href="~/ContactUs.aspx">Contact Us</a><p>
                |</p>

        <ul class="childLevel1Container">
             <li class="childLevel1"><a href="~/ContactUs.aspx">Sub Item 1.1</a></li>                
        </ul>

    </li>
</ul>


    </div>
    <div class="searchbox">
        <nopCommerce:SearchBox ID="ctrlSearchBox" runat="server" />
    </div>
</div>
<div class="clear">
</div>


<script type="text/javascript">
    //Removes the last "|" from the parent menu.
    $('#categorymenu').find('p:last').css("display", "none");
    //Find CategoryId in firebug or document markup and enter for horizontal level2 menu. Repeat for each desired.
    //Comment out if not needed.
    $('#parent30').find('ul:first').addClass('hSubMenu');
    function displayItem(id) {
        $(id).find('ul:first').css("left", "-13px").fadeIn('3000');
        return false;
    }
    function displayItem2(id) {
        if ($.browser.msie && $.browser.version < 8)
            $(id).find('ul:first').css("left", "17em");
        else
            $(id).find('ul:first').css("left", "14em");
        return false;
    }
    function hideItem(id) {
        $(id).find('ul').css("left", "-10000px");
        return false;
    }
</script>






Any help will be much appreciated.

Cheers
Mark

I want to create a list of similar products http://www.aliexpress.com
section menu left categories of aliexpress.com

I edit file CategoryNavigation.cshtml

@model IList<CategoryNavigationModel>
@using Nop.Core.Domain.Catalog
@using Nop.Core.Infrastructure
@using Nop.Services.Catalog
@using Nop.Web.Models.Catalog
@using Telerik.Web.Mvc.UI
@{
    var categoryPadding = 15;
}
@if (Model.Count > 0)
{
    //thanh them
    <div id="catalog">
        <div class="title">
        </div>
        <div class="listbox">
            <ul>
                @foreach (var category in Model)
                {
                    <div class="col-sub">
                        <div id="cate-list" class="cate-list">
                            <dl class="cate-list-item">
                                <dt class="cate-name">
                                    <li class="@(category.IsActive ? "active" : "inactive")" ><a href="@Url.RouteUrl("Category", new { categoryId = category.Id, SeName = category.SeName })">@category.Name
                                    </a></li>
                                    <dd style="top: -30px;" class="sub-cate-list">
                                        <div>
                                            <a href="@Url.RouteUrl("Category", new { categoryId = category.Id, SeName = category.SeName })" rel="nofollow" class="new-cate-title">All Subcategories </a>
                                        </div>
                                        <dl>
                                                <dt>
                                                    <a href="@Url.RouteUrl("Category", new { categoryId = category.Id, SeName = category.SeName })")>@category.Name  </a>
                                                </dt>

                                                <ins>
                                                    &nbsp;-&nbsp;<a href="@Url.RouteUrl("Category", new { categoryId = category.Id, SeName = category.SeName })">@category.Name  </a>
                                                </ins>
                                                
                                                <dd>
                                                 <a href="@Url.RouteUrl("Category", new { categoryId = category.Id, SeName = category.SeName })">@category.Name  </a>
                                                <dd>
                                        </dl>
                                    </dd>
                                </dt>
                            </dl>
                        </div>
                    </div>
                }
            </ul>
        </div>
    </div>
    //het thanh them

}

help me

header menu: is there a option to navigate customers to skip categories and sub-categories, just display product list page (DO NOT SHOW categories and sub-categories pages)?
advice is appreciated!