高度なカウントダウンタイマーを設定する

あなたのストアは期間限定の販売促進を実施しており、Web 訪問者の注意をこのオファーに誘導できるように、ミリ秒単位のカウントダウン タイマーを表示したいと考えています。 Be Yoursテーマを使用すると、わずか数ステップでこの動的なカウントダウン タイマーを設定できます。この記事を通じて、Be Yours テーマ エディターでこの設定を完了する方法について詳しく学びましょう。

高度なカウントダウン タイマーを段階的に設定する

1. Shopify 管理者ダッシュボードで、 [オンライン ストア] > [テーマ]をクリックします。
2. [テーマ]ページで、 Beyoursテーマを選択し、テーマのボタン[カスタマイズ]をクリックします。

3. 次に、カウントダウン タイマーを追加するページに移動します。たとえば、ホームページに追加します。
4. このタイプのセクションをすばやく見つけるには、ホームページの左側のメニューを下にスクロールし、セクションの追加ボタンをクリックして、検索バーに「カウントダウン タイマー」というテキストを挿入します。

5. カウントダウン タイマーセクションを追加した後、画像、レイアウト、コンテンツの位置、デスクトップとモバイルでの配置などの選択を含むいくつかの設定を開始できます。また、必要に応じてブロックを追加したり、タイトル テキストやテキストを変更したりすることもできます。セクションのボタン設定。

6. 残りの日数、時間、分、秒、ミリ秒を含むカウントダウン タイマーを表示するには、 [カウントダウン タイマー]セクションでブロック[カウントダウン]を設定する必要があります。特に、[終了日]フィールドに「 {yyyy-mm-dd}T{時間:分:秒.ミリ秒}{タイムゾーン} 」の形式でデータを追加する必要があります。

   たとえば、取引は2022 年 12 月 31 日の午後 11:59:59.456 (タイムゾーンUTC+7 )まで利用可能です。追加されたデータは「 2022-12-31T23:59:59.456+07:00 」となるはずです。カウントダウンの秒とミリ秒を気にしない場合は、時間の部分59.456を00.000に置き換えることができます。

7. カウントダウン タイマーがフロントエンドに表示され、残りの日、時間、分、秒の動的時間測定値が表示されます。

この記事がお役に立てば幸いです。この機能についてご不明な点がございましたら、サポートが必要なため、お気軽に弊社チームまでお問い合わせください。