コレクションスポットライト

買い物客がコレクションを切り替えながら、各コレクションの商品をメニューで見られるようにします。

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

コレクションのリストと商品グリッドを並べて表示します。コレクション名にカーソルを合わせると、その商品と View all（すべて見る）リンクが表示されます。モバイルでは、買い物客がコレクションをタップして商品を開きます。

ブロックを追加する

レイアウトを選ぶ

プレビューのメガメニューパネルで ブロックを追加 をクリックします。コレクション をクリックし、Collection spotlight（コレクションスポットライト）にカーソルを合わせて選択をクリックします。

(1) コレクションをクリック、(2) Collection spotlight を選ぶ。
コレクションを選ぶ

項目を編集 で コレクションを選択 をクリックし、表示するコレクションを選びます。商品は各コレクションから自動で読み込まれます。

プレビューのコレクションスポットライトブロックと、項目を編集に表示される設定。
保存して公開する

保存をクリックし、公開をクリックします。結果はストアフロントで確認してください。エディターのプレビューには、実際の商品ではなくプレースホルダーのカードが表示されます。

コレクションを選択デフォルト: なし: ブロックに一覧表示するコレクション。選んだ順に並びます。最大8つまでです。それ以上選択した場合は、最初の8つだけが保持されます。
Products per collection（コレクションごとの商品数）デフォルト: 4: グリッドに表示する商品数。2 から 6。
Show product count（商品数を表示）デフォルト: オン: 各コレクション名の横に商品数を表示します。
"View all" labelデフォルト: すべて見る: グリッドの下にある、コレクション全体へのリンクのテキスト。
幅デフォルト: 100%: ブロックがメガメニューの行のどのくらいを占めるか。自動または 8.33% から 100%。
表示設定デフォルト: オフ: デスクトップで非表示、モバイルで非表示、ログイン時は非表示、ログイン時のみ表示、公開を予約。すべてのブロック共通の設定をご覧ください。

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