Adding location distance using Answers Search UI SDK

[Jay_Bachinicha]

I have similar question like this topic Distance Settings in the Locations Vertical, but I cannot find it on how to implement using SDK.

I tried the solution of that topic, but I can’t seem to find the Formatter.js file. Is this solution possible while using Answers Search UI SDK https://hitchhikers.yext.com/docs/answers-sdk/?

[roser]

Hi Jay,

At this time the distance is unfortunately not available in the SDK cards, however you can override the card template and reference it directly from the template itself. Here’s an example of how this might work: Using Distance in Search UI SDK Card - CodeSandbox

• The card is overridden using the registerTemplate function.
• The template then references the distance directly
• We’ve also registered a custom hbs helper to format the distance (roughly) from meters to miles.

If you’re considering using the SDK, I’d also definitely recommend checking out Answers Headless and Answers Headless React; these are newer options we’ve released that allow for complete frontend customizability.

Thanks,
Rose