Shopify Liquid标签嵌套问题：动态渲染对应snippet解决方案

首先明确两个Liquid核心运行规则，你之前的写法不生效本质是违反了这两个规则：

• Liquid是服务端单次渲染的模板引擎，没有二次解析输出内容的能力，任何通过capture拼接出来的Liquid标签字符串，最终都会被当做普通文本输出，不会被引擎执行。raw标签的作用是强制标记内容不需要Liquid解析，和你要执行标签的需求完全相悖，靠capture+raw拼接标签的思路从根本上行不通。
• Liquid标签内部不需要、也不支持嵌套{{ }}插值语法，标签参数位可以直接读取变量，不需要额外套插值标记。

对应你当前需求的直接解法 #

{% render %}标签原生支持直接传入变量作为snippet文件名，不需要拼接标签字符串，去掉多余的引号和嵌套插值即可实现需求，正确代码如下：

<ul class="chocolates-menu">
  {% for tag in product.tags %}
    {% assign snippet_name = tag | handleize %}
    <li>
      <a href="/collections/all/{{ snippet_name }}">
        {% comment %} 直接传变量给render标签即可，不需要加引号套{{}} {% endcomment %}
        {% if snippet[snippet_name] exists %}
          {% render snippet_name %}
        {% else %}
          {% comment %} 兜底：如果对应snippet不存在，直接输出tag文本避免报错 {% endcomment %}
          {{ tag }}
        {% endif %}
      </a>
    </li>
  {% endfor %}
</ul>

注意：使用该写法要求你的snippet文件名和tag经过handleize处理后的值完全一致，比如tag值是榛果牛奶巧克力，handleize处理后是hazelnut-milk-chocolate，对应snippet文件就需要命名为hazelnut-milk-chocolate.liquid。

通用动态Liquid参数场景的替代方案 #

如果遇到其他不支持直接传变量的Liquid标签场景，或者你的tag对应snippet映射规则不固定，可以用两种稳定方案实现：

• 固定枚举匹配：如果可选tag值范围有限，直接用case/when语句做映射，逻辑最稳定不会出现意外报错：

  {% for tag in product.tags %}
    <li>
      <a href="/collections/all/{{ tag | handleize }}">
        {% case tag %}
          {% when '黑巧克力' %}
            {% render 'dark-chocolate' %}
          {% when '牛奶巧克力' %}
            {% render 'milk-chocolate' %}
          {% when '白巧克力' %}
            {% render 'white-chocolate' %}
        {% endcase %}
      </a>
    </li>
  {% endfor %}
  

• 中转snippet承接逻辑：如果动态渲染需求多，可以单独写一个通用中转snippet，把需要动态判断的逻辑全部放在中转snippet内，业务模板只需要传入变量即可，避免重复写大量条件判断。

内容的提问来源于stack exchange，提问作者I AM mw