カウントダウンタイマーを表示するには、商品ページへアプリブロックを追加し、販売期間ルールで表示を有効にします。
前提: Online Store 2.0対応テーマを使用してください。カウントダウンタイマーはアプリブロックで表示します。
商品テンプレートに「カウントダウンタイマー」を追加します。
(1) テーマエディタを開く
Shopify管理画面 → オンラインストア → テーマから、対象テーマの「カスタマイズ」を選択してください。
(2) 商品テンプレートを開く
テーマエディタで商品テンプレートを開いてください。
(3) カウントダウンタイマーを追加する
「セクションを追加」または「ブロックを追加」から「アプリ」を開き、「カウントダウンタイマー」を追加してください。表示したい位置へ移動してください。
(4) 必要に応じてテーマエディタ上のデモを有効にする
追加したブロックを選び、「テーマエディタでデモを表示」を有効にすると、条件に関係なくテーマエディタ上でタイマーを確認できます。
(5) 保存する
デザインや文言を必要に応じて変更し、右上の「保存」を選択してください。
アプリブロックを追加しただけでは、オンラインストアには表示されません。ルール側でも有効にしてください。
(1) 販売期間ルールを開く
表示したい販売期間ルールを開いてください。
(2) 表示を有効にする
「販売開始前」または「販売期間中」で、「カウントダウンタイマーを表示する」を有効にしてください。
(3) タイトルと説明を入力する
カウントダウンタイマーのタイトルと説明を入力してください。
(4) 保存する
「保存」を選択してください。
確認: ルールを適用した商品の商品ページをオンラインストアで開き、残り時間が表示されることを確認してください。