FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

Re: ブログ記事で、前の記事・次の記事ボタンを設置したい。

解決済

ブログ記事で、前の記事・次の記事ボタンを設置したい。

izawa
Shopify Partner
6 1 0

今見ているブログ記事のページから、前後のページ(古いor新しい記事)へ飛ぶボタンを設置したいです。

イメージはこんな感じです。
スクリーンショット 2021-10-14 14.04.06.png
 
{%- if paginate.previous -%}/{%- if paginate.next -%}を使うのはなんとなくわかるのですが、、、。
知識がなく、下手な質問で申し訳ありません。 
1 件の受理された解決策

toooru
Shopify Partner
93 52 100

成功

The blog object

リンクのコード自体は以下で入れられますが、レイアウトやデザインはどのようにしたいかやテーマにより異なりますのでhtml/cssで調整ください。

 

{% if blog.previous_article %}
<a href="{{blog.previous_article}}" class="btn">前の投稿</a>
{% endif %}

{% if blog.next_article %}
<a href="{{blog.next_article}}" class="btn">次の投稿</a>
{% endif %}

 

 

 

 

 

 

元の投稿で解決策を見る

1件の返信1

toooru
Shopify Partner
93 52 100

成功

The blog object

リンクのコード自体は以下で入れられますが、レイアウトやデザインはどのようにしたいかやテーマにより異なりますのでhtml/cssで調整ください。

 

{% if blog.previous_article %}
<a href="{{blog.previous_article}}" class="btn">前の投稿</a>
{% endif %}

{% if blog.next_article %}
<a href="{{blog.next_article}}" class="btn">次の投稿</a>
{% endif %}