商品詳細ペジのパンくずリストにいて

[ponuco]

https://ikdlog.com/breadcrumbs/

上記のサイトを参考にパンくずリストを作ってみましたが,商品詳細ページだけうまくパンくずリストが反映されません。

現在は“Home→商品名”と表示されている状態なのですが，

“Home→カテゴリ一覧→カテゴリ1→商品名”のように表示されるようにしたいです。

どなたかご教授いただけないでしょうか?

[st_mh · Accepted solution]

まず”カテゴリー”というのはshopifyの正式な名称だと”コレクション”なので,表記をそちらに変えながら説明します。

該当のコ，ドは以下の部分ですね。

{% elsif模板包含'product' %} {% if集合。Url %} ›{{集合。标题| link_to:集合。Url}} {% endif %} ›标题}}< / span >

これは以下を意味します。

• (1行目)产品テンプレトの時
• （2行目）urlにコレクションが含まれていれば
• (4行目)そのコレクション名，リンクを追加する

また，shopifyで商品ペ，ジに到達するには，2通りの方法があります。

1. https:// * * * .com/products/00000
2. https:// * * * .com/collections/コレクション名/产品/ 00000

(2へは，コレクションペ，ジから商品にリンクすると到達可能です)

つまり,現状ではパンクズにコレクション名(カテゴリー1)を追加されるのは,2のURLでアクセスした時に限られるのです。

ーー

そして対策法にいてです。

まず“コレクション一覧(カテゴリ.一覧)”は，そのまま記述を加えるだけで可能です。表示名は自由に変更してください。

コ，ドa

{% elsif模板包含'product' %} ›{{'コレクション一覧' | link_to: '/collections'}} {% if集合。Url %} ›{{集合。标题| link_to:集合。Url}} {% endif %} ›标题}}< / span >

続いて,コレクション名(カテゴリー1)についてですが,該当の商品が複数のコレクションに属しているなど,登録状況が複雑であれば対処が難しくなります。

一旦，登録状況がシンプルと仮定して，コ，ドを作成しました。

product.collectionsを使えば,商品の所属コレクションが配列形式で取得できますので,そちらを活用します。

コドb

{% elsif模板包含'product' %} ›集合[0]%}› {{product.collections[0]. Collections;标题| link_to: product.collections[0]。Url}} {% endif %} ›标题}}< / span >

• urlに差があっても，関係なく所属コレクションが出力されます。
  1. https:// * * * .com/products/00000
  2. https:// * * * .com/collections/コレクション名/产品/ 00000
• コレクションに所属していなければ何も出力されません。
• 所属コレクションが複数存在する場合，最初のコレクション(※)が選ばれます。
  • ※コレクションの順序に関しては，調べた限り規則性が見かりませんでした。
  • ※コレクションの作成順，登録順，タトル順とは無関係に，内部で順序が決められるようです。

コドbで問題無さそうであればそのまま活かしてください。

理想と違っていそうならば，妥協案にはなりますが，コ，ド一个を活用してください。

[ponuco]

ご教授いただきありがとうございます!

下記の通りに書き換えて，コレクション一覧→コレクション名→商品詳細に飛んてみたのですが，

何も反映されず，Home→商品名と表示されてしまいます…

コ，ドa，コ，ドbとも試してみましたがダメでした。

コレクションは現在8種類あり，複数のコレクションには属さずに設定しております。

不躾なお願いですが，もし何か原因等わかれば教えていただきたいです。

よろしくお願いいたします。

{%除非template == 'index'或template == 'cart'或template == 'list-collections' %} 
 Home{%如果模板包含'page' %} › {{page。Title}} {% elsif模板包含'product' %} ›{{'カテゴリ.一覧' | link_to: '/collections'}} {% if product. > {% elsif模板包含'product' %} ›集合[0]%}› {{product.collections[0]. Collections;标题| link_to: product.collections[0]。Url}} {% endif %} › {% elsif模板包含“collection”和“collection”。Handle %} › {% if current_tags %} {% capture url %}/collections/{{collection。处理}}{% endcapture %} {{collection。Title | link_to: url}}< span aria-hidden="true">› {{current_tags | join: " + "}} {% else %} {{collection。Title}} {% endif %} {% elsif template == 'blog' %} › {% if current_tags %} {{blog。标题| link_to:博客。url}} < span aria-hidden = " true " > › < / span > < span > {{current_tags |加入 : " + " }} {% %}< span >{{博客。Title}} {% endif %} {% elsif template == 'article' %} ›{{博客。标题| link_to:博客。Url}} › {{文章。标题}}< / span >{% else %} › {{ page_title }} {% endif %} 
 {% endunless %}

[ponuco]

度々すみません!

商品詳細ページだけ下記で呼び起こすように設定したらコレクション一覧→コレクション名が表示されるようになりました!

ありがとうございました。

{%渲染'面包屑' %}