カウントダウンタイマーを表示する

活用例

• 発売予告の時に、発売開始までの残り時間を表示

• 期間限定販売の時に、販売終了までの残り時間を表示

• 期間限定セールの時に、セール終了までの残り時間を表示

• Online Store 2.0対応テーマのみ対応しています

• 商品ページのみ表示可能です。

• カウントダウンタイマー内の各テキストデータは翻訳可能です。

• 予約販売ルールで、カウントダウンタイマーのタイトルと説明を設定できます。

• アクション（開始日前）とアクション（予約販売時）のみ表示設定が可能です。

• アクション（開始日前）では、「条件設定 > 開始日・開始時刻」までの時刻を表示

• アクション（予約販売時）では、「条件設定 > 終了日・終了時刻」までの時刻を表示

(1) オンラインストア > テーマの順に遷移

(2) カウントダウンタイマーを表示したいテーマの「カスタマイズ」をクリック

(3) テーマエディタより商品テンプレートを開く

(4) セクション追加（または、ブロック追加）をクリック

(5) 「アプリ」タブを選択

(6) 「カウントダウンタイマー」という名称のアプリブロックを追加

(7) 追加したアプリブロックをカウントダウンタイマーを表示させたい箇所へドラッグアンドドロップ

(8) アプリブロックをクリック

(9) 「テーマエディターでデモを表示」を有効化する

　本設定により、テーマエディタ上だけ条件にかかわらず、カウントダウンタイマーを表示させることができます。

(10) カウントダウンタイマーのデザインや文言をカスタマイズ

(11) 「保存」をクリック

(1) カウントダウンタイマーを表示させたい予約販売ルールを開く

(2) アクション（予約販売時）または、アクション（開始日前）のセクションを開く

(3) 「カウントダウンタイマーを表示する」にチェックを付ける

(4) カウントダウンタイマーのタイトルに任意のテキストを設定

(5) カウントダウンタイマーの説明に任意のテキストを設定

(6) 「保存」をクリック

(1) ステップ2で設定した予約販売ルールが適用された商品にアクセス

(2) カウントダウンタイマーが表示されているか確認する

(1) カウントダウンタイマーを翻訳したい予約販売ルールを開く

(2) 「翻訳」をクリック

(3) 言語を選択

(4) カウントダウンタイマーの項目に翻訳データを記入

(5) 「保存」をクリック

(1) Translate & Adaptのアプリを開く

(2) テーマ > テンプレートをクリック

(3) 「Product」を選択

(4) Countdown Timerの項目に翻訳データを入力

(5)  「保存」をクリック