为 Algolia 即时搜索产品设置索引参数答案

【问题标题】：Set index parameter for Algolia instant search product为 Algolia 即时搜索产品设置索引参数
【发布时间】：2020-03-10 12:14:22
【问题描述】：

目前我正在使用 Algolia 自动完成搜索模板 - 请参阅文档 here 和 Magento 2。

我想为使用搜索输入字段时动态出现的每个产品添加索引号。它可以添加为dataset attribute。请看下面的代码和标记为data-index="INDEX_NUMBER_HERE"的地方。

属性'index'应该等于搜索位置编号。因此，如果在我的搜索结果中有 6 个产品，那么第一个产品应该是 data-index="1"，第二个产品应该是 data-index="2"，依此类推，直到最后一个产品是 data-index="6"

我知道我可以在这里添加额外的 JavaScript 代码，但也许有人知道如何根据一些 {{AlgoliaIndexVariable}} 来做到这一点，就像我可以在我的示例 {{objectID}}、{{url}} 等中获取的一样？

这是我当前的模板：

<script type="text/template" id="autocomplete_products_template">
    <a class="algoliasearch-autocomplete-hit" id="productAlgoliaSearch_{{objectID}}" href="{{url}}">
        {{#thumbnail_url}}
            <div class="thumb">img here</div>
        {{/thumbnail_url}}

        <div class="info">
            product info here
        </div>

        <div class="data" data-index="INDEX_NUMBER_HERE"></div>
    </a>
</script>

非常感谢您提供有用的提示

【问题讨论】：

标签： javascript magento2 algolia

【解决方案1】：

模板确实公开了名为__hitIndex 的变量，但它是从零开始的。您不能直接从模板中增加它。你可以在 JavaScript 中增加它。您可以将__hitIndex 用于data-index，并在检索时递增。

【讨论】：