🤖 AIアシスタントへの質問はこちら ▶
本ページでは、カウントダウンタイマーを表示する方法をご紹介します。
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で設定した予約販売ルールが適用された商品にアクセス
(2) カウントダウンタイマーが表示されているか確認する
(3) 言語を選択
(4) カウントダウンタイマーの項目に翻訳データを記入
(5) 「保存」をクリック
(1) Translate & Adaptのアプリを開く
(2) テーマ > テンプレートをクリック
(3) 「Product」を選択
(4) Countdown Timerの項目に翻訳データを入力
(5) 「保存」をクリック