Hello everyone,

New to Umbraco and I started using Nested Content. It's really convenient!

I am able to render strings, but not images from the content/doc types. It shows the value as null even though I've put an image in the BackOffice. Would love if there is something obvious I'm missing.

Here's the code:

@inherits UmbracoTemplatePage
@{
    IEnumerable<IPublishedContent> items = Umbraco.AssignedContentItem.GetPropertyValue<IEnumerable<IPublishedContent>>("showProducts");
    foreach (var item in items)
    {
        string title = item.GetPropertyValue<string>("productName");
        string price = item.GetPropertyValue<string>("price");
        var photo = item.GetPropertyValue<IPublishedContent>("photos");
        <h3>@title</h3>
        <h3>@price</h3>
        <h3>@photo</h3>
        //<div style="background-image:url('@(photos)');"></div>
        //<img src="@(Umbraco.AssignedContentItem.GetPropertyValue<IPublishedContent>("photos").Url)" />
        <img src="@photo.Url" height="200" width="200" alt="@item.Name"/>
        }
    }

I've tried a few other ways to no avail. I feel I'm missing something in terms of the connection to the images uploaded in nested content for the specific current page.