可以将下划线js中的该运费计算器转换为车把吗？

Question

我的网站链接是turboturbos.com。

我设法添加了shopify主题教程中提到的运费计算器：https://help.shopify.com/en/themes/customization/cart/add-shipping-calculator

因为我拥有最少的分区主题，所以我相信它使用handlebars.js模板代替非分区的原始下划线模板。

因此，按“计算”按钮仅返回起始运费

价格从{{price}}

开始

但是，我想在原始脚本中实现该功能，该脚本显示了可用于地址的费率数量以及标题后面带有名称的每个费率。

我已经接受了以下代码：

<script id="shipping-calculator-response-template" type="text/template">
  <p id="shipping-rates-feedback" <% if (success) { %> class="success" <% } else { %> class="error" <% } %>>
  <% if (success) { %>
    <% if (rates.length > 1) { %> 
    There are <%- rates.length %> shipping rates available for <%- address %>, starting at <%= rates[0].price %>.
    <% } else if (rates.length == 1) { %>
    There is one shipping rate available for <%- address %>.
    <% } else { %>
    We do not ship to this destination.
    <% } %>
  <% } else { %>
    <%- errorFeedback %>
  <% } %>
  </p>
  <ul id="shipping-rates">
    <% for (var i=0; i<rates.length; i++) { %>
    <li><%- rates[i].name %> at <%= rates[i].price %></li>
    <% } %>
  </ul> 
</script>

并翻译为：

<script id="shipping-calculator-response-template" type="text/template">
  {% raw %}
  <p id="shipping-rates-feedback" {{#if success}} class="success" {{else}} class="error" {{/if}}>
  {{#if success}}
    {{#if rates}}
      {{#each rates}}
        {{#if @first}}
           <h3>There are {{rates.length}} shipping rates available for {{address}}, starting at {{price}}.</h3>
        {{/if}}
        <li>{{this}} at {{price}}</li>
      {{/each}}
    {{else}}
      We do not ship to this destination.
    {{/if}}    
  {{else}}
    {{ errorFeedback }}
  {{/if}}
  </p>
  {% endraw %}
</script>

我已经能够显示价目表的长度+首个价格，但不能显示地址或对象标识符（未分段的版本显示“以$ Price的第二天”，“在一小时内”）。 这是结果的图片：