Home Forums Front-end Issues Using repeater to create multiple fancybox gallery items


Using repeater to create multiple fancybox gallery items

  • hey friends,

    currently trying to get a fancybox based gallery connected to ACF.
    Currently the goal is when i create posts i will be able to post the thumbnail photo and when pressing the photo itself the fancybox will open and should provide now multiple photos in a gallery type which i inserted through ACF repeater / subfield photo. the fancybox javascript recognizes the photo elements that refer together by the data-fancybox-group value i chose $post->ID to set all photos of the post together. but currently when i press the thumbnail photo fancybox pops up but only showing the thumbnail photo.

    you can have a look:

    thanks for the help

    <?php foreach( $categories as $category ): ?>
        <?php $args = array( 'category' => $category->term_id, orderby ); ?>
        <?php $posts = get_posts( $args ); ?>
        <?php foreach( $posts as $post ): setup_postdata( $post ); ?>
            <div class="brick <?php echo $category->slug; ?>" >
                <?php $data_fancybox_group = get_field( 'data-fancybox-group' ); ?>
        	 	<a href="<?php echo wp_get_attachment_url( get_post_thumbnail_id( $post->ID ) ); ?>" alttitle="TITLE1" class="fancybox" data-fancybox-group="<?php echo $post->ID ?>" >
                    <?php the_post_thumbnail( '360x360c' ); ?>
        	 <?php foreach( $data_fancybox_group as $fancy ): ?>
        	 	   <a href="<?php echo $fancy['image']['sizes']['360x360c']; ?>" alttitle="TITLE2" class="fancybox" data-fancybox-group="<?php echo $post->ID ?>">
        	 	<?php endforeach; ?>
    	<?php endforeach; ?>
  • Hi @milonq

    Kindly have a look at this article which achieves the exact same thing you are trying.

    Hope this helps.

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Using repeater to create multiple fancybox gallery items’ is closed to new replies.