Question

我需要根据产品页面上选择的变体显示元数据。我希望它们在点击变体时进行更改。我可能需要一些jquery帮助，但我不确定如何使用液体。以下是我的代码，非常感谢任何帮助！

{% for variant in product.variants %}
<div id="tab{{ forloop.index0 }}" class="zr-tabs-panel {% if forloop.first == true %}js-active{% endif %}">
  <div class="table-responsive>">
    <table class="table table-striped">
      <tbody>
        {% for field in current_variant.metafields.var_meta %}
        <tr>
          <td>{{ field | first }}</td>
          <td>{{ field | last }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endfor %}

Answer 1

简短的回答是，你需要（a）：以某种方式将你的元字段暴露给你网站的javascript，然后（b）：更新变种代码，以便根据你的元字段更新部分。

在许多主题中，变体更改代码包含在名为selectCallback的函数中（尽管在所有主题中都不是这种情况 - 如果您在查找此代码时遇到问题，可以尝试联系主题的开发人员以获取主题 - 特别建议）。

每当您使用Liquid代码将值放入Javascript代码时，我强烈建议您使用json过滤器 - Liquid的魔术过滤器，以确保您的输出始终是Javascript合法的。（引号和换行符将被正确转义，空值将打印为null等）

显示产品变体Metafields

1 个答案: