Dawn パンくずリスト階層表示方法

Topic summary

問題の内容:

Dawnテーマでパンくずリストの階層表示が正しく機能していない。現在は「Home > aaaaa(商品)」と表示されるが、本来は「Home > AAAAA(大カテゴリ) > aaaaa(小カテゴリ) > 商品」という3階層での表示を目指している。

試した対応:

theme.liquidにパンくずリスト用のコードを追加したが、大カテゴリと小カテゴリが表示されず、いきなり商品が表示されてしまう状態。コードスニペットと現在の表示状態のスクリーンショットが添付されている。

提案された解決策:

UnReact社の齊藤氏から、「シンプルパンくずリスト|お手軽 Breadcrumbs」というShopifyアプリの使用が提案された。このアプリを使えば、コーディング不要で「Home→カテゴリー1→商品名」の3階層パンくずリストを作成可能。低価格で利用できるとのこと。

現状:

技術的な解決方法についての具体的な回答はまだなく、アプリ導入による代替案が提示された段階。

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.

以下コードをtheme.liquidに追加したのですが、階層が表示されません。

いきなり商品が表示されてしまいます。どなたかご教示頂けると助かります。

よろしくお願いします。

現表示

Home >aaaaa

本来は

Home >AAAAA(大カテゴリ) >aaaaa(小カテゴリ) >商品

※aaaaaの後に商品があります。

{% unless template == ‘index’ or template == ‘cart’ or template == ‘list-collections’ %}

Home

{% if template contains ‘page’ %}

{{ page.title }}

{% elsif template contains ‘product’ %}
{% if collection.url %}

{{ collection.title | link_to: collection.url }}
{% endif %}

{{ product.title }}

{% elsif template contains ‘collection’ and collection.handle %}

{% if current_tags %}
{% capture url %}/collections/{{ collection.handle }}{% endcapture %}
{{ collection.title | link_to: url }}

{{ current_tags | join: " + " }}
{% else %}
{{ collection.title }}
{% endif %}

{% elsif template == ‘blog’ %}

{% if current_tags %}
{{ blog.title | link_to: blog.url }}

{{ current_tags | join: " + " }}
{% else %}
{{ blog.title }}
{% endif %}

{% elsif template == ‘article’ %}

{{ blog.title | link_to: blog.url }}

{{ article.title }}

{% else %}

{{ page_title }}
{% endif %}

{% endunless %}

{% elsif template == ‘article’ %}

{{ blog.title | link_to: blog.url }}

{{ article.title }}

{% else %}

{{ page_title }}
{% endif %}

{% endunless %}

はじめまして

株式会社UnReactの齊藤と申します。

弊社のアプリで大変恐縮なのですが、「シンプルパンくずリスト|お手軽 Breadcrumbs」も有効な解決策の一つとしてご紹介させていただきます。

シンプルパンくずリスト|お手軽 Breadcrumbs」を使用すれば、「Home→カテゴリー1→商品名」3階層のパンくずリストをコーディング無しで作成することが可能です。

パンくずリストをShopifyストアに挿入するだけの、非常に安価なアプリです。

下記、参考情報です。

シンプルパンくずリスト|お手軽 Breadcrumbs

Shopify ストアにパンくずリストを実装する方法について徹底解説!

その他にも 50 個の Shopify アプリを開発しているので、ストア運用の際に参考にして頂ければ幸いです。

参考アプリ一覧