Reply To: thumbnails as pat of gallery only – no overlay effect

Your Account / Forums / Easy FancyBox Pro / thumbnails as pat of gallery only – no overlay effect / Reply To: thumbnails as pat of gallery only – no overlay effect

July 31, 2015 at 1:58 pm #5411

Sure, this is the loop for the grid of images:

echo '<ul class="productthumbs row">';

if ( $attachment_ids ) {
	$columns 	= apply_filters( 'woocommerce_product_thumbnails_columns', 3 );
	?>
	
			<?php
		
				foreach ( $attachment_ids as $attachment_id ) {
					
					echo '<li class="col-xs-6 col-md-4">';
						echo '<div class="holder">';
	
							$classes = array( 'swapper','fancybox' );
				
							$image_link = wp_get_attachment_url( $attachment_id );
				
							if ( ! $image_link )
								continue;
				
							$image       = wp_get_attachment_image( $attachment_id, apply_filters( 'single_product_small_thumbnail_size', 'shop_thumbnail' ) );
							$image_class = esc_attr( implode( ' ', $classes ) );
							$image_title = esc_attr( get_the_title( $attachment_id ) );
				
							echo apply_filters( 'woocommerce_single_product_image_thumbnail_html', sprintf( '<a href="%s" class="%s" title="%s" rel="prodgroup">%s</a>', $image_link, $image_class, $image_title, $image ), $attachment_id, $post->ID, $image_class );
				
						echo '</div>';
					echo '</li>';

				}
		
			?>
	
	<?php
} ?>
</ul>

This is the code for the main image:

	<?php
		if ( has_post_thumbnail() ) {

			$image_title 	= esc_attr( get_the_title( get_post_thumbnail_id() ) );
			$image_caption 	= get_post( get_post_thumbnail_id() )->post_excerpt;
			$image_link  	= wp_get_attachment_url( get_post_thumbnail_id() );
			$image       	= get_the_post_thumbnail( $post->ID, apply_filters( 'single_product_large_thumbnail_size', 'shop_single' ), array(
				'title'	=> $image_title,
				'alt'	=> $image_title
				) );

			$attachment_count = count( $product->get_gallery_attachment_ids() );

			if ( $attachment_count > 0 ) {
				$gallery = '[product-gallery]';
			} else {
				$gallery = '';
			}

			echo '<div class="mainimage">';
			echo apply_filters( 'woocommerce_single_product_image_html', sprintf( '<a href="%s" rel="prodgroup" itemprop="image" class="woocommerce-main-image zoom fancybox" title="%s" >%s</a>', $image_link, $image_caption, $image ), $post->ID );

			echo '</div>';
			
		} else {

			echo apply_filters( 'woocommerce_single_product_image_html', sprintf( '<img src="%s" alt="%s" />', wc_placeholder_img_src(), __( 'Placeholder', 'woocommerce' ) ), $post->ID );

		}
	?>