Skip to content

Instantly share code, notes, and snippets.

@agusmu
Created August 19, 2013 04:35
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save agusmu/6265795 to your computer and use it in GitHub Desktop.
Save agusmu/6265795 to your computer and use it in GitHub Desktop.
WooCommerce - Show navigation on the top of shop page
/* Show pagination on the top of shop page */
add_action( 'woocommerce_before_shop_loop', 'woocommerce_pagination', 10 );
/* Remove pagination on the bottom of shop page */
remove_action( 'woocommerce_after_shop_loop', 'woocommerce_pagination', 10 );
@altcoinrockerxyz
Copy link

Thanks for this, man! You got any tips how I can move the pagination to the left or right side? It shows up at the center. Cheers!

@DerekWCodes
Copy link

DerekWCodes commented Apr 28, 2023

I know it's been a few years but that is easy to do. You can move the pagination via CSS Custom. Order just override it by adding !important the code for CSS is below:

If you want to override the main this is good so when woocommerce updates it will stay in place.
Add this to the main stylesheet with !important tags.

If you want pagination to move to the right replace the: text-align: right !important;
If you want pagination to move to the left replace the: text-align: left !important;

.woocommerce-pagination { text-align: center; margin: 40px 0px; }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment