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

Shopifyでアプリを使わずに商品詳細ページで「この商品は1週間で n 点購入されました」を表示する設定例

Shopifyでアプリを使わずに商品詳細ページで「この商品は1週間で n 点購入されました」を表示する設定例

用途

  • 商品情報管理・編集

実装方法

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

Shopifyでアプリを使わずに「この1週間で n 個購入されています」を表示する設定例です。Shopify Flowを使って、商品購入日を基準に直近1週間の購入履歴をバリアントのメタフィールドに保存し、それを使って商品ページで1週間分の合計購入数を表示しています。


アプリを使わずに商品詳細ページで「この商品は1週間で n 点購入されました」を表示する設定例


【設定方法①】「custom.recent_7days_sales_count」と命名したjson形式による バリエーションのメタフィールドを作成


【設定方法②】数量変更「Product variant inventory quantity changed」をトリガーにした「販売数量をバリアントメタフィールドに保存」するFlowを作成


【(テーマRise/Dawnの場合)設定方法③】商品テンプレートの商品情報セクションにカスタマイズされたLiquidブロックを追加してコードを挿入


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

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

サンプルコード

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

jsonスキーマ

メタフィールドの値を参照し、購入日と同日であれば数量をアップデート、そうでなければ直近7日分の数量データを新規追加する処理

関連ポスト

すべてのShopify TIPS