商品管理_商品検索ページ

商品管理 > 商品検索ページ

1.概要

本画面では、商品検索ページの表示設定を行います。

2.フリーエリアの設定

フリーエリアには、商品検索ページのフリーエリアに表示するメッセージを設定します。設定したメッセージは、商品検索ページのメインエリアの最上部に表示されます。(HTML入力可)

図.フリーエリアの設定

3.レイアウト

レイアウトでは、検索条件の「カテゴリ」で絞り込みを行った場合の検索結果のレイアウトの設定を行います。チェックを入れると、検索結果のレイアウトが、絞り込みを行ったカテゴリに指定されているレイアウトで表示されます。カテゴリのレイアウトは、商品管理>商品カテゴリ設定>各カテゴリ>レイアウト選択で指定されたレイアウトです。

図.レイアウト

4.ワード検索対象の設定

商品検索ページ内で、登録されている商品を「商品名」や「商品番号」等の項目を指定しての検索(=ワード検索)を行う際の対象項目を設定します。ワード検索を有効にするには、「表示項目(検索条件)」の「フリーワード」にチェックを入れてください。

図.ワード検索対象

5.表示項目(検索条件)の設定

商品検索ページの検索条件として使用する項目を指定します(複数指定可)。

図.表示項目(検索条件)

5.1.項目概要

表示項目(検索条件)で取り扱う項目の定義は、次の表の通りです。

表.表示項目(検索条件)の項目定義

項目

説明

フリーワード

チェックを入れると、ワード検索が検索条件に追加される。

詳細は、「5.1.1.フリーワード」を参照。

プレースホルダー

フリーワード入力欄に入力の手助けとなるヒントを設定する。

詳細は、「5.1.2.プレースホルダー」を参照。

すべて含む|いずれかを含む選択肢

フリーワード入力欄に複数の文言を入力した場合の検索方法を指定する。

「すべて含む」を指定した場合は、AND検索(=複数の条件をいずれも満たすワード)によるワード検索を行う。「いずれかを含む選択肢」を指定した場合は、OR検索(=複数の条件をいずれか満たすワード)によるワード検索を行う。

価格帯

チェックを入れると、価格帯の検索条件が追加される。

カテゴリ

チェックを入れると、カテゴリの検索条件が追加される。

発売日

チェックを入れると、発売日の検索条件が追加される。

並び順

チェックを入れると、検索結果の並び順が指定できる。

表示件数

チェックを入れると、検索結果の表示件数を指定できる。

カレンダー

チェックを入れると、レンタルカレンダーが検索条件に追加される。

表示方法

チェックを入れると、検索結果の表示方法(リスト/サムネイル)を指定できる。

詳細は、「5.1.3.表示方法」を参照。

表示件数:共通設定

全デバイス共通の1ページあたりの表示件数の単位。例えば10件で設定した場合、表示件数を10件単位で変更できる。

表示件数:個別設定: SP

スマートフォンで閲覧時の1ページあたりの表示件数の単位。未設定の場合は、「表示件数:共通設定」が適用される。

表示件数:個別設定: Keitai

ガラケーで閲覧時の1ページあたりの表示件数の単位。未設定の場合は、「表示件数:共通設定」が適用される

5.1.1.フリーワード

表示項目(検索条件)の「フリーワード」にチェックを入れると、商品検索ページの検索条件にフリーワード入力欄が追加されます。

図.表示項目(検索条件)のフリーワードにチェックを入れる

図.商品検索ページの検索フォーム

5.1.2.プレースホルダー

プレースホルダーには、お客様が文言を入力しワード検索を行う際に入力の手助けとなるヒント(=入力例や単語)を表示させることができます。プレースホルダーに入力した文言は次のように表示されます。

図.表示項目(検索条件)のプレースホルダーを入力する

図.設定したプレースホルダーが検索フォームに表示される

5.1.3.表示方法

検索結果の商品表示方法をリスト形式で表示するかサムネイル形式で表示するかを指定します。

5.1.3.1.「リスト」を指定した場合

「リスト」を指定した場合は、検索結果が縦並びで表示されます。

図.「リスト」にした場合の商品検索ページの表示

5.1.3.2.「サムネイル」を指定した場合

「サムネイル」を指定した場合は、検索結果が横並びで表示されます。

図.「サムネイル」にした場合の商品検索ページの表示

6.検索条件初期値の設定

商品検索ページの表示項目の初期値を設定します。

図.検索条件初期値

6.1.項目概要

検索条件初期値で取り扱う項目の定義は、次の表の通りです。

表.検索条件初期値の項目定義

項目

説明

並び順

検索条件「並び順」の初期値。

「おすすめ順」と「標準」の違いについては、「商品カテゴリ設定」のマニュアルの「カテゴリ一覧/検索一覧 おすすめ順と標準の違いについて」をご確認ください。

>>「商品管理_商品カテゴリ設定」へ

表示件数:共通設定

検索条件「表示件数:共通設定」の初期値

表示件数:個別設定: SP

検索条件「表示件数:個別設定: SP」の初期値

表示件数:個別設定: Keitai

検索条件「表示件数:個別設定: Keitai」の初期値

表示方法

検索条件「表示方法」の初期値

7.表示項目(商品一覧)の設定

表示項目(商品一覧)では、商品検索ページの商品一覧に表示する項目を選択します。チェックを入れた項目が商品検索ページの商品一覧に表示されます。

図.表示項目(商品一覧)

7.1.項目概要

表示項目(商品一覧)で取り扱う項目の定義は、次の表の通りです。

表.表示項目(商品一覧)の項目定義

項目

説明

商品名

チェックを入れると、商品管理>登録商品編集の「公開設定/情報登録」の「商品名」が表示される

簡易説明の一部

チェックを入れると、商品管理>登録商品編集の「公開設定/情報登録」の「簡易商品説明」(または、簡易商品説明(モバイル用))が指定した文字数で表示される

希望小売価格

チェックを入れると、商品管理>登録商品編集の「主要項目」の「希望小売価格」が表示される。「項目名」には、表示用の項目名を設定する。「打ち消し線を表示する」にチェックを入れると、小売希望価格の金額が打ち消し線付きで表示される。

価格

チェックを入れると、価格が表示される。「希望小売価格が表示された時用のCSSクラスを追加する。」にチェックを入れると、「価格」のタグ「div class=”sysRetailPrice”」にCSSクラス「sysRetailPriceWithSuggested」が追加され、「div class=”sysRetailPrice sysRetailPriceWithSuggested”」となり、サイト管理>ユーザーCSS編集にてCSSの編集が可能となる。

PR設定

チェックを入れると、商品管理>登録商品編集の「主要項目」の「PR設定」で有効なPR項目が表示される。

商品画像

チェックを入れると、商品管理>登録商品編集の「画像登録」の「サムネイル画像」に設定した画像が表示される。

カートに入れるボタン

チェックを入れると、「カートに入れる」ボタンが表示される。「カートに入れる」ボタンのクリック時の動作は、3種類の中から選択する。詳細は、「7.1.1.カートに入れるボタンの設定」を参照

お気に入りボタン

チェックを入れると、「お気に入り」ボタンが表示される。詳細は、「7.1.2.お気に入りボタンの表示設定」を参照

7.1.1.カートに入れるボタンの設定

カートに入れるボタンをクリックした場合の動作を設定します。

図.「カートに入れる」ボタンの非同期処理の選択

7.1.1.1.「非同期処理を使う(ボタン切替タイプ)」で設定した場合

「カートに入れる」ボタンをクリックすると、画面遷移なしで対象商品がカートに追加されます。商品検索ページの「カートに入れる」ボタンは、「カートを見る」ボタンに変わります。

図.「非同期処理を使う(ボタン切替タイプ)」にチェックをいれた場合の表示

7.1.1.2.「非同期処理を使う(ボタン追加タイプ)」で設定した場合

「カートに入れる」ボタンをクリックすると、画面遷移なしで対象商品がカートに追加されます。商品検索ページの「カートに入れる」ボタンの下に、「カートを見る」ボタンが追加されます。

図.「非同期処理を使う(ボタン追加タイプ)」にチェックをいれた場合の表示

7.1.1.3.「非同期処理を使わない」で設定した場合

「カートに入れる」ボタンをクリックすると、カートページに遷移し、対象商品がカートに追加されます。

図.「非同期処理を使わない」にチェックをいれた場合の表示

7.1.2.お気に入りボタンの表示設定

「お気に入りボタン」にチェックを入れると、商品検索ページにお気に入りボタンが表示されます。チェックなしの場合は、お気に入りボタンは表示されません。初期値は、チェックなしです。

図.商品検索ページのお気に入りボタンの表示

7.1.2.1.お気に入りボタンクリック時の動作

お気に入りボタンをクリックすると、お気に入り追加完了ダイアログが表示されます。お気に入り追加完了ダイアログには、お気に入り追加した商品の商品画像と、完了メッセージが表示されます。

図.商品検索ページのお気に入りボタンクリック時

7.1.2.1.1.未ログイン状態でお気に入りボタンをクリックした場合

非会員の場合、または会員が未ログインの状態でお気に入りボタンをクリックした場合、お気に入り追加完了ダイアログには、「ログイン」ボタンと「会員登録」ボタンが表示されます。「ログイン」ボタンをクリックすると、お気に入り追加完了ダイアログが閉じ、マイページの会員ログイン画面へ遷移します。ログイン成功後に一時的に保存された商品がお気に入りに登録され、リダイレクトで自動的に元のカテゴリページへ遷移します。「会員登録」ボタンをクリックすると、お気に入り追加完了ダイアログが閉じ、会員登録画面へ遷移します。会員登録成功後に一時的に保存された商品がお気に入りに登録され、会員登録完了画面に表示される「元のページへ戻る」ボタンをクリックすると元のカテゴリページへ遷移します。

図.未ログイン状態でお気に入りボタンをクリックした場合

7.1.2.1.2.ログイン状態でお気に入りボタンをクリックした場合

会員がログイン済みの状態でお気に入りボタンをクリックした場合、対象商品がお気に入りに登録され、お気に入り追加完了ダイアログが表示されます。お気に入り追加完了ダイアログには、「お気に入り一覧を見る」ボタンが表示され、クリックするとマイページのお気に入り一覧画面へ遷移し、追加した商品を確認できます。

図.ログイン状態でお気に入りボタンをクリックした場合

7.1.2.2.制限事項

お気に入りボタンを表示する設定にした場合でも、ブラウザがIEかつバージョン10以下の場合は「お気に入り」ボタンは、表示されません。

8.画像遅延読み込み機能の設定

商品検索ページの商品一覧の画像の遅延読み込み機能を利用するかどうかを設定します。

「画像遅延読み込み機能」については、「サイト表示速度向上の秘訣」のマニュアルも合わせてご確認下さい。

>>「サイト表示速度向上の秘訣」

9.機能パーツの設置

商品検索ページに機能パーツを設置する場合は、リストから対象の機能パーツを選択します。複数の機能パーツを設置する場合は、「機能パーツ追加」リンクをクリックしてください。機能パーツ選択用のリストが追加されます。設置した機能パーツを削除する場合は、リストを「未設定」に変更してください。商品検索ページの商品一覧の下部に設置した機能パーツが上から順に表示されます。順番を変更する場合は、リスト内の機能パーツを変更してください。

図.機能パーツの設置