Concept を使用すると、製品ページにカウントダウン タイマーを組み込んで、割引期限が切れるまでの残り時間を視覚的にマークできます。これらのタイマーは緊迫感を効果的に与え、顧客に迅速な行動を促し、割引がなくなる前にチャンスをつかむよう促します。
この機能はメタフィールドに基づいて動作します。したがって、メタフィールド定義を追加し、必要な製品のカウントダウンを設定するだけです。
このページでは
カウントダウン資格
カウントダウンタイマーは、商品が低価格で販売されている場合にのみ機能します。したがって、カウントダウンを追加する前に、商品の価格比較を設定していることを確認してください。そうしないと、カウントダウンが無効になります。
メタフィールド定義の追加
特定の製品にカウントダウン (メタフィールド値) を追加する前に、この情報に必要なメタフィールド定義を追加する必要があります。
注記
この手順は 1 回だけ実行する必要があり、すべての製品に影響します。すでにこれを行っている場合はスキップしてください。メタフィールドはテーマとは独立して機能するため、テーマを更新または再インストールするときにこの手順を再度実行する必要もありません。
Shopify 管理画面> [設定] > [メタフィールド] > [製品]から。
[定義の追加] をクリックします。
[製品メタフィールド定義の追加] ボックスで、次のような新しいメタフィールドの詳細を設定します。
- 名前-
Product countdown
- 名前空間とキー-
theme.countdown
- 説明(オプション) - 「製品を説明する重要な情報を追加します。」という説明行を追加します。
- コンテンツ タイプの選択- 行テキスト、整数、日付と時刻、ファイルなど、さまざまなコンテンツ タイプがあります。この設定では、 [日付と時刻]を選択します。
- [日付と時刻]を選択します。これを選択すると、カウントダウンの正確な時間を指定できるようになります。
- 名前-
- 「保存」をクリックして定義を保存します。
これまでに、定義リストに製品カウントダウンが表示されているはずです。
カウントダウンの設定
管理者の[製品]内で、カウントダウンを追加する製品に移動します。
[メタフィールド]まで下にスクロールし、 [すべて表示]をクリックして製品のメタフィールド値を開きます。
ここで製品のカウントダウンが表示されるはずです。
有効期限を設定するには、 「製品カウントダウン」フィールドをクリックします。ここでは 2 つの入力が表示されます。1 つは日付用、もう 1 つは時刻用です。希望の日付と時刻を設定するだけです。
「保存」をクリックして変更を保存します。
カウントダウンを表示する
製品にカウントダウンが設定されている場合、カウントダウンを表す 2 つの要素があります。製品カード上のコンパクト カウントダウンと製品ページ上の完全なカウントダウンです。
コンパクトなカウントダウン
製品にカウントダウンが設定されている場合、製品カードの下部にミニ カウントダウンが表示されます。このカウントダウンは、製品カードを含むセクションから切り替えることができます。
製品カードを含むセクションには、製品カードのコンパクト カウントダウンを切り替えるためのテーマ設定を介して「カウントダウンを有効にする」という設定があります。以下は、製品カードを含む「注目のコレクション」セクションの例です。
「保存」をクリックしてこの設定を終了します。
フルカウントダウン
製品にカウントダウンが設定されている場合、製品ページに完全なカウントダウンを追加できます。
製品ページにカウントダウンを表示するには:
[カスタマイズ] パネルから製品ページに移動します。 [製品情報]セクションで、 [ブロックの追加] > [カウントダウン タイマー]をクリックします。
ここでは、カウントダウンの見出し、数字のサイズ、色(見出し、テキスト、背景) を設定できます。
「保存」をクリックしてこの設定を終了します。
この記事がお役に立てば幸いです。この機能についてご質問やご不明な点がございましたら、お気軽に弊社チームのサポートまでお問い合わせください。