57
在 section 里 {% assign color = 'red' %}，然后 {% render 'badge' %}，snippet 里 {{ color }} 是空的；换成 include 就正常了。
已采纳 · 提问者确认解决
26
先把判断放在前面：render 是隔离作用域，父模板变量不会自动传进去；include 会把父作用域整个带进去，但已被官方标记为过时写法。
1处理顺序
- 把变量显式传进去：
{% render 'badge', color: color, size: 'sm' %}。 - snippet 里用
{% assign c = color | default: 'gray' %}兜底，避免调用方漏传导致空白。 - 不要在 snippet 里依赖全局的
settings之外的外部变量，settings是全局可用的，其他都需要传。 - 把旧代码里的
include全部替换成render，同时补齐参数，长期这样改能避免变量污染。 - 批量替换后跑一次全站预览，重点看那些依赖父作用域的旧 snippet。
liquid
{% comment %} 推荐写法：显式传参 + 默认值 {% endcomment %}
{% render 'product-badge', product: product, style: 'compact' %}
{% comment %} snippet 内部 {% endcomment %}
{%- liquid
assign badge_style = style | default: 'default'
assign badge_text = product.metafields.custom.badge.value | default: '新品'
-%}
<span class="badge badge--{{ badge_style }}">{{ badge_text }}</span>验收：snippet 里能正常输出传入的变量，且把
include 全部替换为 render 后页面渲染无变化。风
风格技术团队 回答于 1 个月前
