如何使用algolia在即时搜索中添加可点击的图像

Question

您好我已经使用图片进行了即时搜索，但我希望他们点击图片并将其重定向到其他页面。我一直在寻找年龄，我很困惑。我需要在索引中添加什么以及如何在javascript中添加它。

我使用json作为索引。

将href添加到图像中。 我使用javascript和html。

Answer 1

在索引中，您需要为链接的网址设置一个属性，并为图像的 src 设置一个属性。

var myRecord = {
    url: "/this-cat.html",
    image: "/cat-pic.png",
    ... // other attributes
}

然后，您需要在模板中使用两者：

templates: {
    item: '<a href="{{{url}}}"><img src="{{{image}}}" /></a>'
}

这是template instantsearch e-commerce example来自。