I would appreciate some help regarding Advanced Custom Fields repeater. The thing is that I am building a gallery with the plugin but I need pagination at the end of the page. I am displaying the pagination links, but when clicking they don't seem to work. Is it something with the url of the page - it's not showing page number in the url. Here is my code:
<?php
/*
* Paginate Advanced Custom Field repeater
*/
if (get_query_var('paged')) {
$page = get_query_var('paged');
} else {
$page = 1;
}
// Variables
$row = 0;
$images_per_page = 2; // How many images to display on each page
$images = get_field('thumbnail_image_repeater');
$total = count($images);
$pages = ceil($total / $images_per_page);
$min = (($page * $images_per_page) - $images_per_page) + 1;
$max = ($min + $images_per_page) - 1;
?>
<?php
if (have_rows('thumbnail_image_repeater')):
?>
<?php
while (have_rows('thumbnail_image_repeater')):
the_row();
$row++;
// Ignore this image if $row is lower than $min
if ($row < $min) {
continue;
}
// Stop loop completely if $row is higher than $max
if ($row > $max) {
break;
}
?>
<?php
$image = get_sub_field('thumbnail_image');
$thumbnail_name = get_sub_field('thumbnail_name');
?>
<li class="col-xs-6 col-sm-4 col-md-3" data-responsive="<?php
echo $image['url'];
?>" data-src="<?php
echo $image['url'];
?>" data-sub-html="<h4><?php
echo $thumbnail_name;
?></h4><p><?php
echo $thumbnail_name;
?></p>" data-pinterest-text="Pin it1" data-tweet-text="share on twitter 1">
<a href="">
<img class="img-responsive" src="<?php
echo $image['url'];
?>" alt="Thumb-1" />
</a>
</li>
<?php
endwhile;
// Pagination
echo paginate_links(array(
'base' => get_permalink() . '%#%' . '/',
'format' => '?page=%#%',
'current' => $page,
'total' => $pages,
'prev_text' => __('<<<'),
'next_text' => __('>>>')
));
?>
<?php
endif;
?>