商品情報にスキップ
1 1
公開日:2023.06.09

Shopifyで商品詳細画面にバリエーションごとの在庫一覧表を表示する方法

Shopifyで商品詳細画面にバリエーションごとの在庫一覧表を表示する方法

用途

  • 商品情報管理・編集

実装方法

  • LIQUID
  • HTML/CSS
詳細を表示する

Shopifyの商品情報は1〜3種類の項目を掛け合わせて最大100件のバリエーションを登録できますが、種類が多い場合、一つひとつ確かめるのも手間がかかります。 商品ごとに作成するのは面倒ですが、Liquidを使って組み合わせの一覧表を生成し、在庫情報を掲載するのも良いですね。

商品詳細画面にバリエーションごとの在庫一覧表を表示する方法(すべてのバリアントが存在しない変則バリエーションにも対応)


【設定方法】商品テンプレートの商品情報にカスタムLiquidブロックを追加してコードを挿入


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Dawn/Rise 15.2.0

商品テンプレートの商品情報にカスタムLiquidブロックを追加してコードを挿入

関連ポスト