予約販売バッジ

商品一覧ページに予約販売中であることを示すバッジを表示する方法を説明します。

予約販売バッジとは、コレクションページや検索結果ページの商品一覧に、予約商品であることを示すラベルを表示する機能です。商品名の後ろにテキストが追加される形で表示されます。

  • アクセス時点で予約販売中の商品のみバッジを表示できます。予約販売ルールを適用していても予約販売中でない商品には表示されません

  • コレクションページや検索結果ページなどの商品一覧にのみ表示できます

  • 商品ページのメイン画像や商品名には対応していません。ただし、商品ページ内の商品一覧にはバッジを表示できます

  • 予約販売ルールごとに異なるバッジテキストを表示できます

  • デザインはカスタムCSSで変更できます(詳細は「予約販売バッジを装飾する」をご覧ください)

(1) アプリ管理画面の左メニューから「設定」を開く(2) 「予約販売バッジ」セクションで下記の項目を設定する

項目

説明

バッジのテキスト

バッジに表示するテキスト(例:[予約販売])

バッジの表示条件

下記の3択から選択

バッジの表示条件

選択肢

説明

表示しない

商品にバッジを表示しません

1つでも予約商品の場合に表示

商品のバリエーションに1つでも予約商品がある場合にバッジを表示します

すべてが予約商品の場合に表示

商品のバリエーションがすべて予約商品の場合にバッジを表示します

(3) 「保存」をクリックする

予約販売ルールごとに異なるバッジテキストを設定できます。設定しない場合は、アプリ設定画面のバッジのテキストが使用されます。

(1) 対象の予約販売ルールを開く(2) 「アクション」セクションで「個別にバッジのテキストを設定する」にチェックを入れる(3) 下記の項目を設定する

項目

説明

バッジのテキスト

このルールに適用するバッジのテキスト

バッジの優先度

複数の予約販売ルールが該当する場合、数値が大きいルールのバッジが優先的に表示されます。未設定の場合は0として扱われます

(4) 「保存」をクリックする

バッジの表示内容は、以下の優先順位で決定されます。

  1. 予約販売ルール内の設定

  2. アプリ設定画面の設定

1つの商品に複数の予約販売ルールが適用される場合

「バッジの優先度」の数値が大きいルールの設定が優先して表示されます。「バッジの優先度」が未設定の場合は、値を「0」として扱います。

(1) アプリ管理画面の左メニューから「設定」を開く(2) 右上の「翻訳」をクリックする(3) 翻訳する言語を選択する(4) 「バッジのテキスト」に翻訳後のテキストを入力する(5) 「保存」をクリックする

(1) 対象の予約販売ルールを開く(2) 右上の「翻訳」をクリックする(3) 翻訳する言語を選択する(4) 「予約販売時」タブの「バッジのテキスト」に翻訳後のテキストを入力する(5) 「保存」をクリックする