2月 21, 2026

統合リストに対応したStorefront APIの活用

2月 21, 2026

「Storefront APIによるCombined Listingsのサポート」

Shopifyストアの商品情報をより魅力的に、効率的に展示したいと考えている皆様、注目の新機能をご紹介します。ShopifyのStorefront APIが、いわゆる「Combined Listings」をサポートするようになりました。これにより、色や素材、長さなど、複数のバリエーションを持つ商品を1つの商品リストから表示することが可能になります。

1. 技術的課題の定義と現状分析

従来、Shopifyストアで複数のバリエーションを持つ商品を扱う場合、各バリエーションごとに別々の商品リストを作成し、それぞれを個別に管理する必要がありました。これは、商品の管理や展示面での一貫性を維持する上での大きな課題でした。

2. 具体的な技術的ソリューションの提案

この課題を解決するためのソリューションが、Storefront APIを使用した「Combined Listings」です。これにより、一つの商品リストから複数のバリエーションを持つ商品を管理・表示することが可能になりました。Shopify PlusプランのユーザーはShopify Combined Listings appを利用することができます。

3. 実装手順とコード例

Combined Listingsを利用するためには、まずStorefront APIを使用して商品情報を取得します。以下にその一例を示します。


{
  product(id: "gid://shopify/Product/1234567890") {
    title
    variants(first: 10) {
      edges {
        node {
          id
          title
          priceV2 {
            amount
            currencyCode
          }
        }
      }
    }
  }
}

このコードは、特定の商品IDを指定して、その商品のバリエーションを最大10個取得します。バリエーションのID、タイトル、価格などの情報を一度に取得することができます。