Modify the Search Result fields inside our "PnP - search results" web part

Question

I have a custom list named Contacts which contain 4 fields as follow:-

• First Name.
• Last Name
• Email
• Customer Name

And I added a "PnP-Search Results" web part + "PnP-Search Box" web part, as follow:-

where i will get the following fields inside my Search results:-

Title, Created & Summary.

But how i can modified my Search results' fields to show the following field instead:-

First Name, Last Name, Email &Customer Name?

Answer 1

Hi @john john ,

Have these columns been mapped to managed properties? If they are site columns, they will be mapped to managed properties automatically. Reference: How Do Site Columns Become Managed Properties - Thus Available for Search.

• In my case, I have five site columns "NamesOfStudents", "DateOfTest", "GradeOfStudents", "Subjects", "TestScore" and they are respectively mapped into five attributes "NamesOfStudentsOWSTEXT", "DateOfTestOWSDATE", "GradeOfStudentsOWSCHCS"...
  
• Go to edit my PnP - Search Results web part, Click drop-down menu under "Selected properties" section, Uncheck the managed properties of column "Title", "Created" and "Summary" and check the managed properties of column "First Name", "Last Name"...
  
• Then go to Manage columns section and design the layout:
  

Those fields will be displayed in your web part:

----------

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 2

Hi. I was trying to use Manage Colum to add the parent folder's name, but it does not give any options to add any fileds.

how can i add this please?