How to make Prevnext loop?

The CMS Questions
1

Hi,

I’m slowly getting to know Kirby (and PHP) and have a question about a snippet included in the Starter Kit:

How to make the prevnext-snippet loop from last project back to first (and vice versa)?

I tried searching similar topics, but didn’t find anything that would apply directly to this question.

Thank you for any advice already in advance!

2

Try <?php foreach ($page->siblings() as $project): ?> :slight_smile:

That grabs all the siblings.

3

I wrote a plugin for it a while ago. I hope it helps: https://github.com/jenstornell/kirby-pagejump

4

Thanks Seb and jenstornell for your quick replies! :relaxed:

Since I’m still taking baby steps in both Kirby and PHP here are some follow-up questions:

jenstornell: Your plugin looks like what I’m searching for, but is there a simple way to apply it to the Starter Kit Project-template?

Seb: Where would you place the code in the original snippet?

$directionPrev = @$flip ? 'right' : 'left';
$directionNext = @$flip ? 'left'  : 'right';

if($page->hasNextVisible() || $page->hasPrevVisible()): ?>
  <nav class="pagination <?= !@$flip ?: ' flip' ?> wrap cf">

    <?php if($page->hasPrevVisible()): ?>
      <a class="pagination-item <?= $directionPrev ?>" href="<?= $page->prevVisible()->url() ?>" rel="prev" title="<?= $page->prevVisible()->title()->html() ?>">
        <?= (new Asset("assets/images/arrow-{$directionPrev}.svg"))->content() ?>
      </a>
    <?php else: ?>
      <span class="pagination-item <?= $directionPrev ?> is-inactive">
        <?= (new Asset("assets/images/arrow-{$directionPrev}.svg"))->content() ?>
      </span>
    <?php endif ?>

    <?php if($page->hasNextVisible()): ?>
      <a class="pagination-item <?= $directionNext ?>" href="<?= $page->nextVisible()->url() ?>" rel="next" title="<?= $page->nextVisible()->title()->html() ?>">
        <?= (new Asset("assets/images/arrow-{$directionNext}.svg"))->content() ?>
      </a>
    <?php else: ?>
      <span class="pagination-item <?= $directionNext ?> is-inactive">
        <?= (new Asset("assets/images/arrow-{$directionNext}.svg"))->content() ?>
      </span>
    <?php endif ?>

  </nav>
<?php endif ?>
5

Well, it depends on what you want and where you want to add it.

This:

<ul>
<?php foreach ($page->siblings() as $project): ?>
  <li><?= $project->name(); ?></li>
<?php endforeach; ?>
</ul>

… just gives a list of all the names of all the siblings. You can add <a href=""> and stuff yourself. Use <?= $project->url() ?> to get it’s url. Just try yourself and learn ^^

6

Thank you for the pointer, seb!

I’ll look into this and see if I can make it work! :pray:

7

Don’t know if i got your question right but you can simply do something like this.

<?php
$directionPrev = @$flip ? 'right' : 'left';
$directionNext = @$flip ? 'left'  : 'right';

if($page->hasNextVisible() || $page->hasPrevVisible()): ?>
  <nav class="pagination <?= !@$flip ?: ' flip' ?> wrap cf">

    <?php if($prev = $page->prevVisible()): ?>
      <a class="pagination-item <?= $directionPrev ?>" href="<?= $prev->url() ?>" rel="prev" title="<?= $prev->title()->html() ?>">
        <?= (new Asset("assets/images/arrow-{$directionPrev}.svg"))->content() ?>
      </a>
    <?php else: ?>
      <a class="pagination-item <?= $directionPrev ?>" href="<?= $page->siblings()->last()->url() ?>" rel="prev" title="<?= $page->siblings()->last()->title()->html() ?>">
        <?= (new Asset("assets/images/arrow-{$directionPrev}.svg"))->content() ?>
      </a>
    <?php 
    <?php endif ?>

    <?php if($next = $page->nextVisible()): ?>
      <a class="pagination-item <?= $directionNext ?>" href="<?= $next->url() ?>" rel="next" title="<?= $next->title()->html() ?>">
        <?= (new Asset("assets/images/arrow-{$directionNext}.svg"))->content() ?>
      </a>
    <?php else: ?>
      <a class="pagination-item <?= $directionNext ?>" href="<?= $page->siblings()->first()->url() ?>" rel="next" title="<?= $page->siblings()->first()->title()->html() ?>">
        <?= (new Asset("assets/images/arrow-{$directionNext}.svg"))->content() ?>
      </a>
    <?php endif ?>

  </nav>
<?php endif ?>

Edit added it to you code but untested.

2 Likes
8

Ah THAT was the question. Pardon me. I should read before I try to help.

1 Like
9

Thank you lukaskleinschmidt,

This was exactly what I tried to accomplish! It’s also a very useful example for understanding any similar adjustments in the future. There was an extra “<?php” in the middle of the code but that was thankfully easy spot :spy:

Question solved :relaxed: