運用サポート(平日10:00~17:00) 06-6485-6485
コマースクリエイター未利用コマースクリエイター移行中(有効)コマースクリエイター利用中説明を表示 ▼

「商品検索結果一覧」レイアウトのシステムパーツ

×

マニュアル閲覧上の注意

店舗の状態にあわせて、上のボタンからいずれかを選択してください。表示される項目が変更されます。

コマースクリエイター未利用
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用されている場合(コマースクリエイターをご利用でない場合)はこちらを選択してください。
コマースクリエイター移行中(有効)
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用しながら、コマースクリエイター管理画面が使用できる場合はこちらを選択してください。
コマースクリエイター利用中
コマースクリエイター管理画面で構築し、コマースクリエイター専用ECサイト(ユーザー画面)で店舗を新規構築・運用されている場合(以前からのユーザー画面をご利用でない場合)はこちらを選択してください。

上記のボタンは再選択できます。店舗の状態がわからない方はコマースクリエイターご利用状況の確認方法についてをご覧ください。

表示イメージ:「商品検索結果一覧」画面

※表示イメージはスタートアップテーマ(カスタマイズ前)です。
利用するパーツや項目設定により表示内容やレイアウトを変更することができます。詳しくは各システムパーツの説明をご覧ください。

パーツごとの表示イメージと解説

画像は「スタートアップテーマ」のものとなります。一部、システムパーツ以外もご紹介しています。

エラー表示

処理が成功した場合の表示もこちらのパーツによるものです。

詳細商品検索フォーム(フリーパーツ)

サンプルとなりますので、商品にあわせて適宜変更した後、ご利用ください。
フォームのカスタマイズ方法については商品検索フォームについてをご覧ください。

商品検索結果表示エリア(システムパーツグループ)

商品一覧(商品検索結果)(システムパーツグループ)並び替え・ページャーパーツを配置する特殊なシステムパーツ(システムパーツグループ)です。

検索結果0件の場合

「商品検索結果表示エリア」内すべてが、下記の表示となります。
「商品検索結果表示エリア」内に配置したパーツは表示されません。予めご了承ください。

商品検索結果0件メッセージ
コマースクリエイター>メッセージ-商品検索結果0件メッセージにて設定できます。

並び替え・ページャーパーツ

商品検索結果一覧に表示された商品を並び替えることができます。また商品検索結果一覧に表示される商品件数が表示されます。

表示される「並び替えリンク」は設定>商品・商品グループ>商品一覧ページ設定-並び替えリンク表示設定-並び替えリンク表示設定構築>ページ設定>商品ページ設定-並び替えリンク表示設定-並び替えリンク設定にて設定できます。
「並び替えリンク」のリンクテキスト・表示順も変更できます。

商品検索結果一覧では「キーワードヒット順(初期リンクテキスト:おすすめ順)」を表示できます。

「並び替えリンクを表示する」のチェックを設定しない場合、並び替えリンクは表示されません。

商品一覧に表示される件数は、設定>商品・商品グループ>商品一覧ページ設定-商品一覧表示件数設定-商品検索結果一覧ページの商品一覧に表示する商品数構築>ページ設定>商品ページ設定-商品表示件数設定 (コマースクリエイター)-商品検索結果一覧に表示する商品数にて設定できます。
設定された件数以上の商品がある場合、ページャー(前・後など各ページへのリンク)が表示されます。

商品一覧(商品検索結果)(システムパーツグループ)

商品一覧(商品検索結果)(システムパーツグループ)

商品情報を一覧表示するための特殊なシステムパーツ(システムパーツグループ)です。
商品情報を表示するシステムパーツや商品情報置換文字を記載したフリーパーツは、このパーツの下部階層に配置します。
配置されたパーツは、一覧表示される商品の数だけ繰り返し表示されます。

商品一覧の1行あたりの表示商品数は、画面幅に応じて変更(レスポンシブ対応)していますが、CSSデザインにて変更できます。詳しくはスタートアップテーマ 商品一覧の商品表示数(横)を変更するをご覧ください。

商品画像・拡大パーツ

商品バリエーション検索の検索結果一覧画面では、検索条件に合致したバリエーションサムネイル画像を商品画像として表示します。バリエーションサムネイル画像については運用>商品管理>商品画像設定(コマースクリエイター)をご覧ください。

パーツの詳細については商品グループ-商品一覧-商品画像・拡大パーツをご覧ください。

商品名パーツ

詳しくは商品グループ-商品一覧-商品名パーツをご覧ください。

商品マークパーツ

詳しくは商品グループ-商品一覧-商品マークパーツをご覧ください。

入出荷予定日表記名パーツ

詳しくは商品グループ-商品一覧-入出荷予定日表記名パーツをご覧ください。

予約コメントパーツ

詳しくは商品グループ-商品一覧-予約コメントパーツをご覧ください。

商品価格パーツ

詳しくは商品グループ-商品一覧-商品価格パーツをご覧ください。

販売期間表示

詳しくは商品グループ-商品一覧-販売期間表示をご覧ください。

在庫なし表示テキスト

詳しくは商品グループ-商品一覧-在庫なし表示テキストをご覧ください。

商品一言説明表示

詳しくは商品グループ-商品一覧-商品一言説明パーツをご覧ください。

カートボタンパーツ

  • 以下3種類ご用意しています。いずれか1つを必ず配置してください
  • 「通常・定期商品」「定期商品」「頒布会商品」の場合は[詳細をみる]ボタンの表示になります。

カート・バリエーションごとにボタンパーツ

詳しくは商品グループ-商品一覧-カート・セレクトボックスのみパーツをご覧ください。

カート・セレクトボックスのみパーツ

詳しくは商品グループ-商品一覧-カート・バリエーションごとにボタンパーツをご覧ください。

お気に入りボタンのみ・カートボタンなしパーツ

商品グループでカートボタンを使用しない場合に、カートボタンパーツカート・バリエーションごとにボタンパーツカート・セレクトボックスのみパーツ)の代わりに配置できるパーツです。

お気に入りボタンのみが表示されます。
シンプルな商品一覧にしたい場合にご利用いただけます。

入荷お知らせメール申し込みモーダル

メールアドレスは必須項目となります。

「入荷お知らせメール申し込み」(見出し)
コマースクリエイター>メッセージにある「入荷お知らせ申込モーダル見出し」を表示できます。
「商品が入荷次第、メールにてお知らせいたします。」(メッセージ)
コマースクリエイター>メッセージにある「入荷お知らせ申込メッセージ」を表示できます。
「個人情報保護方針」に関する表示
チェックボックスの表示・非表示やメッセージの設定について、くわしくは、個人情報保護方針への同意についてをご覧ください。
[再入荷お知らせメールを申し込む]ボタン
コマースクリエイター>テーマ>ボタンにある「入荷お知らせメール申込処理-商品共通」ボタンを表示できます。

申し込みが完了すると「入荷お知らせの申し込みを受け付けました。」と表示されます。

<「入荷お知らせメール申込完了メール」の設定>
設定>メール>メール設定一覧>入荷お知らせメール申込完了メール設定運用>入荷お知らせメール>入荷お知らせメール申込完了メール設定を設定すると、お客様(消費者)が「入荷お知らせメール」の申込を完了すると、お客様(消費者)と管理者へメールを自動送信できます。

<「入荷お知らせメール」の停止について>
「再入荷お知らせメール停止」をご覧ください。

「個人情報保護方針への同意」を表示しない場合
「同意チェックボックス」を表示しない場合
「同意チェックボックス」を表示する場合

個人情報保護方針への同意について

「個人情報保護方針への同意」の表示
設定>店舗共通>個人情報の取扱いについて-個人情報保護方針同意設定-個人情報保護方針同意確認欄「表示する」構築>店舗公開情報>個人情報の取扱いについての設定-個人情報取得に関する設定(コマースクリエイター)-表示設定「個人情報保護方針同意確認欄を表示する」にチェックすると表示されます。
「同意チェックボックス」の表示
「個人情報保護方針への同意」を表示する設定にした場合のみ、チェックボックスを表示するか、リンクを表示するかを設定できます。
設定>店舗共通>個人情報の取扱いについて-個人情報保護方針同意設定-同意チェックボックス表示設定にて「同意チェックボックスを表示する」にチェックすると表示されます。
構築>店舗公開情報>個人情報の取扱いについての設定-個人情報取得に関する設定(コマースクリエイター)-同意チェックボックスの有無にて「あり」を選択すると表示されます。

「同意チェックボックス」を表示しない設定にした場合

「個人情報保護方針に同意のうえ、ご登録ください。」(リンクメッセージ)
コマースクリエイター>メッセージにある「個人情報保護方針同意メッセージ」を表示できます。
チェックボックスはありませんが、個人情報保護方針へのリンクを表示できます。

「同意チェックボックス」を表示する設定にした場合

「個人情報保護方針に同意する」(チェックボックスメッセージ)
チェックボックス部分にコマースクリエイター>メッセージにある「個人情報保護方針同意チェックメッセージ」を表示できます。
「同意チェックボックス」の初期値
初期値をチェックされた状態にするには、設定>店舗共通>個人情報の取扱いについて-個人情報保護方針同意設定-同意チェックボックスの初期値「チェックされた状態で表示する」構築>店舗公開情報>個人情報の取扱いについての設定-個人情報取得に関する設定(コマースクリエイター)-同意チェックボックスの初期値「チェックする」に設定します。

個人情報保護方針の内容はコマースクリエイター>フリーパーツ「個人情報の取り扱いについて」にて変更していただけます。(スタートアップテーマの場合)

「同意チェックボックス」を表示し、かつ個人情報保護方針同意チェックをせずに登録ボタンを押下された場合は、コマースクリエイター>メッセージにある「個人情報保護方針同意チェックなしエラーメッセージ」が表示されます。

商品数表示カートボタン(フリーパーツ)

商品グループページ右下に固定表示されます。特殊なclass名 が記載されています。
通常カートと定期カート、どちらも表示できます。
詳しくは、カート内の商品数を表示するをご覧ください。

コーディネート表示(新着順)パーツ

コーディネートを新着順(ランキング)で表示します。

詳しくは商品グループ-商品一覧-コーディネート表示(新着順)パーツをご覧ください。

コーディネート(人気順)パーツ

コーディネートを人気順(ランキング)で表示します。

詳しくは商品グループ-商品一覧-コーディネート(人気順)パーツをご覧ください。

スタッフ表示(新着順)パーツ

詳しくは商品グループ-商品一覧-スタッフ表示(新着順)パーツをご覧ください。

スタッフ表示(人気順)パーツ

詳しくは商品グループ-商品一覧-スタッフ表示(人気順)パーツをご覧ください。

項目表示について

各項目は「以前からのECサイト用」「コマースクリエイター用」「共通」の3種類があります。「コマースクリエイター移行中(有効)」選択時は全ての項目と説明が表示されます。

・以前からのECサイト用項目(コマースクリエイターでは使用しない):右側にこちらの色の点線が表示されます。

・コマースクリエイター専用ECサイト用の項目(以前からのECサイトには影響しない):右側にこちらの色の点線が表示されます。

・上記以外は共通で使用する項目です。(何も表示されません。)

×

店舗の状態にあわせて、下のボタンからいずれかを選択してください。

コマースクリエイター未利用 コマースクリエイター移行中(有効) コマースクリエイター利用中
コマースクリエイター未利用
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用されている場合(コマースクリエイターをご利用でない場合)はこちらを選択してください。
コマースクリエイター移行中(有効)
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用しながら、コマースクリエイター管理画面が使用できる場合はこちらを選択してください。
コマースクリエイター利用中
コマースクリエイター管理画面で構築し、コマースクリエイター専用ECサイト(ユーザー画面)で店舗を新規構築・運用されている場合(以前からのユーザー画面をご利用でない場合)はこちらを選択してください。

再度選択できますので、店舗の状態がわからない方はいったん「有効」をお選びください。
詳しくはコマースクリエイターご利用状況の確認方法についてをご覧ください。