表示位置
商品ページにカウントダウンを自動で表示し、配置される正確な位置を把握します。
Display タブの Display position セクションは、カウントダウンの表示場所を設定する場所です。この設定がないと、ページ上のどこに表示するかが指定されていないため、すべての条件に一致していても何も表示されません。
Product pageにチェックを入れるだけで、自動配置の設定は完了です。
Show countdown on: Product page
Section titled “Show countdown on: Product page”チェックボックスは Product page の1つだけで、アプリでは「Tick on checkbox to display Countdown on all product pages」と説明されています。
チェックを入れると、商品ページにカウントダウンが表示されます。カウントダウンの条件も満たしているすべての商品が対象です。
商品ページでの表示位置
Section titled “商品ページでの表示位置”アプリは、カウントダウンを**「カートに追加」エリアのすぐ下**に配置します。
これは意図的な配置です。お客様が購入ボタンを見ている瞬間は、期限、配達日、在庫の警告が最も読まれやすいタイミングです。また、ほぼすべてのShopifyテーマで、この部分はほぼ同じ位置にあります。そのため、設定しなくても、テーマを問わず適切な位置に表示されます。
実際には、次のようになります。
- カウントダウンはテーマの商品ページのレイアウトに従うため、コンテンツの上に浮かぶのではなく、コンテンツと一緒に動きます。
- 固定の「カートに追加」バーがあるテーマでは、固定バーではなく、メインの購入ボタンの位置に表示されます。
- テーマの「カートに追加」ボタンがアプリで認識できない作りの場合は、何も表示されません。これが自動配置がうまくいかない主な原因です。その場合は、代わりにショートコードを使ってください。
それ以外の場所にはショートコードが必要です
Section titled “それ以外の場所にはショートコードが必要です”アプリが提供する自動配置は Product page のみです。ホームページ、コレクションページ、ランディングページ、ページ上部のバナーなど、ほかの場所には、カウントダウンのショートコードを Samita Countdown アプリブロックに貼り付けて配置します。ショートコードでカウントダウンを配置するをご覧ください。
「カウントダウンを表示できるページ」と「配置される位置」は別の問題です。Page 条件でコレクションページへの表示を許可しても、そのページにショートコードブロックがなければ、表示する場所がありません。
カートのカウントダウンは自動で配置されます
Section titled “カートのカウントダウンは自動で配置されます”カートのカウントダウンには位置の設定がありません。カートに商品があるとき、カートページとカートドロワーの両方で、カートフォームの上部に自動で配置されます。カートカウントダウンの概要をご覧ください。
配置を確認する
Section titled “配置を確認する”保存後は、ビルダーのプレビューに頼らず、実際の商品ページを開いて確認してください。プレビューに表示されるのはカウントダウンのデザインであり、テーマのレイアウトではありません。
スマートフォンでも確認してください。テーマは小さな画面で商品ページを大きく再配置するため、デスクトップでは「カートに追加」ボタンのすぐ下にあるカウントダウンが、モバイルでは使いにくい位置に表示されることがあります。モバイルでうまく表示されない場合は、デバイスターゲティングでデスクトップのみに制限できます。