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

**URL:** <https://community.shopify.com/t/topic/24683>\
**Category:** 技術的なQ＆A\
**Created:** [November 10, 2020, 1:59am UTC](https://community.shopify.com/t/topic/24683 "2020-11-10T01:59:52Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

メインメニューのコレクションを直接クリックした際、商品一覧や「検索結果ありません」ではなく、紐づくサブカテゴリー一覧を表示したいという相談です。例として、「ブランド別」を開くと Aブランド、Bブランドなどの一覧を見せたい、という要望が示されています。

回答では、Shopify のコレクション自体に親子関係はないため、そのままでは「親コレクション→子コレクション」の表示はできないと説明されています。実現方法としては主に2案です。
- 商品タグをサブカテゴリーのように扱う
- メニューの上位階層を親カテゴリ、各コレクションを子カテゴリとして扱う

参照先の方法は後者の考え方で、Shopify テーマの Liquid における linklist（メニュー/ナビゲーションのデータ）を前提にしているため、テーマ側の実装だけでなく Shopify 側の設定やデータ構成も合わせる必要があるとされています。

結論として、完全な実装コードは提示されていませんが、回答者はタグでサブカテゴリーを表現する方法を推奨しています。Liquid では collection.products を使い、選択コレクション内の商品をタグで絞り込んで表示することは可能、という方向性が示されました。議論は解決済みではなく、実装方法の指針提示にとどまっています。

<div class="post-metadata">

**Author:** ![Anonymous\_5ee3455c3857ea3a3611eab697a86f8d](https://avatars.discourse-cdn.com/v4/letter/a/eada6e/32.png) [@Anonymous\_5ee3455c3857ea3a3611eab697a86f8d](https://community.shopify.com/u/Anonymous_5ee3455c3857ea3a3611eab697a86f8d)\
**Post date:** [November 10, 2020, 1:59am UTC](https://community.shopify.com/t/topic/24683/1 "2020-11-10T01:59:52Z")

</div>

「ブランド別」[カテゴリー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](https://stackoverrun.com/ja/q/10737982)

---

<div class="post-metadata">

**Author:** ![junichiokamura](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/junichiokamura/32/299737_2.png) [@junichiokamura](https://community.shopify.com/u/junichiokamura)\
**Post date:** [November 10, 2020, 3:46pm UTC](https://community.shopify.com/t/topic/24683/2 "2020-11-10T15:46:15Z")

</div>

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

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

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

[https://shopify.dev/docs/themes/liquid/reference/objects/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](https://shopify.dev/docs/themes/liquid/reference/objects/collection#collection-products)
