Render image media field in Liquid

[Diman96]

I need to render alt and title attributes for images in Liquid.
What is the best way to do that? Creating a tag or a filter where the media field will be parsed and converted into an img tag completely or img attributes, depending on what is located there (In media field)?

#9710

[PiemP]

you could create your MyImagePart with and ImageField and a TextField for the title attribute. Add your MyImagePart to your content type and create the related shapes to render the MyImagePart in every situations.

[ns8482e]

@Diman96 See how it's done in Agency theme

OrchardCore/src/OrchardCore.Themes/TheAgencyTheme/Recipes/Snippets/landingpage.liquid

Line 52 in e2a1b00

<img class="img-fluid" src="{{ project.Project.Image.Paths.first | asset_url | resize_url: profile: 'medium', mode: 'stretch' }}" alt="{{ project.DisplayText }}" />

Change alt to title

You can also create template for Media field alternates.