Algolia：更改 currentRefinements 项目的标签

Question

我正在使用 toggleRefinement 小部件来检查商品是否在打折。我的索引中有一个名为 on_sale 的额外属性。它有 true 或 false 值。

因此，我的 currentRefinements 小部件显示 true 或 false，而不是更好的文本，如“限售”。

有没有办法改变输出？

与其他小部件不同，此小部件没有 template 属性。 See docs

这是我当前的代码：

instantsearch.widgets.toggleRefinement({
  container: '#onsale',
  attribute: 'on_sale',
  templates: {
    labelText: 'Only on sale',
  },
}),

这是我当前的输出：

<ul class="ais-CurrentRefinements-list">
    <li class="ais-CurrentRefinements-item">
        <span class="ais-CurrentRefinements-label">On_sale:</span>
        <span class="ais-CurrentRefinements-category">
            <span class="ais-CurrentRefinements-categoryLabel">true</span>
            <button class="ais-CurrentRefinements-delete">✕</button>
        </span>
    </li>
</ul>

Answer 1

模板选项不存在，但您可以使用连接器 API (doc) 控制小部件的输出。您可以使用任何输出渲染小部件。您可以完全控制它。

Algolia：更改 currentRefinements 项目的标签

Algolia: Change label of currentRefinements item

javascript

algolia

instantsearch.js

instantsearch