In order to follow the CSS styles of WooCommerce, you may need to wrap the paginate_links() function with HTML tags (such as list tags).
1 answers
1
Wrapping paginate_links() with HTML tags
If you’re looking to follow the WooCommerce CSS styles for paginated links, you should use the below code (including the classes used) in order to achieve this.
$pages = paginate_links( array( 'type' => 'array' ) ); if( $pages ) { echo '<nav class="woocommerce-pagination"><ul class="page-numbers">'; foreach ( $pages as $page ) { echo "<li>$page</li>"; } echo '</ul></nav>'; }
Note: The type parameter within the paginate_links() arguments is important to maintain, as this outputs the results as an array for you to loop through them. Furthermore, if you’re adding this to a non-WooCommerce page, you should include the woocommerce class within your body tag.
— Support WizardAnswer 1