このページでできること:ショップの分類を作り、商品をまとめ、公開サイトで絞り、関連商品を出せるようにする。 分類にはカバーと、任意のアイコンを付けられます。ページには、分類に追随するカードか、三欄のカテゴリ導入を置けます。
商品側で分類を付けるのは、商品を公開する の カテゴリ です。
公開の /shop 左側は、親と子で折りたためる分類です。親を選ぶと、その分類と下の子分類にある公開商品が出ます。ヘッダー、フッター、ボタンからある分類へ直接飛ばすなら、リンク先でショップの商品分類を選びます。
サイドバーの同じ階層は、既定ではアコーディオンです(同時に開くのは1つ)。複数開いたままにするなら、ストア設定 → 一覧 の 複数の折りたたみ分類を同時に展開 をオンにします。ショップとチェックアウト。
始める前に
- ショップが開いている。
- オーナーと編集者は変更できます。閲覧者は読むだけです。
場所
サイドバー コマース → カテゴリ(/admin/commerce/categories)。
ページ名は 商品カテゴリ。右上から商品一覧へ戻れます。
分類を1件追加する
- ページ上の カテゴリを追加 に下の表を入れ、追加 を押す。成功すると「カテゴリを作成しました」。フォームは空になるので、すぐ次を追加できます。底の保存を先に押す必要はありません。
| 項目 | 必須 | 意味 |
|---|---|---|
| 名称 | はい | 管理画面と公開サイトの名前。多言語では他の言語名も入れられます。 |
| スラッグ | はい | URL 用。英小文字とハイフンが向いています。例:business-card。同一サイトで重複不可。 |
| 親 | 任意 | (親なし) が第一階層。別の分類を親にすると木になります。 |
| カバー画像 | 任意 | ライブラリからアップロードまたは選択。カバーが無くても、公開カードには分類名が出ます。 |
| アイコン | 任意 | アイコン庫から。カバーとは別です。カテゴリ導入の左欄に使い、ショップ側欄のサムネイルではありません。 |
新しい分類は一覧の末尾に入ります。順はドラッグで変えます。数字は入れません。
名称、スラッグ、親、カバーを直す
既存の行は、名称、スラッグ、親、カバー、アイコンをその場で直せます。直したら底の 保存。成功すると「カテゴリを保存しました」。底のバーが預かるのは、これらの欄の下書きだけです。追加、削除、複製、ドラッグの並び替えはすぐに反映されます。
一覧から、その分類の公開ショップ絞り込みリンクをコピーできます。
ドラッグで並び替える
行の左のハンドルを押したまま上下に動かします。離すと順序が同期します(同期中と短く出ることがあります)。底の保存は不要です。
分類を複製する
その行の複製は、名称にコピーを示す接尾辞を付け、slug を -copy 系で一意にし、他言語の名称、親、カバー、アイコンも引き継ぎます。
商品に付ける
- 商品管理 で商品を開く。
- 基本 で カテゴリ を選ぶ。
- 保存または公開する。
分類が無い商品は、一覧に (未分類) と出ます。商品編集では複数の分類をチェックできます。未チェックは未分類です。関連商品を表示 がオンのとき、この商品といずれかの分類が同じ他の公開商品を勧めます。
ページに分類カードを置く
トップや任意のページに分類を自動で並べ、分類を直すと格子も追随させたいとき:
- そのページを 全画面ページエディタ で開く。
- ブロック庫から 商品カテゴリ(分類カード。商品リストではない)を入れる。
- 既定では主分類だけです。ブロック設定の表示範囲は、子分類だけ(親を持つ分類。さらに深い階層を含む)または全部に変えられます。
- ブロック設定でページの分け方(分けない/さらに読み込む/ページ番号)と、1ページの件数(最大 24)を選べます。分けないときは固定件数だけです。
- 訪問者がカードを押すと
/shop?category=とそのスラッグへ行きます。
カバーが無くても、カードには名称が出ます。ショップの側欄には、このカバーのサムネイルは出ません。
分類の木に追随しない、固定の案内タイルが欲しいときは、画像のサービスカードを使い、リンクを商品分類に向けます。
ページにカテゴリ導入を置く
トップに「左が分類、中央がカルーセル、右がリンク」のショップ案内を置くとき:
- そのページを 全画面ページエディタ で開く。
- ブロック庫から カテゴリのファーストビュー(分類カードの格子ではない)を入れる。
- 中央のカルーセル画像を上げる。右側のショートカット(会員ログイン、LINE など)は差し替えられます。
- 左欄には、公開商品がある主分類と子分類が、すべて開いた状態で自動的に入ります。商品カテゴリのページで、各分類に アイコン を選べます。
- パソコンで左欄の分類にポインタを乗せると、中央に子分類ごとの商品名が出ます(
|区切り)。商品名は単品ページへ、分類の行はその分類のショップへ。スマホにホバーのプレビューは無く、分類を押すとすぐショップへ行きます。
分類を削除する
- その行の 削除。確認は「「名称」を削除しますか?」。
- 子カテゴリを先に外すか移すよう言われたら、親を外すか、子を削除する。
- まだ商品がこの分類を使っているなら、先に別の分類へ付け替える(または外す)のが安全です。削除したあとの商品は未分類になります。
このページから削除は戻せません。
確認
- 名称、スラッグ、親、カバーが合っている。ドラッグしたあと、公開ショップの分類順が追随する。
- 商品編集のカテゴリのチェックに新しい分類が出て、複数選べる。
- 公開ショップ左の分類が折りたためる。親を選ぶと、その分類と子分類の公開商品が出る。子を選ぶとその子だけ。
- ヘッダーのメニューでショップの商品分類を選ぶと、
/shop?category=とそのスラッグへ飛ぶ。 - 分類カードのブロックを置くと、カードは対応するショップの絞り込みへつながる。カバーが無くても名称は見える。
- 「さらに読み込む」または「ページ番号」をオンにすると、公開側でページを変えられる。再読み込みしても同じページに留まる。
- 分類の行でアイコンを選べる。カテゴリ導入を置くと、左欄が子分類まで開く。パソコンで左欄に乗せると子分類ごとに商品名が出て、名称は単品ページへ。スマホで分類を押すとショップへ直接行く。
止まりやすいところ
| 状況 | 対処 |
|---|---|
| 「新しいカテゴリの名称とスラッグを入力してください」 | 両方に値が要る。 |
| 「このスラッグのカテゴリは既に存在します」 | 別のパス断片にする。 |
| 「親カテゴリを自分自身に設定することはできません」 | 自分を自分の親にしない。 |
| 削除できない | 先に子分類を処理する。 |
| ページを離れると未保存の警告 | 名称、スラッグ、親を直したあと、底の 保存 を押していない。分類の追加だけではこの警告は出ません。 |