<div class="property-preview property-preview-custom-size"> <?php global $property; $galleries = $property->get_gallery(); $image_size = opalestate_get_option( 'opalestate_thumbnail_size' ); if ( ! empty( $galleries ) && isset( $galleries ) ): ?> <?php $_id = 'posts-block-' . rand( 1, 9 ); $item = apply_filters( 'opalesate_related_property_column', 1 ); $data = [ 'slidesPerView' => 1, 'spaceBetween' => 0, 'effect' => 'fade', 'loop' => true, 'pagination' => 0, 'breakpoints' => [ 1024 => [ "slidesPerView" => 1 ] ], ]; $columns = apply_filters( 'opalestate_thumbnail_nav_column', 5 ); $src = wp_get_attachment_url( get_post_thumbnail_id() ); $show = 9; $items = array_chunk( $galleries, $show ); if ( count( $items[0] ) < $show ) { for ( $i = count( $items[0] ); $i < $show; $i++ ) { $items[0][ $i ] = 'none'; } $hasMore = false; } else { $hasMore = true; } // echo '<pre>' . print_r( $items,1 );die; ?> <div class="gallery-metro-preview opalestate-gallery"> <div class="metro-big"> <a href="<?php echo esc_url( $src ); ?>" style="background-image:url('<?php echo esc_url( $src ); ?>')"></a> </div> <div class="metro-group-small"> <?php if ( isset( $items[0] ) && is_array( $items[0] ) ): ?> <?php foreach ( $items[0] as $key => $src ): ?> <?php if ( $src == "none" ) : ?> <div class="metro-small no-image"> <div class="show-first-photo"> </div> </div> <?php else: ?> <div class="metro-small"> <?php if ( $hasMore && $key == count( $items[0] ) - 1 ): $content = $show . "+"; ?> <a href="<?php echo esc_url( $src ); ?>" class="has-more" style="background-image:url('<?php echo esc_url( $src ); ?>')"> <span><em><?php echo $content; ?></em></span> </a> <?php if ( isset( $items[1] ) ): ?> <?php foreach ( $items[1] as $_src ): ?> <a class="hide" href="<?php echo esc_url( $_src ); ?>" style="background-image:url('<?php echo esc_url( $_src ); ?>')"></a> <?php endforeach; ?> <?php endif; ?> <?php else : ?> <a href="<?php echo esc_url( $src ); ?>" style="background-image:url('<?php echo esc_url( $src ); ?>')"></a> <?php endif; ?> </div> <?php endif; ?> <?php endforeach; ?> <?php endif; ?> </div> </div> <?php else : ?> <?php if ( has_post_thumbnail() ): ?> <div class="property-thumbnail"> <?php the_post_thumbnail( 'full' ); ?> </div> <?php endif; ?> <?php endif; ?> </div>