Hey Frans,

Epic share! I salute you Sir (high five)

I have paging on and it works wonderfully! I really appreciate you for sharing your work with me and the rest of the community. You deserve a cold pint buddy.

No problem,

I learned from this forum so It's about time I start to contribute.

Your reply in the email looks different:

Hey Frans,

Epic share! I salute you Sir (high five)

I have created a partial with you're code. I understand SOME of it but not everything.

So far I have changed all tags with price which works great in the scenario you described. But I wish not to show all prices but sections like Price From: 0 – 999, 1000 – 1999 and so forth.

How can I transform your Get All Categories foreach to a grouped selection of prices?

Product image error

I also seem to have a problem with the buildItem – Thumbnail. I created an Upload property entitled productImage, but it returns this error: Cannot implicitly convert type 'Umbraco.Core.Dynamics.DynamicNull' to 'Umbraco.Core.Models.IPublishedContent'. An explicit conversion exists (are you missing a cast?)

And thank you!

I have paging on and it works wonderfully! I really appreciate the share Frans.

Did you solve these problems?

Frans

Hey buddy, Thank you for still sticking around :o)

A buddy of mine helped me group the prices together, you can see the code below. I just need to check IF there's any products inside each range and display it accordinaly. Not sure how to yet, but I'll try and figure it out :)

You can see it in action here: http://roldskov.sp34k.dk/produkter/cykler/mountain-bikes/

Thank you for posting a fix for the images but it renderes this error:

Cannot implicitly convert type 'Umbraco.Core.Dynamics.DynamicNull' to 'Umbraco.Core.Models.IPublishedContent'. An explicit conversion exists (are you missing a cast?)

COMPLETE CODE (based on Frans de Jong's code

    @inherits Umbraco.Web.Macros.PartialViewMacroPage
@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@{
    var root = CurrentPage.AncestorOrSelf(1);
    var queryString = HttpUtility.ParseQueryString(Request.QueryString.ToString());
    string selectedpriceRange = queryString.Get("priceRange");
    bool isBrandPage = CurrentPage.DocumentTypeAlias == "brandPage";

    IEnumerable<IPublishedContent> categories = CurrentPage.Children.Where("visible");
    if (isBrandPage)
    {
        categories = CurrentPage.Parent.Children.Where("visible");
    }

    //IEnumerable<IPublishedContent> selectionProducts = CurrentPage.Descendants().Where("visible");
    IEnumerable<IPublishedContent> productTypes = CurrentPage.Descendants().Where("NodeTypeAlias == \"productPage\"");

    List<IPublishedContent> selectedItems = new List<IPublishedContent>();
    HashSet<string> CurrentCategories = new HashSet<string> { };

    // TODO: Gender virker ikke, skal filtrere ligesom pris blot på gender parameteren
    if (queryString.Get("gender") != null)
    {
        bool isMale = bool.Parse(queryString.Get("gender"));
        selectedItems = selectedItems.Where(x => x.GetPropertyValue<bool>("gender") == isMale).ToList();
    }

    int pageSize = 10;
    int page = 1;
    int.TryParse(queryString.Get("page"), out page);
    int itemCount = categories.Count();

    @* Get all categories *@
if (categories != null)
{
    foreach (var item in productTypes)
    {
        if (item.HasValue("price"))
        {
            string price = item.GetPropertyValue<string>
                ("price");
            foreach (string tag in price.Split(','))
            {
                CurrentCategories.Add(tag);
            }
        }
    }
}

    @*Render items*@
    <div id="categoryCollection">

        @if (!string.IsNullOrEmpty(selectedpriceRange) && selectedpriceRange.Contains("-"))
        {
            string[] priceArray = selectedpriceRange.Split('-');
            int minPrice = 0;
            int maxPrice = 0;
            if (priceArray.Count() == 2 && int.TryParse(priceArray[0], out minPrice) && int.TryParse(priceArray[1], out maxPrice))
            {
                selectedItems.AddRange(productTypes
                    .Where(x => x.HasValue("price") &&
                    x.GetPropertyValue<int>("price") > minPrice &&
                    x.GetPropertyValue<int>("price") < maxPrice)
                    .Skip((page - 1) * pageSize).Take(pageSize));
                foreach (var item in selectedItems)
                {
                    @buildItemProduct(item);
                }
            }
        }
        @*else
            {
                foreach (IPublishedContent item in productTypes.Skip((page - 1) * pageSize).Take(pageSize))
                {
                    @buildItemProduct(item)
                }
            }*@
    </div>

    @*Render filter*@
    <div id="sidebar">
        <div class="subtitle">
            Mærker
        </div>
        <nav id="subMenu" class="section">
            <ul>
                @foreach (IPublishedContent item in categories)
            {
                    <li>
                        @buildItem(item)
                    </li>
                }
            </ul>
        </nav>

        @if (CurrentCategories.Count != 0)
        {
            string currentClass = "class=active";
            <div class="subtitle">
                Priser fra
            </div>
            <ul id="priceFilter" class="section">
                <li @(String.IsNullOrEmpty(selectedpriceRange) ? currentClass : "")>
                    <a href="@CurrentPage.Url@queryStringBuilder("priceRange", "")">Alle priser</a>
                </li>
                @{  var priceRanges = new Dictionary<int, int>();
                    priceRanges.Add(0, 4999);
                    priceRanges.Add(5000, 9999);
                    priceRanges.Add(10000, 14999);
                    priceRanges.Add(15000, 24999);
                    priceRanges.Add(25000, 34999);
                    priceRanges.Add(35000, 44999);
                    priceRanges.Add(45000, 54999);
                    priceRanges.Add(55000, 95000);
                }
                @foreach (KeyValuePair<int, int> range in priceRanges)
                {
                    <li>
                        <a href="@CurrentPage.Url@queryStringBuilder("priceRange", string.Format("{0}-{1}", range.Key, range.Value))">
                            @string.Format("{0} - {1}", range.Key, range.Value)
                        </a>
                    </li>
                }
            </ul>
            <div class="subtitle">
                køn
            </div>
            <ul>
                <li> <a href="@CurrentPage.Url@queryStringBuilder("gender", "true")">Mand</a></li>
                <li> <a href="@CurrentPage.Url@queryStringBuilder("gender", "false")">Kvinde</a></li>
            </ul>
                    }
    </div>

    @*===================================
            Pagination
        ===================================*@
int totalPages = (int)Math.Ceiling((double)itemCount / (double)pageSize);

if (page > totalPages)
{
    page = totalPages;
}
else if (page < 1)
{
    page = 1;
}

if (totalPages > 1)
{
    bool previousPageIsEllipsis = false;
    <div class="container">
        <div class="row">
            <div class="pagination text-center">
                <ul class="pagination">
                    @if (page > 1)
                    {
                        string newPage = (page - 1).ToString();
                        <li><a href="@CurrentPage.Url@queryStringBuilder("Page", @newPage)"> Previous </a></li>
                    }
                    else
                    {
                        string newPage = (page - 1).ToString();
                        <li class="disabled invisible"><a href="@CurrentPage.Url@queryStringBuilder("Page",@newPage)">Previous</a></li>
                    }
                    @for (int p = 1; p < totalPages + 1; p++)
                    {
                        var linkClass = (p == page) ? "active" : "";
                        if (p == page)
                        {
                            <li class="@Html.Raw(linkClass)">
                                <a href="@CurrentPage.Url@queryStringBuilder("Page",@p.ToString())">@p</a>
                            </li>previousPageIsEllipsis = false;
                        }
                        else
                        {
                            if (p == 1 || p == page - 1 || p == page + 1 || p == totalPages - 1 || p == totalPages)
                            {
                                <li class="@Html.Raw(linkClass)"><a href="@CurrentPage.Url@queryStringBuilder("Page",@p.ToString())">@p</a></li>
                                previousPageIsEllipsis = false;
                            }
                            else
                            {
                                if (previousPageIsEllipsis)
                                {
                                    continue;
                                }
                                else
                                {
                                    <li>
                                        <a href="#">
                                        </a>
                                    </li>
                                    previousPageIsEllipsis = true;
                                }
                            }
                        }
                    }
                    @if (page < totalPages)
                    {
                        string newPage = (page + 1).ToString();
                        <li class="">
                            <a href="@CurrentPage.Url@queryStringBuilder("Page",@newPage)">Next</a>
                        </li>
                    }
                    else
                    {
                        string newPage = (page + 1).ToString();
                        <li class="disabled invisible"><a href="@CurrentPage.Url@queryStringBuilder("Page",@newPage)">Next</a></li>
                    }
                </ul>
            </div>
        </div>
    </div>
                    }}

@*===================================
            Helpers
    ===================================*@
@helper buildItemProduct(IPublishedContent item)
{

    <div class="product">


        <a href="@item.Url">
          @if (item.HasProperty("productImage") && item.HasValue("productImage")) 
              {
                  IPublishedContent img = Umbraco.Media(item.GetPropertyValue("productImage"));
                <img src="@img.Url" alt="@img.Name" />
              }
            else
            {
                <img src="noImg.jpg" />
            }

            <span class="brand">@item.Parent.Name</span>
            <span class="model">@item.Name</span>
        </a>
        <div class="price">
            @item.GetPropertyValue("price") DKK
        </div>
    </div>
}

@helper buildItem(IPublishedContent item)
{
string currentClass = "class=active";
    <li @(CurrentPage.Name == item.Name ? currentClass : "")>
        <a href="@item.Url">@item.Name</a>
        <a href="@CurrentPage.Parent.Url" @(CurrentPage.Name == item.Name ? currentClass : "class=hide")><i class="fa fa-close"></i></a>
    </li>
}

@helper queryStringBuilder(string key, string value)
        {
var queryStringKeyValuePairs = HttpUtility.ParseQueryString(Request.QueryString.ToString());
string newQueryString = "";
int counter = 0;
if (value == "")
{
    queryStringKeyValuePairs.Remove(key);
}
if (value != "")
{
    queryStringKeyValuePairs.Set(key, value);
}

foreach (string newKey in queryStringKeyValuePairs)
{
    if (counter == 0)
    {
        newQueryString += "?" + newKey + "=" + queryStringKeyValuePairs.Get(newKey);
    }
    else
    {
        newQueryString += "&" + newKey + "=" + queryStringKeyValuePairs.Get(newKey);
    }

    counter++;
}

    @Html.Raw(newQueryString)
}