Reply To: Gallery with main picture and thumbnails

• VSherji

• November 27, 2019 at 3:57 pm

Hey,
You can add a single image field to get the first preview image and then add the repeater field to get all images.
See below.

<div class="col-left">
<img class="xzoom" src="<?php the_field('preview_image'); ?>" xoriginal="<?php echo the_field('preview_image'); ?>" /> 
<?php
if( have_rows('main_gallery') ):
    while ( have_rows('main_gallery') ) : the_row();
	<div class="xzoom-thumbs">
	  <a href="<?php the_sub_field('image_preview') ?>">
	    <img class="xzoom-gallery" width="80" src="<?php the_sub_field('image_thumb'); ?>"  xpreview="<?php the_sub_field('image_preview'); ?>">
	  </a>
	</div>
  <?php
endwhile;
endif;
?>
</div>