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

活用例

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

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

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

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

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

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

• 販売期間ルールの「販売開始前」または「販売期間中」のみ表示設定が可能です。

• 「販売開始前」では、「販売期間 > 開始日・開始時刻」までの時刻を表示

• 「販売期間中」では、「販売期間 > 終了日・終了時刻」までの時刻を表示

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

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

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

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

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

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

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

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

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

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

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

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

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

(2) 「販売開始前」または、「販売期間中」のセクションへ遷移

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

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

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

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

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

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

(3) 言語を選択

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

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

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

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

(3) 「Product」を選択

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

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