# パンくずリストを３階層にしたいです **URL:** \ **Category:** 技術的なQ＆A\ **Tags:** css, html\ **Created:** [October 24, 2023, 10:23am UTC](https://community.shopify.com/t/topic/262049 "2023-10-24T10:23:20Z")\ **Posts on this page:** 5\ **Page:** 1 ## AI-generated summary ブログ詳細ページのパンくずリストを現在の2階層（TOP > 詳細ページのタイトル）から3階層（TOP > ブログ > 詳細ページのタイトル）に変更する方法についての質問です。 **提案された解決策：** - Hirano_00氏がコレクションページ用の3階層パンくずリストのサンプルコードを提供（KidGold.comのリンク） - 質問者は既にURLで3階層を作成済みだが、さらなる情報を求めている - Hirano_00氏が使用テーマと変更コードの共有を依頼 **代替案：** - UnReact社の西川氏が自社アプリ「シンプルパンくずリスト|お手軽Breadcrumbs」を紹介 - このアプリを使用すれば3階層のパンくずリストを簡単に実装可能 - スクリーンショット画像が添付されており、視覚的な参考情報も提供 **現状：** 質問者からの追加情報（使用テーマ、変更コード）待ちの状態で、具体的な解決には至っていません。
**Author:** ![harukajmickey](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/harukajmickey/32/383137_2.png) [@harukajmickey](https://community.shopify.com/u/harukajmickey)\ **Post date:** [October 24, 2023, 10:23am UTC](https://community.shopify.com/t/topic/262049/1 "2023-10-24T10:23:20Z")
現在このパンくずリストを使用しています。 ブログの詳細ページに行ったときは詳細ページのタイトルが以下のように表示されます TOP \> 詳細ページのタイトル これを、 TOP \> ブログ \> 詳細ページのタイトル の3階層にするにはどうすればいいでしょうか？ ```markup {% unless template == 'index' or template == 'cart' or template == 'list-collections' %} {% endunless %} ``` ---
**Author:** ![Hirano\_00](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/hirano_00/32/59093_2.png) [@Hirano\_00](https://community.shopify.com/u/Hirano_00)\ **Post date:** [October 24, 2023, 1:35pm UTC](https://community.shopify.com/t/topic/262049/2 "2023-10-24T13:35:09Z")
コレクションページの例ですが、３階層のパンくずリストのサンプルコードが有りましたので添付します。 [https://ikdlog.com/breadcrumbs/](https://ikdlog.com/breadcrumbs/) ---
**Author:** ![harukajmickey](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/harukajmickey/32/383137_2.png) [@harukajmickey](https://community.shopify.com/u/harukajmickey)\ **Post date:** [October 25, 2023, 12:35am UTC](https://community.shopify.com/t/topic/262049/3 "2023-10-25T00:35:53Z")
@Hirano_00 ありがとうございます！上記のURLで作ったのですが、3階層にならないんです・・・ ---
**Author:** ![Hirano\_00](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/hirano_00/32/59093_2.png) [@Hirano\_00](https://community.shopify.com/u/Hirano_00)\ **Post date:** [October 25, 2023, 3:23am UTC](https://community.shopify.com/t/topic/262049/4 "2023-10-25T03:23:10Z")
使用テーマ、変更コードを共有していただけますか？ ---
**Author:** ![Nishi\_3](https://avatars.discourse-cdn.com/v4/letter/n/8c91f0/32.png) [@Nishi\_3](https://community.shopify.com/u/Nishi_3)\ **Post date:** [July 31, 2024, 1:49am UTC](https://community.shopify.com/t/topic/262049/5 "2024-07-31T01:49:01Z")
はじめまして 株式会社UnReactの西川と申します。 弊社の Shopify アプリで恐縮ですが、 「[シンプルパンくずリスト｜お手軽 Breadcrumbs](https://apps.shopify.com/ur-smart-breadcrumbs?locale=ja)」を使用すれば、 ３階層のパンくずリストを作成することが可能です。 ![COPM94yO6oYDEAE=.webp](https://canada1.discourse-cdn.com/shopifyforum/original/3X/b/f/bf8e4f4a534c53dbfcea6d5d2db8cf0f27228efa.webp) ![COqhhI2O6oYDEAE=.webp](https://canada1.discourse-cdn.com/shopifyforum/original/3X/c/2/c2ff92cfbad632c32678b6d50fc606c2eaa26691.webp) パンくずリストをShopifyストアに挿入するだけの、非常に安価なアプリです。 下記、参考情報です。 [シンプルパンくずリスト｜お手軽 Breadcrumbs](https://apps.shopify.com/ur-smart-breadcrumbs?locale=ja) [Shopify ストアにパンくずリストを実装する方法について徹底解説！](https://unreact.jp/blog/shopify-breadcrumbs) その他にも 42 個の Shopify アプリを開発しているので、ストア運用の際に参考にして頂ければ幸いです。 [参考アプリ一覧](https://apps.shopify.com/partners/unreact5?locale=ja&page=1)