Hi Laurens,

Yes it´s possible to a short version of let's say different project pages on one overview page in Umbraco. For an example of this you could setup an new Umbraco installation and choose the starter kit called TxT.

Or you can find the code that is used for this on GitHub, https://github.com/umbraco/Starterkits/blob/master/Txt/Txt/Views/umbNewsOverview.cshtml, In Umbraco you will also find code snippets that you can use for this. e.g List Child Pages from CurrentPage.

Hope this helps,

/Dennis

Hi Dennis,

I'm copy-pasting the code in my project.

In what should I change the foreach loop?

@foreach (var feature in homePage.umbTextPages.Where("featuredPage"))

As it now only searches for the featured page of the other project and not mine.

The site I'm using is test.gregoir.be

Ok, little bit further.

But now it's only showing the titles of my (grid) project pages. http://test.gregoir.be/test/

@inherits UmbracoTemplatePage

@{ // Model.Content is the current page that we're on // AncestorsOrSelf is all of the ancestors this page has in the tree // (1) means: go up to level 1 and stop looking for more ancestors when you get there // First() gets the first ancestor found (the home page, on level 1)

@* var homePage = CurrentPage.AncestorsOrSelf(1).First(); *@

var homePage = Umbraco.Content(1081).Children.Where("Visible").OrderBy("Name");

}

Wonderful featured pages

@foreach (var feature in homePage) {

@feature.Name

@* @Umbraco.Truncate(feature.BodyText, 100) *@

}

Hi Laurens,

Do you have a structure where you have an overview page document type, and under this page you have each product page. Then you should be able to use this snippet of code.

@{ var selection = CurrentPage.Children.Where("Visible"); }

@if (selection.Any())
{
    <ul>
        @foreach (var item in selection)
        {
            <li>
                <a href="@item.Url">@item.Name</a>
            </li>
        }
    </ul>
}

With this code above you should get a list where it lists each product page name and a link to the product page.

Hope this helps,

/Dennis

Hi Dennis,

Yes, I have the following structure

templates -> master -> project page

partial views -> umbFeatures

Hi Laurens,

Okay, and you can get custom properies with

@{ var selection = CurrentPage.Children.Where("Visible"); }

@if (selection.Any())
{
    <ul>
        @foreach (var item in selection)
        {
            <li>
                <a href="@item.Url">@item.PropertyAlias</a>
            </li>
        }
    </ul>
}

Where the propertyAlias is a field on the product page, it could be the descriptions of the product and so on.

Hope this helps,

/Dennis

Hi Dennis,

It's coming together now. Thanks for the help so far!

The truncate option is doing a few freaky things if you browse to test.gregoir.be/test

The code is:

@Umbraco.Truncate(@feature.GetGridHtml("bodyText", "mybootstrap"), 500)

Is it also possible to show the image left and the description right?

Hi Laurens,

Okay so you are using the grid layout. Then you need to create a row configuration that has an image on the left and the description on the right side.

I think this https://our.umbraco.org/documentation/using-umbraco/backoffice-overview/property-editors/built-in-property-editors-v7/Grid-Layout/configuring-the-grid-layout-datatype documenation can help you.

If you have access to Umbraco TV, there is also a whole chapter about how to work with the grid layout http://umbraco.tv/videos/umbraco-v7/implementor/fundamentals/grid-layouts/setting-up-the-datatype/. If not then you can find the different plans here: http://umbraco.tv/plans-signup/

Hope this helps,

/Dennis

Hi Dennis,

My grid is already configured as such and works as designed. Like you can see here: http://test.gregoir.be/projecten/project-a/

That's a grid page.

If I turn off truncate, then I get the whole gridpage, which I do not wish for. I have Umbraco TV. But this is something beyond the already provided information (I think).

As you can see (and understand) in the provided picture, I have no need for the searchbar and side navigation in the overview pane.

Thank Dennis,

I'll play around in my grid settings and throw out my sidenavigation from the grid and put it in the template itself. That will probably force my grid to only show project related stuff.

Cheers,

Laurens

is working on a reply...