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

[jcco]

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

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

よろしくお願いします。

 

現表示

Home ＞aaaaa

本来は

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

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

{% unless template == 'index' or template == 'cart' or template == 'list-collections' %}
<nav class="breadcrumb page-width" role="navigation" aria-label="breadcrumbs">
<a href="/" title="Home">Home</a>

{% if template contains 'page' %}
<span aria-hidden="true">›</span>
<span>{{ page.title }}</span>

{% elsif template contains 'product' %}
{% if collection.url %}
<span aria-hidden="true">›</span>
{{ collection.title | link_to: collection.url }}
{% endif %}
<span aria-hidden="true">›</span>
<span>{{ product.title }}</span>

{% elsif template contains 'collection' and collection.handle %}
<span aria-hidden="true">›</span>
{% if current_tags %}
{% capture url %}/collections/{{ collection.handle }}{% endcapture %}
{{ collection.title | link_to: url }}
<span aria-hidden="true">›</span>
<span>{{ current_tags | join: " + " }}</span>
{% else %}
<span>{{ collection.title }}</span>
{% endif %}

{% elsif template == 'blog' %}
<span aria-hidden="true">›</span>
{% if current_tags %}
{{ blog.title | link_to: blog.url }}
<span aria-hidden="true">›</span>
<span>{{ current_tags | join: " + " }}</span>
{% else %}
<span>{{ blog.title }}</span>
{% endif %}

{% elsif template == 'article' %}
<span aria-hidden="true">›</span>
{{ blog.title | link_to: blog.url }}
<span aria-hidden="true">›</span>
<span>{{ article.title }}</span>

{% else %}
<span aria-hidden="true">›</span>
<span>{{ page_title }}</span>
{% endif %}
</nav>
{% endunless %}

{% elsif template == 'article' %}
<span aria-hidden="true">›</span>
{{ blog.title | link_to: blog.url }}
<span aria-hidden="true">›</span>
<span>{{ article.title }}</span>

{% else %}
<span aria-hidden="true">›</span>
<span>{{ page_title }}</span>
{% endif %}
</nav>
{% endunless %}

[EijiSaito]

はじめまして

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

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

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

 

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

下記、参考情報です。

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

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

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

参考アプリ一覧