Category Page Product Filters

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.
14 năm cách đây
Has anyone successfully placed the product filters below the category navigation in the sidebar or is this major change.
14 năm cách đây
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 năm cách đây
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 năm cách đây
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 năm cách đây
Is there an update for this for 1.6 and above?

EDIT: Got the Price Ranges to work, but not the Specifications.
13 năm cách đây
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 năm cách đây
Please copy all code category.aspx and category.aspx.cx* and show me. Thank you
13 năm cách đây
I want product filter attribute on the left side. You can look at this
http://gifts.nopcommerceskin.com/category/51-notebooks.aspx
13 năm cách đây
Nice..want to share this. Or is this to difficult?
13 năm cách đây
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.