Shopify Boundless主题：元字段调用指定关联商品失败求助

你遇到的核心问题是把字符串形式的商品handle直接当成了product对象来使用——你的shownwith数组里存的是逗号拆分后的handle字符串，不是Shopify的Product实例，所以循环里的product变量其实还是当前页面的商品（模板上下文里的默认product），这就导致你看到的总是当前页商品，而不是关联的那些。

下面是修正后的完整方案：

步骤1：将handle字符串转换成Product对象 #

我们需要用Shopify的all_products全局对象，通过handle获取对应的商品实例。注意all_products有请求限制（最多20个），所以如果你的关联商品数量不超过20个，这个方法完全可行。

步骤2：修正循环逻辑并优化渲染 #

原来的代码里直接循环handle字符串是无效的，我们需要先把每个handle转成product，还要过滤掉不存在的商品（避免元字段里写错handle导致报错）。

修正后的代码：

{% if product.metafields.c_f['Shown With'] %}
  {% assign shownwith_handles = product.metafields.c_f['Shown With'] | split: ',' | map: 'strip' %}
  {% capture shownwith_items %}
    {% for handle in shownwith_handles %}
      {% assign related_product = all_products[handle] %}
      {% if related_product %}
        {% include 'product-grid-width' with product_image_type: section.settings.product_image_type, product_image_size: section.settings.product_image_size %}
        {% include 'product-grid-item' with product: related_product, product_image_spacing: section.settings.product_image_spacing, vendor_enable: section.settings.vendor_enable %}
      {% endif %}
    {% endfor %}
  {% endcapture %}
  <!-- 最后输出捕获的关联商品列表 -->
  {{ shownwith_items }}
{% endif %}

关键修正点说明： #

• | map: 'strip'：去掉每个handle前后的空格（防止元字段里写了handle1, handle2这种带空格的情况）
• {% assign related_product = all_products[handle] %}：通过handle获取真正的product对象
• {% if related_product %}：检查商品是否存在，避免无效handle导致的错误渲染
• 在include 'product-grid-item'时显式传递product: related_product：确保模板使用的是关联商品，而不是当前页面的默认product

额外提示 #

如果你的关联商品数量超过20个，all_products就不够用了，这时候建议改用**集合（Collection）**来管理关联商品，或者使用Shopify的Metafields API存储商品ID数组，再通过GraphQL批量获取商品（不过Boundless主题可能需要更多定制）。

内容的提问来源于stack exchange，提问作者M Johnson