Created
July 18, 2017 09:29
-
-
Save webgurus/be6761022be5adfe839a990391475e89 to your computer and use it in GitHub Desktop.
example on how to paginate an acf repeater image gallery
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
/* | |
* Paginate Advanced Custom Field repeater | |
*/ | |
if( get_query_var('page') ) { | |
$page = get_query_var( 'page' ); | |
} else { | |
$page = 1; | |
} | |
// Variables | |
$row = 0; | |
$images_per_page = 10; // How many images to display on each page | |
$images = get_field( 'image_gallery' ); | |
$total = count( $images ); | |
$pages = ceil( $total / $images_per_page ); | |
$min = ( ( $page * $images_per_page ) - $images_per_page ) + 1; | |
$max = ( $min + $images_per_page ) - 1; | |
// ACF Loop | |
if( have_rows( 'image_gallery' ) ) : ?> | |
<?php while( have_rows( 'image_gallery' ) ): 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 $img_obj = get_sub_field( 'image' ); ?> | |
<a href="<?php echo $img_obj['sizes']['large']; ?>"> | |
<img src="<?php echo $img_obj['sizes']['thumbnail']; ?>" alt=""> | |
</a> | |
<?php endwhile; | |
// Pagination | |
echo paginate_links( array( | |
'base' => get_permalink() . '%#%' . '/', | |
'format' => '?page=%#%', | |
'current' => $page, | |
'total' => $pages | |
) ); | |
?> | |
<?php else: ?> | |
No images found | |
<?php endif; ?> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment