【Shopifyカスタマイズ】メタフィールドを使用してブログ記事に関連商品を掲載する

article.metafields.custom.related_products

{
    "type": "product",
    "name": "関連商品",
    "settings": [
      {
        "type": "text",
        "id": "link-text",
        "label": "リンクのテキスト",
        "default": "商品詳細を見る"
      }
   ]
}

{%- when 'product' -%}
<ul class="item-list">
  {%- for product in article.metafields.custom.related_products.value -%}
  <li class="item">
    <img src="{{ product.featured_image | img_url: 'master' }}" loading="lazy" alt="{{ product.featured_image }}">
    <div class="detail">
        <h3>{{ product.title }}</h3>
        <p>{{ product.price | money }}</p>
        <a href="{{ product.url }}">{{ block.settings.link-text }}</a>
    </div>
  </li>
  {%- endfor -%}
 </ul>

{%- for product in article.metafields.custom.related_products.value -%}
//出力させたい商品情報を入力する
{%- endfor -%}