Use Textpattern 4.8 core tags/attributes to remove etc_pagination plugin

[philwareham]

Changes in Textpattern 4.8 allow us to achieve complex pagination patterns without the need for a dedicated plugin. When Textpattern 4.8 releases, and we update the version running Textpattern.com, we can do this.

CC @bloatware who I may need some help from, in achieving this. Example current code, using plugin:

<txp:evaluate test>
    <nav class="paginator" aria-label="Blog navigation">
        Pages:
        <txp:etc_pagination range="3"
            prev='<a rel="prev" href="{href}" title="Go to previous page" aria-label="Go to previous page">Previous</a>'
            next='<a rel="next" href="{href}" title="Go to next page" aria-label="Go to next page">Next</a>'
            link='<li><a href="{href}" title="Go to page {*}" aria-label="Go to page {*}">{*}</a></li>,<li class="current"><b title="Current page" aria-label="Current page">{*}</b></li>'
            gap='<li role="separator" title="More pages" aria-label="More pages">…</li>'
            mask='{prev}<ul class="pagination">{first}{<+}{links}{+>}{last}</ul>{next}' />
    </nav>
</txp:evaluate>

[philwareham]

@bloatware just wondering whether you could help me with a core code example for the above, when you get a spare few minutes? Cheers!

[bloatware]

Hi @philwareham, will try!

[bloatware]

Something like this?

<txp:pages pg evaluate="5,2,8,4,6">
    <nav class="paginator" aria-label="Blog navigation">
        Pages:
        <txp:newer showalways link=""><a rel="prev" href="<txp:yield item="url" />" title="Go to previous page" aria-label="Go to previous page">Previous</a></txp:newer>
        <ul class="pagination">
        <txp:newer shift link=""><li><a href="<txp:yield item="url" />" title="Go to page <txp:yield item="page" />" aria-label="Go to page <txp:yield item="page" />"><txp:yield item="page" /></a></li></txp:newer>
        <txp:newer shift="5-3" limit="1" link=""><li role="separator" title="More pages" aria-label="More pages">…</li></txp:newer>
        <txp:newer total shift="2" link=""><li><a href="<txp:yield item="url" />" title="Go to page <txp:yield item="page" />" aria-label="Go to page <txp:yield item="page" />"><txp:yield item="page" /></a></li></txp:newer>
        <txp:pages><li class="current"><b title="Current page" aria-label="Current page"><txp:yield item="page" /></b></li></txp:pages>
        <txp:older total shift="2" link=""><li><a href="<txp:yield item="url" />" title="Go to page <txp:yield item="page" />" aria-label="Go to page <txp:yield item="page" />"><txp:yield item="page" /></a></li></txp:older>
        <txp:older shift="5-3" limit="1" link=""><li role="separator" title="More pages" aria-label="More pages">…</li></txp:older>
        <txp:older shift link=""><li><a href="<txp:yield item="url" />" title="Go to page <txp:yield item="page" />" aria-label="Go to page <txp:yield item="page" />"><txp:yield item="page" /></a></li></txp:older>
        </ul>
        <txp:older showalways link=""><a rel="next" href="<txp:yield item="url" />" title="Go to next page" aria-label="Go to next page">Next</a></txp:older>
    </nav>
</txp:pages>

[philwareham]

Thanks. Some of the above didn't work as expected so between that and Michael Pate's forum thread I have this now which seems to work. But please let me know if anything can be improved?...

<txp:pages pg="pg" evaluate="5,2,8,4,6">
    <nav class="paginator" aria-label="Blog navigation">
        Pages:
        <txp:newer showalways link=""><a rel="prev" href="<txp:yield item="url" />" title="Go to previous page" aria-label="Go to previous page">Previous</a></txp:newer>
        <ul class="pagination">
            <txp:newer shift link=""><li><a href="<txp:yield item="url" />" title="Go to page <txp:yield item="page" />" aria-label="Go to page <txp:yield item="page" />"><txp:yield item="page" /></a></li></txp:newer>
            <txp:evaluate test="newer"><txp:newer shift="-2" link=""><li role="separator" title="More pages" aria-label="More pages">…</li></txp:newer></txp:evaluate>
            <txp:newer total shift="2" link=""><li><a href="<txp:yield item="url" />" title="Go to page <txp:yield item="page" />" aria-label="Go to page <txp:yield item="page" />"><txp:yield item="page" /></a></li></txp:newer>
            <txp:newer shift="0" link=""><li class="current"><b title="Current page" aria-current="page"><txp:yield item="page" /></b></li></txp:newer>
            <txp:older total shift="2" link=""><li><a href="<txp:yield item="url" />" title="Go to page <txp:yield item="page" />" aria-label="Go to page <txp:yield item="page" />"><txp:yield item="page" /></a></li></txp:older>
            <txp:evaluate test="older"><txp:older shift="-2" link=""><li role="separator" title="More pages" aria-label="More pages">…</li></txp:older></txp:evaluate>
            <txp:older shift link=""><li><a href="<txp:yield item="url" />" title="Go to page <txp:yield item="page" /> (last page)" aria-label="Go to page <txp:yield item="page" /> (last page)"><txp:yield item="page" /></a></li></txp:older>
        </ul>
        <txp:older showalways link=""><a rel="next" href="<txp:yield item="url" />" title="Go to next page" aria-label="Go to next page">Next</a></txp:older>
    </nav>
</txp:pages>

[bloatware]

@philwareham can you tell me what does not work? Save for the current page I see no important difference in the output.

[philwareham]

Seems to be something around the ‘more pages’ code and the current page code. Slightly changing it as per Michaels examples did work.

[philwareham]

@bloatware one issue I'm still having with the code I posted above is that it shows the pagination even when there is a single page of results (just shows Pages: 1). Can you suggest a way to simply not have pagination when there is just a single list page?

[bloatware]

IIRC you can get the number of pages with <txp:pages total />, so wrapping the whole pagination block inside

<txp:evaluate query='<txp:pages total /> > 1'>
...
</txp:evaluate>

should do.

[philwareham]

Thanks, but sorry that seems to put a 1'> in the visible page markup though. Tried it with double quotes too.

[bloatware]

updated