コレクション クリック すると、それに紐づいたサブカテゴリーのコレクション一覧が表示されようにしたいです

日本語 ディスカッション 技術的なQ＆A
1

「ブランド別」[カテゴリー1」「カテゴリー2」 のメインメニュー
を直接クリックしたときに、「検索結果ありません」またはタグの条件設定での商品を表示ではなく、 サブカテゴリー
の一覧が表示されるように変えてもらえませんか。
例えば、「ブランド別」をクリックすると、 Aブランド、Bブランド
Cブランド、Dブランド、Eブランド が表示されるようにです。

Could you change it so that when you directly click “By Brand” [Category 1 “” Category 2 "in the main menu, the list of subcategories is displayed instead of displaying each product?
For example, if you click “By Brand”, A brand,B brand,C brand, D brand are now displayed

このサイトを参考にしてみましたがうまくいきませんでした。
I tried to refer to this site, but it didn’t work.
https://stackoverrun.com/ja/q/10737982

2

Shopifyのコレクションには親子関係はないので、コレクションをクリックして、それに紐づく商品のタグをサブカテゴリに見立てて表示するか、コレクションの上位概念のメニューをメインカテゴリに見立てて、サブカテゴリをコレクションにするかの方法になると思います。

共有いただいた方法は後者のアプローチかと思います。

メニューなどのナビゲーションは、共有いただいたテーマの制御言語（Liquid）ではlinklist と呼ばれます。

https://shopify.dev/docs/themes/liquid/reference/objects/linklist

なので、カスタマイズする方法に合わせてShopifyの設定、データの登録をしないとうまく動作しないと思います。

個人的には、サブカテゴリーはタグで表すのが良いと思います（Liquidの制御も簡単ですし）。

完全な回答コードではないですが、以下を参考に、選択したcollectionに紐づくproductから、さらに選択したタグを持つproductを一覧表示することはLiquidで可能です。
https://shopify.dev/docs/themes/liquid/reference/objects/collection#collection-products

1 Like