（ECサイト）[Shopify]カート画面でも、商品メタフィールドを表示させる方法！

例えば、商品によって配送料が異なる場合
メール便で送料無料の商品には「メール便送料無料」と表示させるための
商品メタフィールドを定義するかと思います。

そして、商品詳細のページに
メタフィールドを表示させるコードを記述します。

ここまでは、普通のことです。

カート画面でも、同じように
メタフィールドを表示させるコードを記述して…….

表示されない！！！！

今回のGOAL!!

Step.1　該当の箇所のコードを拝見

「Dawn」では「main-cart-items.liquid」の62行目あたり

Step.2　該当の箇所のコードを拝見

{%- for item in cart.items -%}
・・・
{%- endfor -%}

テーマによって異なりますが「Dawn」では、{{ item }}が代入されてfor文で回っております。
有料テーマの「Prestige」では、{{ line }}だったかな？

よって、

Step.3　メタフィールドのネームスペースキーにも代入してあげます

{% if product.metafields.custom._free_shipping != blank %}
  <div class="ProductItem__StatusIcon"><span>{{ product.metafields.custom._free_shipping }}</span></div>
{% endif %}

代入前

{% if item.product.metafields.custom._free_shipping != blank %}
  <div class="ProductItem__StatusIcon"><span>{{ item.product.metafields.custom._free_shipping }}</span></div>
{% endif %}

代入後

以上で、無事表示されるようになりました！

よかったら試してみてください！