如何在Algolia即时搜索中添加可单击的图像

Question

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

我将JSON用于索引。

将HREF添加到图像中。我使用JavaScript和html。

Answer 1

在索引中，您需要具有链接的 url 的一个属性，而图像的 src src 。

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

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

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

这是一个模板，可以从Intestantsearch电子商务示例中执行此操作。