Product masonry pagination issue

Hey JaimBateman,

Thank you for the inquiry.

This might be due to a third party plugin or a custom code added in the theme because we could not reproduce the issue on our own installation. Have you tried disabling the plugins or the modifications temporarily?

Best regards,
Ismael

Hi,
Sorry for the late reply, thank you to both of you for links to your sites. So in both cases the pagination [1] is not linking to the first page, but the position of [1] changes as the [<] pagination buttons are added and then after page 5 [1] drops off. So I believe I have it sorted out with this script, try adding this code to the end of your functions.php file in Appearance > Editor:

@JaimBateman with your masonry pagination please try this:

function custom_masonry_pagination_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
   var $this = $(".av-masonry-pagination nav.pagination a").eq(1);
   var count = $(".av-masonry-pagination nav.pagination a").length;
   var url = document.URL;
   var theURL = url.split("=")[0];
   if (count>4){
   if ($this.hasClass("inactive")){
   $this.attr("href", theURL + "=1");
   } else{}
   } else{}
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_masonry_pagination_script');

@KunaWebAgency for your pagination-slider please try this:

function custom_pagination_slider_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
   var $this = $(".pagination-wrap.pagination-slider nav.pagination a").eq(1);
   var count = $(".pagination-wrap.pagination-slider nav.pagination a").length;
   var url = document.URL;
   var theURL = url.split("=")[0];
   if (count>4){
   if ($this.hasClass("inactive")){
   $this.attr("href", theURL + "=1");
   } else{}
   } else{}
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_pagination_slider_script');

I guess we could have just used nav.pagination a as the target and the code would have been the same, but I didn’t want any unexpected actions on other paginations.

Best regards,
Mike

Hi,
@jaimbateman, thanks for the feedback, so the [<<] only shows after page 4, I adjusted for this, and for the [<] on page 2.
Please try replacing your code with this one:

function custom_masonry_pagination(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
   var thistwo = $(".av-masonry-pagination nav.pagination a").eq(1);
   var thisone = $(".av-masonry-pagination nav.pagination a").eq(0);
   var count = $(".av-masonry-pagination nav.pagination a").length;
   var url = document.URL;
   var theURL = url.split("=")[0];
   if ($(count>4)){
   if (thistwo.hasClass("inactive")){
   thistwo.attr("href", theURL + "=1");
   }
   if ($(count>8)){
   thisone.attr("href", theURL + "=1");
   }
   if ($(count<8)){
   thisone.attr("href", theURL + "=1");
   }
}
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_masonry_pagination');

Best regards,
Mike

Hi,
Thanks, I see an error I made, please remove the scripts so I can test fresh again from my side.

Best regards,
Mike