AI Search - Configure Result Layout

[Joe1]

I'm looking at turning on AI Search for my instance, so I have been playing around with it in a sub-PROD environment. So far, it seems to be working well!

I know that people will expect Interactions to be searchable, so I added them to the index. I also figured out how to add facets so these can be filtered. So far, these work great. However, I can't seem to adjust how the search results appear.

See here:

I would like to populate more data in these, such as who the Interaction was opened for, date and time, etc. Currently I just have the Short Description showing. I'd also like to get rid of the "Generic" text and replace it with something, you know, useful.

Thanks for your help!

[Joe1]

Thanks! I will give it a try!

[Joe1]

Thanks! This got me to it. Had to do some tinkering but got it working!

@rojachiliveru1and @LearnerNitin --this is the answer.

[Zmud1]

@Joe1 hi, can you please tell me how you achieved the effect of adding interactions to the search results? 
Technically speaking I also managed to achieve this :

but I am very not-sure I did it correctly.

[Joe1]

Yep! You are on the right track!

This is the template I set up for us. Note that we have a custom "subtype" field that we use:

{
    "component": "sn-search-result-evam-card",
    "staticValues": {
        "imageType": {
            "translatable": false,
            "key": "icon"
        },
        "icon": {
            "translatable": false,
            "key": "chat-outline"
        },
        "textHeaderLabelOne": {
            "translatable": true,
            "key": "Interaction"
        },
        "detailLabelOne": {
            "translatable": true,
            "key": "Type:"
        },
        "detailLabelTwo": {
            "translatable": true,
            "key": "Subtype:"
        },
        "detailLabelThree": {
            "translatable": true,
            "key": "Opened for"
        },
        "detailLabelFour": {
            "translatable": true,
            "key": "Opened by"
        },
        "detailLabelFive": {
            "translatable": false,
            "key": "Created"
        },
        "requireLabelAndValue": {
            "translatable": false,
            "key": "true"
        },
        "detailPosition": {
            "translatable": false,
            "key": "above"
        },
        "detailLabelSeparator": {
            "translatable": false,
            "key": "|"
        }
    },
    "mappings": {
        "titleLabel": "ai_search_teaser_title",
        "title": "short_description",
        "textHeaderLabelTwo": "number",
        "detailValueOne": "type",
        "detailValueTwo": "subtype",
        "detailValueThree": "opened_for",
        "detailValueFour": "opened_by",
        "detailValueFive": "opened_at"
    },
    "actionMappings": {
        "clickAction": "navigation"
    }
}