Forum Discussion
karen.rowsell
Oct 23, 2018Copper Contributor
Hover Panel on Content Search Web Part
I have a content search web part which shows a catalogue of items which have pictures and descriptions. I have added a hover panel onto a custom Content Search Web Part as I wanted a preview of t...
- Oct 24, 2018I finally found the solution for anyone else who has the same problem:
Add in mso:ManagedPropertyMapping that ManagedProperty RefinableString02
<mso:ManagedPropertyMapping msdt:dt="string"> "Product Images"{Product Images}:"RefinableString02", ...
Then get value
//*Product Images*//
var ProductImages = $getItemValue(ctx, "Product Images");
ProductImages.overrideValueRenderer($contentLineText);
Finally write it in item
<img src="_#= ProductImages =#_">
Voila, managed property image showing on hover panel
karen.rowsell
Oct 24, 2018Copper Contributor
I finally found the solution for anyone else who has the same problem:
Add in mso:ManagedPropertyMapping that ManagedProperty RefinableString02
<mso:ManagedPropertyMapping msdt:dt="string"> "Product Images"{Product Images}:"RefinableString02", ...
Then get value
//*Product Images*//
var ProductImages = $getItemValue(ctx, "Product Images");
ProductImages.overrideValueRenderer($contentLineText);
Finally write it in item
<img src="_#= ProductImages =#_">
Voila, managed property image showing on hover panel
Add in mso:ManagedPropertyMapping that ManagedProperty RefinableString02
<mso:ManagedPropertyMapping msdt:dt="string"> "Product Images"{Product Images}:"RefinableString02", ...
Then get value
//*Product Images*//
var ProductImages = $getItemValue(ctx, "Product Images");
ProductImages.overrideValueRenderer($contentLineText);
Finally write it in item
<img src="_#= ProductImages =#_">
Voila, managed property image showing on hover panel