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

解決済
izawa
観光客
6 1 0

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

 

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 %}
     <a href="{{collection.next_product}}">次の商品</a>
 {% endif %}

{% if collection.previous_product %}
     <a href="{{collection.previous_product}}">前の商品</a>
 {% endif %}

 

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

1 件の受理された解決策

ベストソリューション
mrtc
探検家
42 19 20

成功

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

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

元の投稿で解決策を見る

1件の返信1
mrtc
探検家
42 19 20

成功

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

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

元の投稿で解決策を見る