时间戳

首页 > 解决方案 > 将工具提示添加到 zendesk home_page.hbs

tooltip - 将工具提示添加到 zendesk home_page.hbs

问题描述

我想在 Zendesk 中为一些“类别”框添加工具提示，因此当用户悬停在一个框上时，我可以显示一个工具提示，其中包含有关“类别”的更多信息。

问题是我正在尝试使用这样的 IF 语句：

{{#if href == '/hc/en-us/categories/360001117812-Cow-Traffic' }}

{{#each categories}}
      {{#if ../has_multiple_categories}}
        <li class="blocks-item">
          <a href='{{url}}' class="blocks-item-link">
            {{#if href == 'url_to_compare' }}
            <a class="tooltiptext">tooltip_text</a>
            {{/if}}
            <span class="blocks-item-title">{{name}}</span>
            <span class="blocks-item-description">{{excerpt description}}</span>

由于此 IF 位于 {{#if}} 类别中，因此我在此示例中仅选择一个使用 href 的链接来查看鼠标是否位于框上。

我已经尝试在 script.js 文件中添加一个帮助程序，但看起来它不起作用，我记得有一种方法可以使用这个 IF 和 IS 来解决它。谢谢！

标签： tooltipzendesk

解决方案

我得到了很多帮助，最后我发现解决这个问题的更好方法是使用 {{#is}} 语句，因此可以使用 {{#is name "Category Name"}} {{ /是}}

并且此选项将在类别的名称和您正在寻找的名称之间进行比较，如果它的值相等，那么您可以在里面做一些事情，如果不是，那么您可以使用 {{else}} 和做另一件事在那边。

{{#is name "Category Name"}}
            <div class="tooltip1">{{name}}<span class="tooltiptext">{{excerpt description}}</span></div>
            {{else}}
        <span class="blocks-item-title">{{name}}</span>
              {{/is}}

我使用“摘录描述”在 Zendesk 内部添加了 tooltip 的值，无需在 home_page.hbs 代码中手动添加。

我添加了 3 个不同的工具提示，现在工作正常。谢谢你们！

推荐阅读