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) 控制小部件的输出。您可以使用任何输出呈现小部件。您可以完全控制它。