We've retired the forum in favor of GitHub Discussions.

New conversations can be started on GitHub. Existing conversations will remain for a while longer.

Head over to GitHub →

Collection previous / next and featured images...

Kaz van Kooten May 2, 2019 by Kaz van Kooten

I have a collection which I use collection:previous and collection:next on to create a "prev/next item"-navigation, like so:

{{ collection:previous in "myCollection" as="item" limit="1" wrap="true" }}
  {{ item }} 
    \\ Do something
  {{ /item }}
{{ /collection:previous }}

Now, where it gets interesting is that every collection entry has a featured image that I'd like to use for this navigation:

{{ collection:previous in "myCollection" as="item" limit="1" wrap="true" }}
  {{ item }} 

    <div style="background-image: url('{{ if featured_image }}{{ featured_image }}{{ else }}/assets/img/path-to-fallback-image.jpg{{ /if }}')">
      <p>Previous item</p>
    </div>

  {{ /item }}
{{ /collection:previous }}

What I've found is that if the previous post has no featured_image, it falls back to the featured_image of the page we're currently on:

  • Previous item's featured image, else:
  • Current item's featured image, else:
  • Fallback image

But what I'd really, really like:

  • Previous item's featured image, else:
  • Fallback image

What am I missing?

Answered by Erin Dalzell!
>>>>>>> Answered <<<<<<<
2 Replies
2 Followers