Streaming live at 10am (PST)

Pagination Page Count

Hello,
is it possible to edit the way the pagination page count is displayed? For example, e-commerce categories pagination settings will list page 2 of 3 as “2/3” I would prefer that it displayed as “2 of 3” instead.

How might this change be made. I have been unable to edit the text box.

Please advise.
Thank you,
Sara Morton

Screen Shot:

Share Only Link : https://preview.webflow.com/preview/saras-fresh-project-29b7f0?utm_medium=preview_link&utm_source=designer&utm_content=saras-fresh-project-29b7f0&preview=fe3ebf1fe45ff37c9b9a87a8573ca881&pageId=5d4b2613935075cc9fb76e57&itemId=5d4b26139350755abdb76ea9&mode=preview

Published page :https://saras-fresh-project-29b7f0.webflow.io/category/prints-of-boston

Hi @Sarabeth,

This is where custom JS code comes into play.
I am still learning therefore @webdev can you help?

1 Like

Well, I’m sure there are prettier ways to do this, but this should do the trick:

Place the following code before the body closing tag:

<script>
  var paginationText = $(".w-page-count").text();
  var replacedText = paginationText.replace("/","of")
  $(".w-page-count").text(replacedText)
</script>

Final result:

image

I hope it helps, feel free to get in touch if in need for help

PS: Your paintings are amazing! WOW

Jean,
Thank you for this answer . The final result you presented is what I would like to do.
How do I access the “Body Closing Tag” ?

Thank you for viewing the paintings and kind words.
Sara

I hope it helps. Let me know if you don’t find it and if it works as you want.

Kind regards,
Jean

Hi Jean,
It worked! Thanks again for providing a simple solution. :smile::+1:

Kind regards,
Sara

1 Like

No problem Sara! I’m glad to help! Feel free to get in touch in case you need in the future!

Best,
Jean