[Solved] Pagination problem

Pat64 · 2020-07-24 09:31:49

Is there a problem with the breakby in use into an <txp:article /> tag and the new pagination feature into a default template?

I finished my latest project but I can’t implement such a kind of pagination (but required to navigate thought the pages and the different article lists)

Last edited by Pat64 (2020-08-24 04:39:12)

Bloke · 2020-07-24 09:39:05

I don’t know. Please share your relevant code here so we can test/debug.

Pat64 · 2020-07-24 10:35:22

Sure! Thank you Stef.

Into my default page:

<txp:variable name="time" trim><txp:if_section name="prochainement">future<txp:else />past</txp:if_section></txp:variable>

<txp:if_section name=",catalogue-general">
<txp:article break="div" breakclass="full table table-fixed flex mt0" breakby="3" searchall="0" sort="Posted asc" time='<txp:variable name="time" trim />' limit="3">
<txp::books_list />
</txp:article>

Note: the variable is here to test some articles with a future date (all articles are associated with the “catalogue-general” section).

And here is the books_list form:

			<div class="_1/0 ie7-hide"> </div>

				<div class="_1/3 table-cell inner-centered rel flex mb2em card no-select">
				<article class="_inner rel txt-c">
					<a rel="bookmark" href="<txp:permlink />" class="vertical-txt">
						<h2 class="txt-c font-large mt0 mb0"><txp:title trim="/(.*)(@\s)(\w+\s?\w+)(\s\(\d+\))?/" replace='«$1» <br><em class="nwf #888-color">$3</em>' /></h2></a>
						<a href="<txp:permlink />" aria-hidden="true" tabindex="-1" class="bk-wrapper">
							<div class="rel book bk:hover">
								<span class="bk-front"></span>
								<div class="bk-cover">
									<div class="abs z-1 excerpt">
									<txp:excerpt />
									</div>
<txp:if_article_image>
									<picture class="protect">
<txp:images>
									<source media="(max-width:576px)" srcset="<txp:smd_thumbnail type="small" display="url" id='<txp:image_info type="id" />' form="img_srcset" />">
									<source media="(max-width:922px)" srcset="<txp:smd_thumbnail type="medium" display="url" id='<txp:image_info type="id" />' form="img_srcset" />">
									<source media="(min-width:923px)" srcset="<txp:smd_thumbnail type="large" display="url" id='<txp:image_info type="id" />' form="img_srcset" />">
									<img src="<txp:smd_thumbnail type="large" display="url" id='<txp:image_info type="id" />' />" loading="lazy" alt="<txp:image_info type="alt" />" width="358" height="515" />

</txp:images>
<txp:else />
									<picture class="placeholder">
									<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP89R8AAvkB+0p/ESEAAAAASUVORK5CYII=" loading="lazy" alt="non disponible" width="358" height="515" aria-hidden="true" tabindex="-1" />

</txp:if_article_image>
									</picture>

							</div>
							<span class="page z-1"></span>
						</div>
					</a>
					<p class="mt2em txt-c"><a href="<txp:permlink />" aria-hidden="true" tabindex="-1" class="btn #33e-bg fs120% :hover"><svg role="img" aria-label="Découvrir" aria-hidden="true" focusable="false" width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><switch><g><path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z" fill="currentColor"></path></g><foreignObject width="0" height="0" overflow="hidden">→</foreignObject></switch></svg> Découvrir</a></p>
				</article>
			</div>

			<div class="_1/0 ie7-hide">&nbsp;</div>

I tried to add a pagination form into the default page without any good results…

	<div class="full mt2em txt-c">
			<div aria-label="Page navigation" class="pagination mt2em">
				<ul class="list-inline no-list pagination">
<txp:pages pg="pg" evaluate="5,2,8,4,6">
				<txp:newer shift="1" break="li" showalways><span aria-label="Vers la page précédente" class="btn trans"><svg role="img" aria-label="Précédent" aria-hidden="true" focusable="false" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><switch><g><path fill-rule="evenodd" d="M7.854 4.646a.5.5 0 0 1 0 .708L5.207 8l2.647 2.646a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 0 1 .708 0z"></path><path fill-rule="evenodd" d="M4.5 8a.5.5 0 0 1 .5-.5h6.5a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5z"></path></g><foreignObject width="0" height="0" overflow="hidden"><i class="icon">←</i></foreignObject></switch></svg> Précédente</span></txp:newer>
				<txp:newer shift break="li"><span aria-label="Vers la première page" class="btn trans #f9f-bg">Première page</span></txp:newer>
				<txp:hide process="2"><txp:newer shift="-2" link="" break="li"><span role="separator" aria-label="Autres pages" class="btn trans disabled">...</span></txp:newer></txp:hide>
				<txp:newer shift="2,1" break="li"><span aria-label="Vers la page <txp:yield item="page" />" class="btn trans #f9f-bg">Page <txp:yield item="page" /></span></txp:newer>
				<txp:newer shift="0" link=""><li><span aria-label="Page courante" class="btn trans disabled #f9f-bg">Page <txp:yield item="page" /></span></li></txp:newer>
				<txp:older shift="1,2" break="li"><span aria-label="Vers la page <txp:yield item="page" />" class="btn trans #f9f-bg">Page <txp:yield item="page" /></span></txp:older>
				<txp:hide process="2"><txp:older shift="-2" link="" break="li"><span role="separator" aria-label="Autres pages" class="btn trans disabled">...</span></txp:older></txp:hide>
				<txp:older shift break="li"><span aria-label="Vers la dernière page" class="btn trans #f9f-bg">Dernière Page</span></txp:older>
				<txp:older shift="1" break="li" showalways><span aria-label="Vers la page suivante" class="btn trans">Suivante <svg role="img" aria-label="Suivant" aria-hidden="true" focusable="false" width="12" height="12" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><switch><g><path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z" fill="currentColor"></path></g><foreignObject width="0" height="0" overflow="hidden"><i class="icon">→</i></foreignObject></switch></svg></span></txp:older>
				</ul>
</txp:pages>
			</div>
	</div>

Bloke · 2020-07-24 10:44:01

Thanks for the code. Won’t limit="3" cut off your articles after the 3rd one, rendering pagination useless?

Pat64 · 2020-07-24 11:09:55

I want to repeat each group of 3 articles, then display the pagination for the other pages.

I tried to remove the limit attribute but without any effects (except “Page 1”)…

Last edited by Pat64 (2020-07-24 11:12:25)

Pat64 · 2020-07-25 05:48:50

Ok.

I found and located my problem! 😋

My fault in adding this code into my doctype form: 😱

<txp:article pageby pgonly>
<meta name="robots" content="<txp:if_expires>unavailable_after: <txp:expires gmt format="%d-%b-%y %T" /> GMT<txp:else />index,follow,noodp,noydir</txp:if_expires>">
<meta name="googlebot" content="<txp:if_expires>unavailable_after: <txp:expires gmt format="%d-%b-%y %T" /> GMT<txp:else />index,follow,noodp,noydir</txp:if_expires>">
</txp:article>

What could you suggest me as a fallback and best practice in order to use limited time meta tags for expired articles?

Last edited by Pat64 (2020-07-25 05:49:50)

etc · 2020-07-25 10:34:35

FWIW, breakby has nothing to do with the pagination, it just groups the articles of the current page to be separated by break.

Pat64 wrote #324834:

What could you suggest me as a fallback and best practice in order to use limited time meta tags for expired articles?

Since <txp:if_expires /> tag can only be used in article context, why not

<txp:if_individual_article>
<meta name="robots" content="<txp:if_expires>unavailable_after: <txp:expires gmt format="%d-%b-%y %T" /> GMT<txp:else />index,follow,noodp,noydir</txp:if_expires>">
<meta name="googlebot" content="<txp:if_expires>unavailable_after: <txp:expires gmt format="%d-%b-%y %T" /> GMT<txp:else />index,follow,noodp,noydir</txp:if_expires>">
</txp:if_individual_article>

Pat64 · 2020-07-25 15:18:37

😀

<txp:if_individual_article>...</txp:if_individual_article>

Some obvious are too obvious for me.

Pat64 · 2020-08-10 03:55:22

I encounter a problem with my pagination which display 2 exceed blank pages:

<txp:variable name="pages" trim>
<txp:pages total shift="3" break="li"><span aria-label="Go to page" class="btn trans #f9f-bg"><txp:yield item="page" /></span></txp:pages>
</txp:variable>

	<div class="full mt2em mb4em txt-c">

			<nav aria-label="Page navigation" class="pagination">
				<ul class="list-inline no-list table mxa">
				<li class="inline"><txp:newer rel="prev" showalways><span aria-label="Go to previous page" class="btn trans"><svg role="img" aria-label="Previous" aria-hidden="true" focusable="false" width="16" height="16" fill="currentColor" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><switch><g><path fill-rule="evenodd" d="M7.854 4.646a.5.5 0 0 1 0 .708L5.207 8l2.647 2.646a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 0 1 .708 0z"></path><path fill-rule="evenodd" d="M4.5 8a.5.5 0 0 1 .5-.5h6.5a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5z"></path></g><foreignObject width="0" height="0" overflow="hidden"><i class="icon">←</i></foreignObject></switch></svg> Previous</span></txp:newer></li>
				<txp:newer rel="prev" shift showalways><li class="inline"><span aria-label="Go to first page" class="btn trans #f9f-bg">First page</span></li></txp:newer>
				<txp:newer rel="next" shift="-2" link=""><li class="inline"><span role="separator" aria-label="Other pages" class="btn trans disabled">...</span></li></txp:newer>
				<txp:variable name="pages" />
<txp:older shift="-2" link=""><li class="inline"><span role="separator" aria-label="Other pages" class="btn trans disabled">...</span></li></txp:older>
				<li class="inline"><txp:older rel="next" shift showalways><span aria-label="Go to last page" class="btn trans #f9f-bg">Last Page</span></txp:older></li>
				<li class="inline"><txp:older rel="next" showalways><span aria-label="Go to next page" class="btn trans">Suivante <svg role="img" aria-label="Next" aria-hidden="true" focusable="false" width="12" height="12" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><switch><g><path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z" fill="currentColor"></path></g><foreignObject width="0" height="0" overflow="hidden"><i class="icon">→</i></foreignObject></switch></svg></span></txp:older></li>
				</ul>
			</nav>
	</div>

Could you tell me what is governing the number indicators for each page.

Last edited by Pat64 (2020-08-10 05:42:29)

colak · 2020-08-10 07:47:54

Pat64 wrote #325270:

I encounter a problem with my pagination which display 2 exceed blank pages…

Hi Patrick,
I’m by no means pretending that I can see where the problem might be, but had a similar issue which was due to db indexing, and solved by running wet_haystack. (Back-up before using it as it has not been tested with later txp versions).

ps. Heads-up: your site is down
pps. Lots of sites seem to be having an issue lately:)

Pat64 · 2020-08-10 08:06:29

Hi Yiannis.
Thank you lot for your reply.
With the help of the wet_haystack plugin: on which column do you apply a reindexation (I tried first to use phpMyAdmin to make some tables optimisation but without any success)?

P.S. don’t worry with my website (and all other): I’m encuring many host problems (after the compagny hab been sold); I project to change the provider but I had no time for the moment…

colak · 2020-08-10 09:34:46

Hi Patrick,
When I did it, I just left the default columns as initially selected by haystack.

etc · 2020-08-10 12:05:44

Pat64 wrote #325270:

I encounter a problem with my pagination which display 2 exceed blank pages:

Hi Patrick,

I don’t remember exactly why, but in 4.8 the meaning of showalways has been slightly changed: not ‘show even if there is no such page’, but ‘show even if the link is already shown by other tag’. I you need to restore the pre-4.8 behaviour, use <txp:else />:

...
<li class="inline"><txp:older rel="next" shift showalways>
    <span aria-label="Go to last page" class="btn trans #f9f-bg">Last Page</span>
<txp:else />
    <span aria-label="Go to last page" class="btn trans #f9f-bg">Last Page</span>
</txp:older></li>
...

etc · 2020-08-10 13:14:10

Though the first/last page should always exist… looks buggy :-/

Pat64 · 2020-08-20 09:32:50

This message is for Devs.

After many days looking for a solution, I discover the pagination code (see above) works like a charme on my local server but with excessive blank pages on my server in production (see these problematic pages: https://editions-du-26-octobre.com/occasions/).

So, here is my diagnostic profile (local MAMP server):

Textpattern version: 4.8.2 (57f24adaea163a68678fa3f68a5cc937)
Last update: 2020-07-31 12:00:57/2020-07-29 21:19:27
Textpattern path: C:\MAMP\htdocs\editionsdu26octobre\textpattern
Article URL pattern: section_title
Production status: debug
Temporary directory path: C:\MAMP\htdocs\editionsdu26octobre\textpattern\tmp
PHP version: 7.4.1
GD Graphics Library: bundled (2.1.0 compatible); Supported formats: GIF, JPEG, PNG.
Server timezone: UTC
Server local time: 2020-08-20 09:25:08
Daylight Saving Time enabled?: 1
Automatically adjust Daylight Saving Time setting?: 1
Time zone (GMT offset in seconds): Europe/Paris (3600)
MySQL: 5.7.24 (MySQL Community Server (GPL)) 
Database server time: 2020-08-20 11:25:08
Database server time offset: 3 s
Database server timezone: SYSTEM
Database session timezone: SYSTEM
Locale: French_France.1252
Site / Admin language: fr / fr
Web server: Apache/2.2.31 (Win32) DAV/2 mod_ssl/2.2.31 OpenSSL/1.0.2h mod_fcgid/2.3.9 mod_wsgi/3.4 Python/2.7.6 PHP/7.4.1 mod_perl/2.0.8 Perl/v5.16.3
Apache version: Apache/2.2.31 (Win32) DAV/2 mod_ssl/2.2.31 OpenSSL/1.0.2h mod_fcgid/2.3.9 mod_wsgi/3.4 Python/2.7.6 PHP/7.4.1 mod_perl/2.0.8 Perl/v5.16.3
PHP server API: apache2handler
RFC 2616 headers: 
Server OS: Windows NT 6.2
Admin-side theme: hive 4.8.2
Active plugins: 
	abc_images_upload-0.1
	com_article_image-0.1.1
	com_connect-4.6.0
	etc_pagination-0.5.0
	ext_com_connect_verify-0.1
	glz_custom_fields-2.0 beta
	ied_plugin_composer-1.2.1
	pap_comconnect-0.1.2
	pat_speeder-1.1.2
	rah_wrach-0.4.1
	rss_admin_db_manager-4.5.1
	smd_thumbnail-0.5.3
	wet_haystack-0.6
	yab_cf_article_list-0.2

Pre-flight check: 
------------------------

There was a problem connecting to the Textpattern update server. Please try again later.
------------------------

.htaccess file contents: 
------------------------
# BEGIN Textpattern

#DirectoryIndex index.php index.html

<IfModule mod_rewrite.c>
    RewriteEngine On

    # Enable the `FollowSymLinks` option below if it isn't already.
    #Options +FollowSymlinks

    #RewriteBase /relative/web/path/

    RewriteCond %{REQUEST_FILENAME} -f [OR]
    RewriteCond %{REQUEST_FILENAME} -d
    RewriteRule ^(.+) - [PT,L]

    RewriteCond %{REQUEST_URI} !=/favicon.ico
    RewriteRule ^(.*) index.php

    RewriteCond %{HTTP:Authorization}  !^$
    RewriteRule .* - [E=REMOTE_USER:%{HTTP:Authorization}]
</IfModule>

<IfModule mod_mime.c>
    AddType image/svg+xml  svg svgz
    AddEncoding gzip       svgz
</IfModule>

# For additional Apache-compatible web server configuration settings to enhance
# site performance and security, we recommend:
# https://github.com/h5bp/server-configs-apache/blob/master/dist/.htaccess

# END Textpattern

------------------------

And this is the live server profile:

Textpattern version: 4.8.2 (b6e7a157e4f6a6eb0aeb62dca53f4e00)
Last update: 2020-07-30 05:16:14/2020-07-30 05:13:09
Textpattern path: __TXP-ROOT/textpattern
Article URL pattern: section_title
Production status: live
Temporary directory path: __TXP-ROOT/textpattern/tmp
PHP version: 7.4.9
GD Graphics Library: 2.2.5; Supported formats: GIF, JPEG, PNG, WebP.
Server timezone: Europe/Paris
Server local time: 2020-08-20 11:29:38
Daylight Saving Time enabled?: 1
Automatically adjust Daylight Saving Time setting?: 1
Time zone (GMT offset in seconds): Europe/Paris (3600)
MySQL: 5.5.5-10.3.24-MariaDB (MariaDB Server) 
Database server time: 2020-08-20 11:29:38
Database server time offset: 0 s
Database server timezone: SYSTEM
Database session timezone: SYSTEM
Locale: fr_FR.UTF-8
Site / Admin language: fr / fr
Web server: Apache
PHP server API: litespeed
RFC 2616 headers: 
Server OS: Linux 4.18.0-147.3.1.el7h.lve.1.x86_64
Admin-side theme: hive 4.8.2
Active plugins: 
	abc_images_upload-0.1
	com_article_image-0.1.1
	com_connect-4.6.0
	ext_com_connect_verify-0.1
	glz_custom_fields-2.0 beta
	pap_comconnect-0.1.2
	pat_speeder-1.1.2
	rah_wrach-0.4.1
	rss_admin_db_manager-4.5.1
	smd_thumbnail-0.5.3
	wet_haystack-0.6
	wet_textfilter_markdown-0.7

.htaccess file contents: 
------------------------
# o2switch pagespeed start / DO NOT REMOVE OR EDIT
<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedRewriteLevel PassThrough
ModPagespeedEnableFilters combine_css,recompress_images,rewrite_javascript,insert_dns_prefetch
</IfModule>
# o2switch pagespeed end / DO NOT REMOVE OR EDIT
# BEGIN Textpattern

#DirectoryIndex index.php index.html

<IfModule mod_rewrite.c>
    RewriteEngine On

    # Enable the `FollowSymLinks` option below if it isn't already.
    #Options +FollowSymlinks

	RewriteCond %{HTTP_HOST} ^boar5360.odns.fr$ [OR]
	RewriteCond %{HTTP_HOST} ^www.boar5360.odns.fr$
	RewriteRule (.*)$ https://editions-du-26-octobre.com/$1 [R=301,L]
	RewriteRule ^default/? / [R=301,L]

    RewriteBase /

	RewriteCond %{HTTPS} !=on
    RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

    RewriteCond %{REQUEST_FILENAME} -f [OR]
    RewriteCond %{REQUEST_FILENAME} -d
    RewriteRule ^(.+) - [PT,L]

    RewriteCond %{REQUEST_URI} !=/favicon.ico
    RewriteRule ^(.*) index.php

    RewriteCond %{HTTP:Authorization}  !^$
    RewriteRule .* - [E=REMOTE_USER:%{HTTP:Authorization}]
</IfModule>

<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
	##Header set Strict-Transport-Security “max-age=10886400; includeSubDomains; preload”
</IfModule>

<IfModule mod_mime.c>
    AddType image/svg+xml  svg svgz
    AddEncoding gzip       svgz
</IfModule>

# For additional Apache-compatible web server configuration settings to enhance
# site performance and security, we recommend:
# https://github.com/h5bp/server-configs-apache/blob/master/dist/.htaccess

# END Textpattern
RewriteCond %{HTTP_HOST} ^26octobre\.com\,26octobrecom_boar5360\.odns\.fr$ [OR]
RewriteCond %{HTTP_HOST} ^www\.26octobre\.com\,26octobrecom_boar5360\.odns\.fr$
RewriteRule ^/?$ "https\:\/\/editions\-du\-26\-octobre\.com\/" [R=301,L]



------------------------

Textpattern CMS

Textpattern CMS support forum

#1 2020-07-24 09:31:49