コレクションリスト

リファレンス Growth Navigation · Pro Navigation 3 分で読めます

画像と名前付きのコレクションタイルで、それぞれコレクションページにリンクします。「カテゴリーから探す」や「ブランドから探す」などのビジュアルなショートカットに使えます。

ブロックを追加する

1. レイアウトを選ぶ

   プレビューのメガメニューパネルで ブロックを追加 をクリックします。コレクション をクリックし、レイアウトにカーソルを合わせて 選択 をクリックします。コレクションリスト - 画像上（大きな画像の下に名前）または コレクションリスト - 画像左（小さな画像の横に名前）を選べます。

   

   (1) コレクションをクリック、(2) レイアウトを選ぶ。

   最初のレイアウトの Collection spotlight（コレクションスポットライト）は別のブロックです。コレクションスポットライトをご覧ください。

2. コレクションを選ぶ

   項目を編集 で コレクションを選択 をクリックし、表示するコレクションを選びます。

   

   プレビューの コレクションリスト ブロックと、項目を編集に表示される設定。

3. 保存して公開する

   以下の設定を調整し、保存 と 公開 をクリックします。

設定

幅デフォルト: 100%

ブロックがメガメニューの行のどのくらいを占めるか。自動 または 8.33% から 100%。

レイアウトデフォルト: 選んだレイアウト

画像を上に または 画像を左に。いつでも切り替えられます。

1行あたりの数デフォルト: 4

1行あたり 1、2、3、4、6 のコレクションを表示します。

画像比率デフォルト: 自動

自動、1:1、4:3、3:4、16:9、9:16。すべてのコレクション画像を同じ形にそろえます。

コレクションデフォルト: なし

表示するコレクション。

表示設定デフォルト: オフ

デスクトップで非表示、モバイルで非表示、ログイン時は非表示、ログイン時のみ表示、公開を予約。すべてのブロック共通の設定をご覧ください。

ヒント

• コレクション画像の形はさまざまです。画像比率 を 1:1 にすると、同じサイズのタイルがきれいに並びます。
• タイトルと画像は自動で更新されます。コレクションを削除したりハンドル（URL）を変更したりした場合は、ブロックを開いてもう一度選んでください。

トラブルシューティング

コレクションにグレーのプレースホルダーが表示される

コレクションに画像がありません。Shopify 管理画面の 商品 > コレクション で画像を追加すると、メニューに自動で反映されます。

関連ページ

• コレクションスポットライト買い物客がコレクションを切り替えながら、各コレクションの商品をメニューで見られるようにします。
• 商品リスト商品を、単一のカード、グリッド、リスト、カルーセルのいずれかでメニューに表示します。
• ブロックの概要リンク、画像、商品、カウントダウンなどのブロックを、メガメニューまたはタブに追加します。
• Shopifyでの変更がメニューに反映されないのはなぜですか？商品、コレクション、ナビゲーションの変更のうち、メニューに自動で反映されるものと、編集が必要なものを説明します。

このページは役に立ちましたか？

問題を報告