Shopifyの商品はサイズやカラーなど1〜3種類のオプションを掛け合わせて最大100件のバリエーションを登録できますが、種類が多いと在庫を1つずつ確認するのは手間です。そこでテーマ「Horizon」で、商品ページにバリエーションごとの在庫一覧表を表示する方法です。すべての組み合わせが存在しない変則バリエーションにも対応します。
テーマ「Horizon」で商品詳細画面にバリエーションごとの在庫一覧表を表示する方法（変則バリエーションにも対応）
【設定手順】商品詳細テンプレートの商品情報セクションにカスタムLiquidブロックを追加してコードを挿入
Horizonの商品ページは「商品情報」セクションの中身がブロックで構成されています。テーマエディタで対象の商品テンプレートを開き、「詳細」内の「ブロックを追加」から「カスタムLiquid」を選んで、購入特典のコードを貼り付けてください。これだけでバリエーションごとの在庫数が表形式で表示されます。
このコードはDawn版とほぼ共通で、実質的な変更点は冒頭の1行だけです。Horizonではブロック内から商品を参照する際に closest.product を使うため、先頭で product を closest.product（無ければ素の product）に解決しています。これにより、以降の product.* の記述はDawn版とまったく同じで動作します。
Dawnテーマ版のTIPSはこちら： 商品詳細画面にバリエーションごとの在庫一覧表を表示する方法（Dawn）
