コマースクリエイターへ移行します。商品グループページの編集方法を教えてください。

コマースクリエイター移行作業店舗様向けの記事です
また、スタートアップテーマをご利用されている方向けの内容です

 

商品グループページは、コマースクリエイター切替前と同様に、
futureshop管理画面で商品グループを登録することで自動生成されます。
商品グループページでは、該当商品グループに所属する商品が一覧として表示され、各商品の詳細ページにリンクします。

※ 商品情報はコマースクリエイターへ引き継がれるため、商品グループの新規作成は不要です。
※ コマースクリエイター用に必要な情報のみを追加していただく対応となります。

本記事では、スタートアップテーマでの商品グループページのデザイン変更方法をご紹介します。

マニュアル：スタートアップテーマとは

 

【基本編】

以下４箇所の設定方法についてそれぞれご案内します。

 

①ページ見出し

スタートアップテーマでは、「ページ見出し」というフリーパーツが配置されております。
こちらは コマースクリエイター＞ページ にて設定する、「ページ見出し」の内容が置換されて表示されます。

デフォルト状態では、商品グループ名を置換する「{% category.name %}」の置換文字が設定されておりますので、
商品グループ名が表示されます。

 

②子グループ表示

親グループの商品グループページの場合、下の階層に登録している子グループページへのリンクが表示されます。
子グループの商品グループ名が表示され、リンクをクリックすることで該当の商品グループページへ遷移します。

子グループ表示に画像を設定したい画像表示を変更したい

運用＞商品管理＞商品グループ管理 より、各商品グループの「グループイメージ画像」に画像を登録してください。

マニュアル：「商品グループ新規登録・編集］基本情報

 

表示される子グループ数を変更したい

構築＞ページ設定＞商品ページ設定にあります、
「商品グループ一覧に表示するグループ数(コマースクリエイター)」の数値を変更してください。

マニュアル：商品グループページ表示設定

 

③並び替えリンク

表示される商品の一覧を並び替えるためのリンクを表示できます。

並び替えリンクを表示したい、項目を変更したい、並び順を変更したい

表示する設定は、構築＞ページ設定＞商品ページ設定にあります「並び替えリンク表示設定」をご確認ください。
※ コマースクリエイター切替前のサイトと共通設定となります。

マニュアル：商品グループページ表示設定

 

商品の表示順位を設定したい

運用＞商品管理＞商品グループ管理 より、各商品グループの編集画面にあります、
商品一覧／順序設定 のタブをクリックしていただき、 「表示順位の選択」を変更してください。
※ コマースクリエイター切替前のサイトと共通設定となります。

マニュアル：「商品グループ新規登録・編集］商品一覧／順序設定

 

④商品一覧表示

商品グループに所属している商品が設定した表示順位に基づき、表示されます。

商品一覧に表示する商品数を変更したい

構築＞ページ設定＞商品ページ にあります、
「商品表示件数設定 (コマースクリエイター)」の【商品一覧に表示する商品数】をご変更ください。

 

各商品情報の項目を並び替えたい

パーツの並び順によって上から順番に表示されます。
コマースクリエイター＞テーマ＞商品グループ のレイアウトをご確認いただき、「商品一覧」のシステムパーツ内のパーツ配置をご変更ください。

マニュアル：「商品グループ」画面

 

子グループの商品も一覧に表示したい

構築＞ページ設定＞商品ページ にあります、
「商品表示設定」の【下位グループに所属する商品も全て表示する】にチェックを入れてください。
※ コマースクリエイター切替前のサイトと共通設定となります。

 

在庫あり商品を優先表示したい

構築＞ページ設定＞商品ページ にあります、
「在庫切れ設定」の【在庫あり商品を優先的に上位表示(商品一覧)】にチェックを入れてください。
※ コマースクリエイター切替前のサイトと共通設定となります。

 

商品一覧では「カートに入れる」ボタンを非表示にしたい

システムパーツを変更することで「カートに入れる」を非表示にすることが可能です。

コマースクリエイター＞テーマ＞商品グループ のレイアウトをご確認いただき、
「商品一覧」のシステムパーツ内の【カート・バリエーションごとにボタンパーツ】から【お気に入りボタンのみ・カートボタンなしパーツ】へ変更してください。

マニュアル：カートボタンパーツ

 

商品詳細ページに遷移しない設定について

従来のfutureshopでは、商品グループページのみ利用し商品詳細ページに遷移せずに購入することができましたが、
コマースクリエイターでは、商品詳細ページを利用しない設定はできません。

仕様上、商品詳細ページに遷移しますので、
レイアウトスタイルの表示パターンで、パターンE～J、パターンIH1～IH4を選択されている場合は、事前にご確認ください。

 

レイアウトの利用について

商品登録のない商品グループには、「現在登録されている商品はありません」と表示されます。
ランディングページとして商品グループを利用される場合など、表示を消したい場合はCSSでご調整ください。

虎の巻：グループページの「現在登録されている商品はありません」を非表示にすることはできますか？

 

【応用編】

商品グループごとに異なる内容を設定したい（バナーの設置など）

各商品グループの独自コメントを利用することで、商品グループごとにバナーの出しわけなどを行うことが可能です。

マニュアル：独自コメントでできること（商品グループ）

 

商品一覧の表示する商品数を変更したい（横方向の列表示）

デフォルトでは、横方向の表示商品数は画面幅によって変化するようデザインされておりますが、
CSSを利用することで、表示する商品数を変更することが可能です。

マニュアル：商品一覧の「商品表示数（カラム数）」を変更する

 

その他の活用方法

マニュアル：商品グループページを強化する

 

マニュアル：商品グループの「子グループ表示数（カラム横）」を変更する

 

マニュアル：商品一覧にレビュー数や平均点を表示する