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

Shopify Flowの「Product variant back in stock」を使って再入荷したバリエーションを商品詳細ページに表示する設定例

Shopify Flowの「Product variant back in stock」を使って再入荷したバリエーションを商品詳細ページに表示する設定例

用途

  • 商品情報管理・編集

実装方法

  • LIQUID
詳細を表示する

Shopifyでは商品の在庫が復活した(Back in stock)際に、通知を送るように実装することがよくありますが、これを商品詳細画面でも通知する設定方法です。再入荷したバリアントを独自タグで付与することで、そのタグを判別して再入荷メッセージを表示します。


Shopify Flowの「Product variant back in stock」を使って再入荷したバリエーションを商品詳細ページに表示する設定例


【設定方法①】「Product variant back in stock」トリガーが発動したら「bs_[variant id]」形式の商品タグを付与するFlowを作成


【設定方法②】テーマエディタで商品テンプレートにカスタムLiquidセクションを追加してコードを挿入


【補足】複数のバリアント、単体のバリアント、バリアント自体の設定がない商品それぞれのパターンでのメッセージの表示のされ方


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

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

サンプルコード

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

接頭辞「bs_」に再入荷したバリアントのidを結合した形のタグを付与するアクション

テーマエディタで商品テンプレートにカスタムLiquidセクションを追加してコードを挿入

関連ポスト