hide pagination on the top of the product grid

There is no way to remove just the one pagination from the shop page by default. You should be able to remove it via custom CSS.

the both pagination using the same css class, I don’t see a way to hide one of them, can you suggest a way ? thanks

Yes y ou are right, removing this with CSS is little complicated as the two paginations has the same CSS classes.

You can use hooks to remove the pagination. Add the following snippet in your child theme functions.php:

remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 );

However, it also depends on the theme if it is using custom funtion to add the pagination, example for Storefront theme, the following code works instead:

remove_action( 'woocommerce_before_shop_loop', 'storefront_woocommerce_pagination', 30 );

thanks, but both code aren’t work on my storefront theme

If you are using the Storefront theme, the 2nd snippet should work as I tested it on my end. Make sure you are adding the code in the child theme’s functions.php rather than using a plugin to add snippet as it doesn’t work via plugin.

If it is still not working, can you send me a screenshot of where you added the snippet to make sure you’ve added it correctly?

If you don’t already have a screenshot service installed, here are a few options:

* https://snipboard.io

* https://skitch.com/

* https://getcloudapp.com/

* https://awesomescreenshot.com/ There is also a walkthrough guide here: https://en.support.wordpress.com/make-a-screenshot/.

Hi @freelylw

We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Thanks,