Category Page Product Filters

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.
14 Jahre weitere
Has anyone successfully placed the product filters below the category navigation in the sidebar or is this major change.
14 Jahre weitere
Yes I want to do that too for site wide product filtering. I've had some thoughts on it, I'll be trying a few ideas over the next week or two so I'll let you know.
14 Jahre weitere
This is simple to implement. Follow the steps below:

1. Goto Category.aspx
2. Register PriceRangeFilter and ProductSpecificationFilter on top of the page like below.

<%@ Register TagPrefix="nopCommerce" TagName="PriceRangeFilter" Src="~/Modules/PriceRangeFilter.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="ProductSpecificationFilter" Src="~/Modules/ProductSpecificationFilter.ascx" %>

3. Inside the ContentPlaceHolder cph2 (left side) paste the following code (copied from Catgory/ProductsInGrid.ascx)

<asp:Content ID="Content2" ContentPlaceHolderID="cph2" runat="server">
    <asp:Panel runat="server" ID="pnlFilters" CssClass="ProductFilters">
        <div class="FilterTitle">
            <asp:Label runat="server" ID="lblProductFilterTitle">
                <%=GetLocaleResourceString("Products.FilterOptionsTitle")%>
            </asp:Label>
        </div>
        <div class="FilterItem">
            <nopCommerce:PriceRangeFilter ID="ctrlPriceRangeFilter" runat="server" />
        </div>
        <div class="FilterItem">
            <nopCommerce:ProductSpecificationFilter ID="ctrlProductSpecificationFilter" runat="server" />
        </div>
</asp:Panel>
</asp:Content>

4. Copy paste the snippet in code behind (Category.aspx.cs)

protected override void OnInit(EventArgs e)
{
            base.OnInit(e);
            this.CreateChildControlsTree();
            ctrlProductSpecificationFilter.CategoryID = this.CategoryID;
            ctrlPriceRangeFilter.PriceRanges = category.PriceRanges;

            ctrlProductSpecificationFilter.ReservedQueryStringParams = "CategoryID,";
}

Compile and run..You can see all the filters on the left side below the Category list.

Thanks
Venkat
14 Jahre weitere
Thanks Venkat, nice and simple.

Personally not sure about product specifications for delivering data, seems to be a better filter and search tool.

Would be nice to replace the hyperlink with a check box too...
13 Jahre weitere
Is there an update for this for 1.6 and above?

EDIT: Got the Price Ranges to work, but not the Specifications.
13 Jahre weitere
Hi all. Thanks you - it very interesting  for me. But step 4 is error. Underline categoryID. Write don't find metod. Help me

ctrlProductSpecificationFilter.CategoryID = this.CategoryID;
13 Jahre weitere
Please copy all code category.aspx and category.aspx.cx* and show me. Thank you
13 Jahre weitere
I want product filter attribute on the left side. You can look at this
http://gifts.nopcommerceskin.com/category/51-notebooks.aspx
13 Jahre weitere
Nice..want to share this. Or is this to difficult?
13 Jahre weitere
Am understand how doing this but step  4 is error. Who can help me. If can filter on the left part - help me.
This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.