キャンセル
検索
導入前のご相談 06-6485-5330
運用サポート:06-6485-6485 平日9:30~18:00(土日祝除く)
コマースクリエイター無効コマースクリエイター有効コマースクリエイター運用中?

スタートアップテーマ 商品グループの子グループ表示数(横)を変更

×

マニュアル閲覧上の注意

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

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

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

変更用CSSサンプルについて

スタートアップテーマの商品グループの商品グループ表示(下部階層・子グループへのリンク)の横方向の表示数は、レスポンシブ対応のためCSSにてデザインされています。初期状態ではウィンドウ幅767px未満なら1列表示、ウィンドウ幅768px以上なら3列表示、ウィンドウ幅960px以上なら4列表示になります。

下記に横方向の商品グループ表示数変更用CSSのサンプル(上書き用CSS)を掲載しています。
以下いずれかの方法でECサイトに適用していただけます。

  1. コマースクリエイター>テーマ>オリジナルCSSに貼り付けます。
  2. CSSファイルとして保存していただき、コマースクリエイター>アイテム一覧にアップロード。CSSファイルのLINKタグを記述したフリーパーツを作成し、商品グループ・商品検索結果などのレイアウトに配置します。

なお、商品グループ表示件数は構築メニュー>ページ設定>商品ページ設定-商品グループページ表示設定-商品グループ一覧に表示するグループ数(コマースクリエイター)で変更できます。

最大表示列数1列

ウィンドウ幅にかかわらず1列表示固定となります。

(display: flex; を解除します。)

最大表示列数3列

ウィンドウ幅767px未満なら1列表示、ウィンドウ幅768px以上なら最大3列表示になります。

最大表示列数2列

ウィンドウ幅767px未満なら1列表示、ウィンドウ幅768px以上なら最大2列表示になります。

項目表示について

各項目は以前からのECサイト用・コマースクリエイター用・共通の3種類があります。コマースクリエイター有効(切替前)は両方の項目が表示されます。

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

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

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

×

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

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

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