FROM CACHE - jp_header
解決済

タグで絞り込んだarticle(記事詳細ページ)で次の記事/前の記事ボタンを実装したい

nomin
Shopify Partner
28 5 1

質問のタイトルの通りなのですが、通常記事詳細ページで次の記事/前の記事ボタンを実装する際は、
下記のコードでリンクを取得できますが、こちらは全ての記事を対象としていますので、
タグで絞り込んだリンクの生成方法はありますでしょうか?
自作する必要がありますでしょうか?

{{blog.previous_article }}
{{blog.next_article}}

 

1 件の受理された解決策

nomin
Shopify Partner
28 5 1

成功

調べたところなさそうなので、自作で対応しました

{% liquid
  assign filter_articles = blog.articles | where: 'tags', article.tags
  assign filter_articles_length = filter_articles | size | minus: 1
  for filter_article in filter_articles
    assign index = forloop.index | minus: 1
    if article.handle == filter_article.handle
      assign current_index = index
      if index < filter_articles_length
        assign next_index = index | plus: 1
        assign next_link = filter_articles[next_index].handle
      endif
      if index > 0
        assign previous_index = current_index | minus: 1
        assign previous_link = filter_articles[previous_index].handle
      endif
    endif
  endfor
%}

元の投稿で解決策を見る

1件の返信1

nomin
Shopify Partner
28 5 1

成功

調べたところなさそうなので、自作で対応しました

{% liquid
  assign filter_articles = blog.articles | where: 'tags', article.tags
  assign filter_articles_length = filter_articles | size | minus: 1
  for filter_article in filter_articles
    assign index = forloop.index | minus: 1
    if article.handle == filter_article.handle
      assign current_index = index
      if index < filter_articles_length
        assign next_index = index | plus: 1
        assign next_link = filter_articles[next_index].handle
      endif
      if index > 0
        assign previous_index = current_index | minus: 1
        assign previous_link = filter_articles[previous_index].handle
      endif
    endif
  endfor
%}