Render when there is a next page but no previous page.

[Wilds]

Is there any way to make it so that a link only appears on the first page of either the tag or regular indexes i.e. when there is a next page but no previous page. I've tried arranging the NextPage and PreviousPage blocks in different combinations to no avail. Anything that renders on the first page always ends up rendering on all the next pages.

[Wilds]

Well, I can do a javascript check like this:

<script type="text/javascript">

    if ("{block:NextPage}test{/block:NextPage}" === "") document.write("output text");

</script>

I'd still like a solution only using tumblr variables though.

[Jay]

Try wrapping your link with {block:PreviousPage} display: none {/block:PreviousPage}

[Olivia]

{block:PreviousPage}<a href="{PreviousPage}">go back</a>{/block:PreviousPage) should only render if there is a previous page. Try sending your code...

[Michael Theriot]

{block:Pagination}{block:NextPage}<div class="nextpage page-{CurrentPage}">First page only</div>{/block:NextPage}{/block:Pagination}

This will create a <div> element when there is a next page, with the classes "nextpage" and "page-#" where # is the current page.

Since you want this to only appear on the first page you can add this CSS to hide it on other pages.

 

div.nextpage:not(.page-1) {
  display: none;
}