How to modify cursor paging | Ride Theme

Hi everyone, the collection page on my website has become very strange. Its URL has become less concise and has become a long string of information. I think this should be called cursor paging.

The first page of my collection is still normal, but when I click on the second page, it does not display the traditional paging. This problem seems to only appear on my collection page, but I don’t know how to modify it. I hope to get your help.

My website:https://ninescapeland.com/

Shopify theme:Ride

Problem collection URL: Commercial Playground – Page 2 – NinescapeLand

Problem collection URL: Indoor Trampoline Park – Page 2 – NinescapeLand

Screenshot of the problem page URL:

This is what I want to show:

I hope to get your help

Hi @NinescapeLand,

You can refer to the following article, it will help you have a clearer view of this.

Hope it can help you

Looks like it’s intentional:https://community.shopify.dev/t/a-new-phcursor-pagination-parameter/17715/20

Just to add some color on the why: the phcursor parameter makes it about 2x faster for Shopify to fetch the data necessary to render subsequent pages of your collection.
. . .


Regarding SEO: we do not show this parameter to requests coming from web crawlers. That means your SEO is not impacted by this parameter at all.

However, looks like it does impact SEO. Solution is suggested there too

Bascailly, for Dawn you need to modify these lines:
https://github.com/Shopify/dawn/blob/release/14.0.0/snippets/pagination.liquid#L23
https://github.com/Shopify/dawn/blob/release/14.0.0/snippets/pagination.liquid#L36
https://github.com/Shopify/dawn/blob/release/14.0.0/snippets/pagination.liquid#L63

from

href="{{  ... .url }}{{ anchor }}"

to

href="{{ ... .url  | split: '&phcursor=' | first }}"

if my post is helpful, please like it ♡ and mark as a solution -- this will help others find it

Hi @tim_tairli,

Do you want me to change the code contents of the three locations you mentioned to this?

href="{{ ... .url  | split: '&phcursor=' | first }}"

Hi @tim_tairli,

Have to admit this actually works!

Nope, they are all different, so should be

 href="{{ paginate.previous.url | split: '&phcursor=' | first }}"
href="{{ part.url | split: '&phcursor=' | first }}"

and

href="{{ paginate.next.url | split: '&phcursor=' | first }}"

if my post is helpful, please like it ♡ and mark as a solution -- this will help others find it

Yes, I did that, thank you very much for the solution