Need help! Pull down menu for products?

[vsaletto]

Is there a way to get a pulldown menu in the header using AbleCommerce "ConLib" controls or Scriptlets? Please see the "artist's rendition" I drew here.



Currently, I have this code in my header:

Code: Select all

<div class="mastHead">
<DIV class="logo">
<a href="~/Default.aspx">[[ConLib:StoreLogo]]</a>
</DIV>
[[ConLib:SimpleCategoryList CategoryId="0"]]
</div>

Any help would be greatly appreciated. Thank you.

[mazhar]

Have a look at following thread
viewtopic.php?f=47&t=8566

[vsaletto]

Thank you. It works perfectly!

[vsaletto]

First, that pull down works perfectly. Thank you very much.

However, is there a way to also include products on that pulldown? As opposed to a list of categories and sub categories?

[mazhar]

Change its

Code: Select all

private void PopulateMenuItem(MenuItem parentMenu,int categoryId)

as below

Code: Select all

 private void PopulateMenuItem(MenuItem parentMenu,int categoryId)
    {
        CategoryCollection children = CategoryDataSource.LoadForParent(categoryId, true);
        foreach (Category child in children)
        {
            MenuItem menuItem = new MenuItem();
            menuItem.Text = child.Name;
            menuItem.Value = child.CategoryId.ToString();
            if (CategoryDataSource.CountForParent(child.CategoryId) > 1)
                PopulateMenuItem(menuItem, child.CategoryId);
            menuItem.NavigateUrl = child.NavigateUrl;

            CatalogNodeCollection nodes = CatalogDataSource.LoadForCategory(child.CategoryId, true);
            foreach (CatalogNode node in nodes)
                if (node.CatalogNodeType == CatalogNodeType.Product)
                    menuItem.ChildItems.Add(new MenuItem(node.ChildObject.Name, string.Empty, string.Empty, node.NavigateUrl));               
            parentMenu.ChildItems.Add(menuItem);
        }
    }

Now it will load products with categories as well.

[vsaletto]

Thank you very much for your assistance with this. Unfortunately... it doesn't appear to be working. I wonder if it is the way that my menu is set up. Here is my code. I have 5 categories off of the root, and each has at least one product off of it.

Code: Select all

<%@ Control Language="C#" ClassName="CategoryMenuEx" %>

<script runat="server">
    
    int _CategoryId;
    protected void Page_Load(object sender, EventArgs e)
    {
        _CategoryId = PageHelper.GetCategoryId();
        if (!Page.IsPostBack)
            PopulateMenu();
    }

    private void PopulateMenu() 
    {
        CategoryMenu.Items.Clear();
        CategoryCollection children = CategoryDataSource.LoadForParent(0, true);
        foreach (Category child in children)
        {
            MenuItem menuItem = new MenuItem();
            menuItem.Text = child.Name;
            menuItem.Value = child.CategoryId.ToString();
            menuItem.NavigateUrl = child.NavigateUrl;
            if (CategoryDataSource.CountForParent(child.CategoryId) > 0)
                PopulateMenuItem(menuItem, child.CategoryId);
            CategoryMenu.Items.Add(menuItem);
        }
        CategoryMenu.DataBind();
    }
    private void PopulateMenuItem(MenuItem parentMenu, int categoryId)
    {
        CategoryCollection children = CategoryDataSource.LoadForParent(categoryId, true);
        foreach (Category child in children)
        {
            MenuItem menuItem = new MenuItem();
            menuItem.Text = child.Name;
            menuItem.Value = child.CategoryId.ToString();
            if (CategoryDataSource.CountForParent(child.CategoryId) > 1)
                PopulateMenuItem(menuItem, child.CategoryId);
            menuItem.NavigateUrl = child.NavigateUrl;

            CatalogNodeCollection nodes = CatalogDataSource.LoadForCategory(child.CategoryId, true);
            foreach (CatalogNode node in nodes)
                if (node.CatalogNodeType == CatalogNodeType.Product)
                    menuItem.ChildItems.Add(new MenuItem(node.ChildObject.Name, string.Empty, string.Empty, node.NavigateUrl));
            parentMenu.ChildItems.Add(menuItem);
        }
    }

</script>
<div class="pageHeader">
    <div class="caption">
        <h1>
            <asp:Localize ID="Caption" runat="server" Text="Categories"></asp:Localize>
        </h1>
    </div>
</div>
<div style="clear: both;">
    <asp:Menu ID="CategoryMenu" runat="server" Orientation="Horizontal" BackColor="#000000" DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="11px" ForeColor="#FFFFFF" StaticSubMenuIndent="10px" CssClass="MenuFace">
        <StaticSelectedStyle BackColor="#000000" />
        <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
        <DynamicHoverStyle BackColor="#fdb813" ForeColor="Black" />
        <DynamicMenuStyle BackColor="#000000" />
        <DynamicSelectedStyle BackColor="#1C5E55" />
        <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
        <StaticHoverStyle BackColor="#fdb813" ForeColor="Black" />
    </asp:Menu>
</div>