Product grid limit number of products

Hi,
Sorry for the late reply, to change to number of items that show, please change the setting here:

I changed it to 8 from 16, please check.

Best regards,
Mike

Hi,
Ok, how will you determine which items will be within the 100 items (5 pages of 20 items each) since you have about 592 total products?
Would you consider limiting your entries instead of having the Product Grid load all of them?
I tried researching for a function to limit to total number items in the grid but didn’t find one.
I imagine that we can hide the pagination beyond the fifth one so you can have only the 5 pages, but it’s not what you asked for.

Best regards,
Mike

Hi,
I see, thanks for the feedback. So I added a script that replaces the pagination for the one page to show only 5 pagination pages.
I added the script to your child theme functions.php and I set your page to show 20 items with pagination so you could see it working.
Please clear your browser cache and check.

This is the script with your URL removed for future readers to model:

function custom_pagination(){
    ?>
    <script>
  (function($){
    $(document).ready(function(){
        $new_pagination = '<nav class="pagination"><a href="https://your-site.com/" class="inactive">1</a><a href="https://your-site.com/page/2/" class="inactive">2</a><a href="https://your-site.com/page/3/" class="inactive">3</a><a href="https://your-site.com/page/4/" class="inactive">4</a><a href="https://your-site.com/page/5/" class="inactive">5</a></nav>'
  if ($("#top.page-id-5494")){
      $( "nav.pagination" ).replaceWith( $new_pagination );
  } else {}
  });
  })(jQuery);
  </script>
  <?php
  }
  add_action('wp_footer', 'custom_pagination');

Best regards,
Mike

Hi,
Glad to hear, try changing this line: if ($("#top.page-id-5494")){ to if ($("#top.page-id-5494" || "#top.page-id-500" || "#top.page-id-501")){
then it should work on all 3 pages.

Best regards,
Mike

Hi,
Thanks for the feedback, since this will be for three pages I added a function to get the current page path and add it to the pagination URL so it doesn’t have to be hardcoded into the links. Then I found that two of the pages were not using the pagination so I adjusted them so we could test the pagination function, 20 items per page and pagination “on”
It seems that this is working on all three pages now, please check.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

For future reference the final script was:

function custom_pagination(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
	var url = document.URL;
	var theURL = url.split("page")[0];
  	$new_pagination = '<nav class="pagination"><a href="'+theURL+'" class="inactive">1</a><a href="'+theURL+'page/2/" class="inactive">2</a><a href="'+theURL+'page/3/" class="inactive">3</a><a href="'+theURL+'page/4/" class="inactive">4</a><a href="'+theURL+'page/5/" class="inactive">5</a></nav>'
if ($("#top.page-id-5480" || "#top.page-id-5494" || "#top.page-id-5500")){
	$( "nav.pagination" ).replaceWith( $new_pagination );
} else {}
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_pagination');

Best regards,
Mike