How to display the Author's Photo in a Display Template

Question

I am creating a custom display template that will show the date and contents of a blog post on the right, with a thumbnail of the author on the left. I cannot figure out how to retrieve the URL for the users photo from the display template.
My first thought was that maybe there was a Managed Property I could choose in the property mappings. The Author Property will give me the Last Name, FirstName of the author. There is also a AuthorOWSUSER, which I thought might be an object with properties
I could reference, like .FirstName, .Picture, etc. But this doesn't appear to work.
My guess is that I have to do some scripting in the display template itself, but I just don't know where to find any references on this.

Answer 1

Hi,
I have done this in a Project before mounth. Create a Blog Post Site an attach with Visual Studio. There is a lib
sp.ui.blogs.debug.js.
When you load a Blog with comments, you can put a breakpoint and step Through.
There is a Function, that renders the Photo from the Author Field.
Hier is my code:
function renderAuthor(ctx, $p1) {
var $v_0 = SP.ScriptHelpers.getFieldFromSchema(ctx.ListSchema, 'Author');
if (!SP.ScriptHelpers.isNullOrUndefined($v_0)) {
var $v_1 = $v_0.WithPictureDetail;
var $v_2 = $v_0.PictureOnly;
$v_0.DefaultRender = 0;
$v_0.WithPictureDetail = 0;
$v_0.PictureOnly = 1;
$v_0.PictureSize = 'Size_48px';
$p1.write(spMgr.RenderFieldByName(ctx, 'Author', ctx.CurrentItem, ctx.ListSchema));
$v_0.WithPictureDetail = $v_1;
$v_0.PictureOnly = $v_2;
It is very important that your Content Type Field has the Attribute ShowField="NameWithPictureAndDetails"
Then you dont need to query UserProfile for Pictures, the info will be in the Fiedl.
Chears
Martin