WooCommerce Pagination Broken

Support
#1

Using the Pro theme on https://atelierposh.com.au/shop/ it appears that the styles are not being applied to the pagination section properly.

How can I fix this so the pagination does not just show as a bullet point list at the edge of the screen?

#2

Hi There,

Could you please try turning off the Auto Minify option on your CloudFlare account?

Let us know how it goes!

#3

Hi Thai,

Auto Minify is already turned off and I have cleared the cache.

When inspecting the css styling in Chrome console, the issue appears to be that the pagination is using nav class=“woocommerce-pagination” instead of nav class=“x-pagination”

where in the theme would I change this back?

#4

Hi There,

Would you mind providing us with login credentials(by clicking on the Secure Note button at the bottom) so we can take a closer look? To do this, you can make a post with the following info:

  • Link login to your site
  • WordPress Admin username / password

Thanks.

#5

Hi,

I have added the secure note now

#6

Hi there,

I checked and there is no cache either, but yes, the styling is broken. Would you mind providing your CF login credentials as well? And if you have custom templates, then please provide your FTP credentials as well.

Thanks!

#7

Hi Rad,
There is no custom template, Just the Pro theme.
I have now disabled cloudflare completely on the site and have included my login in a secure note

#8

I have found the issue,

In the Pro/woocommerce/loop/pagination.php file, the pagination class is woocommerce-pagination not x-pagination.

I have edited the file and it now appears to load correctly.

When I downloaded another fresh copy of the theme and checked the pagination file, it did have the correct x-pagination class, so it appears that my version was overwritten and that is why it was broken

#9

Glad you’ve sorted it out :slight_smile:

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.