retrieve an image from a parent

Go to solution

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Peter van Geffen 54 posts 290 karma points

Oct 09, 2019 @ 13:04
0

Retrieve an image from a parent
Hello everyone,

I'm pretty new with Umbraco and now i've got the following question;

People can set a header/hero image, if they don't i got a fallback (code below). But if it's a sublevel i want it to take a look at his parent first and show that image (if it's available) before it shows the fallback. How can i do this?
```
@if (image != null)
{
        <img src="@Url.GetCropUrl(image, "Hero")" alt="@image.Name" />
}
else
{
        <img src="/images/fallback.jpg" alt="" />
}
```
Copy Link
bronzewind 42 posts 125 karma points

Oct 09, 2019 @ 13:40

0

Hi Peter,

I'm not sure if you're using strong typed models, but if you don't and your view looks like:

@inherits Umbraco.Web.Mvc.UmbracoViewPage

in the top, then you just do @Model.Parent. Are you using a code editor or are you just using the Umbraco Backoffice?

If you use Visual Studio, even with the website running you can just help yourself with Intellisense.

Happy coding!

Copy Link

Peter van Geffen 54 posts 290 karma points

Oct 09, 2019 @ 13:49

Hi,

I'm using the backoffice. My complete code looks like this:

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@{ 
    var image = Model.Content.GetPropertyValue<IPublishedContent>("heroImage");
}
<div class="slide-image bg-image-filled">
    @if (image != null)
    {
        <img src="@Url.GetCropUrl(image, "Hero")" alt="@image.Name" class="img-fluid" />
    }
    else
    {
        <img src="/images/fallback.jpg" alt="" class="img-fluid" />
    }
</div>

Copy Link

bronzewind 42 posts 125 karma points

Oct 09, 2019 @ 14:28

0

Something like this you could try:

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage @{ var image = Model.Content.GetPropertyValue

@if (image != null) { var parent_image = Model.Content.GetPropertyValue

Please remember ParentHero should be replaced with the alias you used for the image property in the parent. I highly recommend you to use a code editor so that you can see semantic errors before previewing your changes.

Copy Link

Shaishav Karnani from digitallymedia.com 354 posts 1638 karma points

Oct 09, 2019 @ 14:43

Hi Peter,

If heroImage property is same on the parent page then you can use recursive option in GetPropertyValue. I have added below true.

    var image = Model.Content.GetPropertyValue<IPublishedContent>("heroImage", true);

Below is your code.

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@{ 
    var image = Model.Content.GetPropertyValue<IPublishedContent>("heroImage", true);
}
<div class="slide-image bg-image-filled">
    @if (image != null)
    {
        <img src="@Url.GetCropUrl(image, "Hero")" alt="@image.Name" class="img-fluid" />
    }
    else
    {
        <img src="/images/fallback.jpg" alt="" class="img-fluid" />
    }
</div>

Hope it helps to solve your issue.

Cheers,

Shaishav

Copy Link

Peter van Geffen 54 posts 290 karma points

Oct 09, 2019 @ 14:47

0

That's it. That works for me!

Thanks!

Copy Link
is working on a reply...

Please Sign in or register to post replies

Flag this post as spam?