商品詳細ページで、次の商品・前の商品ボタンを追加したい。

日本語 ディスカッション 技術的なQ＆A
1

ブログ記事の下にある「次の投稿・前の投稿」ボタンの様に、商品詳細ページに「次の商品・前の商品」ボタンを追加したいです。

The collection objectにある以下を試したのですが、うまくいきません。

{% if collection.previous_product %}
  {{ 'Previous product' | link_to: collection.previous_product.url, collection.previous_product.title }}
{% endif %}

{% if collection.next_product %}
  {{ 'Next product' | link_to: collection.next_product.url, collection.next_product.title }}
{% endif %}

以下の方法でも試したのですが、うまくいきませんでした。

{% if collection.next_product %}
     次の商品
 {% endif %}

{% if collection.previous_product %}
     前の商品
 {% endif %}

教えて頂けますと幸いです。

2

コレクションオブジェクトなので、商品ページには適用されないと思います。

ただ、商品ページは「ドメイン/products/ハンドル」ですが、コレクションから辿ると「ドメイン/collections/コレクション名/products/ハンドル」といったURLになります。
その際にはそのタグでも表示されるかと思います。