Adding Office in the People Search Item_Person.html

Question

I created Staff Directory with People Search layout. I was able to add Phone# but can not seem to get Office to display.
I know it is mapped since when I click "about me" for in the upper right where my login name is I see Office.
Within the Item_Person.html I have added this.
'BaseOfficeLocation':'BaseOfficeLocation'
<mso:ManagedPropertyMapping msdt:dt="string">'AboutMe':'AboutMe','AccountName':'AccountName','BaseOfficeLocation':'BaseOfficeLocation','Department':'Department','HitHighlightedProperties':'HitHighlightedProperties','Interests':'Interests','JobTitle':'JobTitle','LastModifiedTime':'LastModifiedTime','Memberships':'Memberships','PastProjects':'PastProjects','Path':'Path','PictureURL':'PictureURL','PreferredName':'PreferredName','Responsibilities':'Responsibilities','Schools':'Schools','ServiceApplicationID':'ServiceApplicationID','SipAddress':'SipAddress','Skills':'Skills','UserProfile_GUID':'UserProfile_GUID','WorkEmail':'WorkEmail','WorkId':'WorkId','WorkPhone':'WorkPhone','YomiDisplayName':'YomiDisplayName'</mso:ManagedPropertyMapping>
var has_Office = !$isEmptyString(ctx.CurrentItem.BaseOfficeLocation);
<!--#_ if(has_Office == true) {
_#-->
<div id="BaseOfficeLocation">
<!--#_ var encodedOffice = $htmlEncode(ctx.CurrentItem.BaseOfficeLocation);
var displayOffice = Srch.U.getSingleHHXMLNodeValue(hhProps, "BaseOfficeLocation");
if ($isEmptyString(displayOffice)) { displayOffice = encodedOffice }
_#-->
<div id="BaseOfficeLocation" class="ms-srch-ellipsis" title="_#= encodedOffice =#_"> _#= displayOffice =#_ </div>
</div>
<!--#_ }
_#-->

Answer 1

Here is what you need to do to get the work phone and office in people search results-
<mso:ManagedPropertyMapping msdt:dt="string">'AboutMe':'AboutMe','AccountName':'AccountName','BaseOfficeLocation':'BaseOfficeLocation','Department':'Department','HitHighlightedProperties':'HitHighlightedProperties','Interests':'Interests','JobTitle':'JobTitle','LastModifiedTime':'LastModifiedTime','Memberships':'Memberships','PastProjects':'PastProjects','Path':'Path','PictureURL':'PictureURL','PreferredName':'PreferredName','Responsibilities':'Responsibilities','Schools':'Schools','ServiceApplicationID':'ServiceApplicationID','SipAddress':'SipAddress','Skills':'Skills','UserProfile_GUID':'UserProfile_GUID','WorkEmail':'WorkEmail','WorkId':'WorkId','YomiDisplayName':'YomiDisplayName','OfficeNumber':'OfficeNumber','WorkPhone':'WorkPhone'</mso:ManagedPropertyMapping>
before closing tag add 'OfficeNumber':'OfficeNumber','WorkPhone':'WorkPhone'
Now add these two lines for ref-
                        var has_wphone = !$isEmptyString(ctx.CurrentItem.WorkPhone);
                        var has_Office = !$isEmptyString(ctx.CurrentItem.OfficeNumber); 
and finally add this -
   <!--#_                                         if(has_wphone == true) {
_#-->
                                            <div id="WorkPhone">
<!--#_                                         var encodedwphone = $htmlEncode(ctx.CurrentItem.WorkPhone);
                                                var displaywphone = Srch.U.getSingleHHXMLNodeValue(hhProps, "WorkPhone");
                                               if ($isEmptyString(displaywphone)) { displaywphone = encodedwphone }
_#-->
                                                <div id="WorkPhoneValue" class="ms-srch-ellipsis" title="_#= encodedwphone =#_"> _#=
displaywphone =#_ </div>
                                            </div>
<!--#_                                         }
_#-->
<!--#_                                         if(has_Office == true) {
_#-->
                                            <div id="OfficeNumberField">
<!--#_                                         var encodedOffice = $htmlEncode(ctx.CurrentItem.OfficeNumber);
                                                var displayOffice = Srch.U.getSingleHHXMLNodeValue(hhProps, "OfficeNumber");
                                               if ($isEmptyString(displayOffice)) { displayOffice = encodedOffice }
_#--> 
                                                <div id="OfficeNumberValue" class="ms-srch-ellipsis" title="_#= encodedOffice =#_">Office:
 _#= displayOffice =#_ </div>
                                            </div>
<!--#_                                         }
_#-->
VERY VERY IMPORTANT: after saving the display template make sure you point results from People Search Core webpart to saved display template. You can do that by going to  ‘peopleresults.aspx’ page and in edit mode go to edit people search core result
web part and then in Display Template section select [Use a single template to display items] and chose saved display template from the list.
For more info you can reach me at [email protected]