adding previous and next blog article

[TBS2023]

https://yogaspirit.mu/blogs/bien-etre/le-yoga-du-visage-au-feminin

Hello - i would like to be able to have the next and previous articles visible on each of my blog posts.

[LuffyOnePiece]

Hi @TBS2023 ,

You can use below liquid code for next and previous.
{{ blog.previous_article.url }}

{{ blog.next_article.url }}

https://shopify.dev/docs/api/liquid/objects/blog

Let me know if you need further assistance.

Thank you

[TBS2023]

where shall i add this please?

[LuffyOnePiece]

Hi @TBS2023 ,

You can use {{ blog.previous_article.url }} and {{ blog.next_article.url }} only on the blog page.

If you want to add the next and previous article in the article page, it is not possible using the liquid code.

You either need to use third party app or build your own custom app.

Let me know if you need any assistance.

Thank you

[TBS2023]

ok but on what page...i have a few blog pages

[TBS2023]

So i have managed to add this code

<div class= row>
{% if blog.next_article != nil %}
<div style= "float: right; clear: right;">
<a href="{{ blog.next_article.url }}"><h3> Article Suivant >> </h3>



</a>

</div>
{% endif %}

{% if blog.previous_article != nil %}
<div style= "float: left; clear: left;">
<a href="{{ blog.previous_article.url }}"><h3> << Article Précédent </h3></a>

</div>
{% endif %}

</div>

Is there a way to show the blog image as well?