Skip to content

Instantly share code, notes, and snippets.

@agusmu

agusmu/functions.php

Created August 19, 2013 04:35
Show Gist options
  • Save agusmu/6265795 to your computer and use it in GitHub Desktop.
Save agusmu/6265795 to your computer and use it in GitHub Desktop.
Download ZIP
WooCommerce - Show navigation on the top of shop page
Raw
functions.php
/* 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 );
@DerekWCodes
Copy link

DerekWCodes commented Apr 28, 2023 •
edited
Loading

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