Shopify自定义字段添加后购物车订单项未显示问题求助

问题根源 #

你在product.custom.liquid里添加的自定义输入字段，命名格式properties[Nom du business]是正确的，但购物车页面不会自动渲染这些自定义属性——默认模板没有做这个显示逻辑，需要手动修改购物车模板来实现。

具体修复步骤 #

• 找到购物车相关模板
  进入Shopify后台，路径为「在线商店」→「主题」→「操作」→「编辑代码」，找到cart.liquid文件；如果是分块主题，查找cart-items.liquid片段文件。

• 插入属性渲染代码
  在订单项的循环代码（通常是{% for item in cart.items %}循环内部）中，添加一段遍历自定义属性的代码：

  {% if item.properties != blank %}
    {% for p in item.properties %}
      {% unless p.last == blank %}
        <div class="cart-custom-property">
          <span>{{ p.first }}：</span>
          <span>{{ p.last }}</span>
        </div>
      {% endunless %}
    {% endfor %}
  {% endif %}
  

  将这段代码放在订单项名称、价格下方或你认为合适的位置，保存修改即可。

• 额外检查点
  确认你添加的输入字段处于产品的「添加到购物车」表单范围内。如果product.custom.liquid区块不在表单内部，字段数据无法提交到购物车，需要调整区块位置到表单中。

• 测试验证
  重新选择商品、填写自定义内容并加入购物车，刷新购物车页面后，就能看到你填写的「Nom de votre établissement sur Google」对应的内容了。

内容的提问来源于stack exchange，提问作者Wajahat Ali Khan