Portfolio Grid Pagination goes to top of page

Hey Frank,

Sorry for the delay. Did you replace the ID in the snippet with the ID of the color section containing the blog posts or pagination?

var news = $('#transaksjoner'),

If the posts element is not inside a color section yet, try to move it inside one, then apply a unique section ID to the color section. You’ll find the Custom ID Attribute field in the Advanced tab of the color section. After defining the ID (e.g “custom-section”), go back to the script or snippet, look for the same line mentioned above and replace the selector with the custom ID.

var news = $('#custom-section'),

Best regards,
Ismael

Hi,

@Tom: Where did you add the element with the pagination? We found one in the home page but it’s using the AJAX pagination instead of the default one. Site looks good by the way.

Best regards,
Ismael

Hi,

@Tom: Sorry I missed the pagination in the #recentecases container. Try to add this script in the functions.php file.

function add_custom_script(){
?>
<script type="text/javascript">
(function($){
function b(id) {
		$('.pagination .inactive').click(function(e) {
			e.preventDefault();

			var section = $(id),
				link = $(this).attr('href'),
				anchor = $(section ).attr('id');

				if(!section.length) return;

				var link = link + '#' + anchor;
				window.location.href = link;
		});
	}
        
        $(document).ready( function() {
            b('#recentecases');
        });
})(jQuery);
</script>
<?php 
}
add_action('wp_footer', 'add_custom_script');

Best regards,
Ismael

Hi,

Thank you for the update.

The code is there but for some reason it’s not taking effect. We might have to wait for the document to be ready before executing the function. We adjusted the code a bit. Please try it again.

We just changed this line:

$(document).ready( function() {
    b('#recentecases');
});

Best regards,
Ismael

Hi,

@wj5: Did you apply a unique ID to the section containing the posts element? In the previous example, the name of the section containing the element with the pagination is “recentecases”, so we used function b and place “#recentecases” as the value of the id parameter.

b('#recentecases');

Best regards,
Ismael

Hi,

@wj5: Please open a new thread, provide the login details in the private field and post the link here. We will check the site and test the script. Make sure that the Appearance > Editor panel is accessible.

Best regards,
Ismael