????
Your IP : 216.73.216.121
<?php
/**
* Visual Composer Image Grid
*
* @package Wanderfuls WordPress Theme
* @subpackage VC Templates
* @version 3.0.0
*/
// Exit if accessed directly
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
// Not needed in admin ever
if ( is_admin() ) {
return;
}
// Get and extract shortcode attributes
$atts = vc_map_get_attributes( $this->getShortcode(), $atts );
extract( $atts );
// Get images from post gallery
if ( 'true' == $post_gallery ) {
$image_ids = tb_get_gallery_ids();
}
// If there aren't any images return
if ( empty( $image_ids ) ) {
return;
}
// Otherwise if there are images lets turn it into an array
else {
// Get image ID's
if ( ! is_array( $image_ids ) ) {
$attachment_ids = explode( ',', $image_ids );
} else {
$attachment_ids = $image_ids;
}
}
// Lets do some things now that we have images
if ( ! empty ( $attachment_ids ) ) :
// Declare vars
$is_isotope = false;
$inline_js = array();
// Remove duplicate images
$attachment_ids = array_unique( $attachment_ids );
// Turn links into array
if ( $custom_links ) {
$custom_links = explode( ',', $custom_links );
} else {
$custom_links = array();
}
// Count items
$attachment_ids_count = count( $attachment_ids );
$custom_links_count = count( $custom_links );
// Add empty values to custom_links array for images without links
if ( $attachment_ids_count > $custom_links_count ) {
$count = 0;
foreach( $attachment_ids as $val ) {
$count++;
if ( ! isset( $custom_links[$count] ) ) {
$custom_links[$count] = '#';
}
}
}
// New custom links count
$custom_links_count = count( $custom_links );
// Remove extra custom links
if ( $custom_links_count > $attachment_ids_count ) {
$count = 0;
foreach( $custom_links as $key => $val ) {
$count ++;
if ( $count > $attachment_ids_count ) {
unset( $custom_links[$key] );
}
}
}
// Set links as the keys for the images
$images_links_array = array_combine( $attachment_ids, $custom_links );
// Pagination variables
$posts_per_page = $posts_per_page ? $posts_per_page : '-1';
$paged = NULL;
$no_found_rows = true;
if ( '-1' != $posts_per_page ) {
if ( get_query_var( 'paged' ) ) {
$paged = get_query_var( 'paged' );
} elseif ( get_query_var( 'page' ) ) {
$paged = get_query_var( 'page' );
} else {
$paged = 1;
}
$no_found_rows = false;
}
// Randomize images
if ( 'true' == $randomize_images ) {
$orderby = 'rand';
} else {
$orderby = 'post__in';
}
// Lets create a new Query so the image grid can be paginated
$my_query = new WP_Query(
array(
'post_type' => 'attachment',
//'post_mime_type' => 'image/jpeg,image/gif,image/jpg,image/png',
'post_status' => 'any',
'posts_per_page' => $posts_per_page,
'paged' => $paged,
'post__in' => $attachment_ids,
'no_found_rows' => $no_found_rows,
'orderby' => $orderby,
)
);
// Display images if we found some
if ( $my_query->have_posts() ) :
// Sanitize params
$overlay_style = empty( $overlay_style ) ? 'none' : $overlay_style;
// Define isotope variable for masony and no margin grids
if ( 'masonry' == $grid_style || 'no-margins' == $grid_style ) {
$is_isotope = true;
}
// Output script for inline JS for the Visual composer front-end builder
if ( $is_isotope ) {
$inline_js[] = 'isotope';
}
// Load lightbox scripts
if ( 'lightbox' == $thumbnail_link ) {
vcex_enque_style( 'ilightbox', $lightbox_skin );
}
// Wrap Classes
$wrap_classes = array( 'vcex-image-grid', 'tb-row', 'clr' );
$wrap_classes[] = 'grid-style-'. $grid_style;
if ( $columns_gap ) {
$wrap_classes[] = 'gap-'. $columns_gap;
}
if ( $is_isotope ) {
$wrap_classes[] = 'vcex-isotope-grid no-transition';
}
if ( 'no-margins' == $grid_style ) {
$wrap_classes[] = 'vcex-no-margin-grid';
}
if ( 'lightbox' == $thumbnail_link ) {
$wrap_classes[] = 'lightbox-group';
$inline_js[] = 'ilightbox';
}
if ( 'yes' == $rounded_image ) {
$wrap_classes[] = 'tb-rounded-images';
}
if ( $classes ) {
$wrap_classes[] = $this->getExtraClass( $classes );
}
if ( $visibility ) {
$wrap_classes[] = $visibility;
}
$wrap_classes = implode( ' ', $wrap_classes );
// Wrap data attributes
$wrap_data = '';
if ( $is_isotope ) {
$wrap_data .= ' data-transition-duration="0.0"';
}
if ( 'lightbox' == $thumbnail_link ) {
if ( $lightbox_skin ) {
$wrap_data .= ' data-skin="'. $lightbox_skin .'"';
}
if ( $lightbox_path ) {
$wrap_data .= ' data-path="'. $lightbox_path .'"';
}
vcex_enque_style( 'ilightbox', $lightbox_skin ); // Load lightbox stylesheet
}
// Entry Classes
$entry_classes = array( 'vcex-image-grid-entry' );
if ( $is_isotope ) {
$entry_classes[] = 'vcex-isotope-entry';
}
if ( 'no-margins' == $grid_style ) {
$entry_classes[] = 'vcex-no-margin-entry';
}
if ( $columns ) {
$entry_classes[] = 'span_1_of_'. $columns;
}
if ( 'false' == $responsive_columns ) {
$entry_classes[] = 'nr-col';
} else {
$entry_classes[] = 'col';
}
if ( $css_animation ) {
$entry_classes[] = $this->getCSSAnimation( $css_animation );
}
if ( $hover_animation ) {
$entry_classes[] = tb_hover_animation_class( $hover_animation );
vcex_enque_style( 'hover-animations' );
}
$entry_classes = implode( ' ', $entry_classes );
// Media classes
$figure_classes = array( 'vcex-image-grid-entry-img', 'clr' );
if ( $entry_css ) {
$figure_classes[] = vc_shortcode_custom_css_class( $entry_css );
}
if ( $overlay_style ) {
$figure_classes[] = tb_overlay_classes( $overlay_style );
}
$figure_classes = implode( ' ', $figure_classes );
// Hover Classes
$hover_classes = array();
if ( $img_filter ) {
$hover_classes[] = tb_image_filter_class( $img_filter );
}
if ( $img_hover_style ) {
$hover_classes[] = tb_image_hover_classes( $img_hover_style );
}
$hover_classes = implode( ' ', $hover_classes );
// Title style & title related vars
if ( 'yes' == $title ) {
$title_tag = $title_tag ? $title_tag : 'h2';
$title_type = $title_type ? $title_type : 'title';
$title_style = vcex_inline_style( array(
'font_size' => $title_size,
'color' => $title_color,
'text_transform' => $title_transform,
'line_height' => $title_line_height,
'margin' => $title_margin,
'font_weight' => $title_weight,
) );
}
// Load inline js for front-end editor
if ( $inline_js ) {
vcex_inline_js( $inline_js );
} ?>
<?php
// Open CSS div
if ( $css ) : ?>
<div class="vcex-image-grid-css-wrapper <?php echo vc_shortcode_custom_css_class( $css ); ?>">
<?php endif; ?>
<div class="<?php echo $wrap_classes; ?>"<?php echo vcex_unique_id( $unique_id ); ?><?php echo $wrap_data; ?>>
<?php
$count=0;
// Loop through images
while ( $my_query->have_posts() ) :
$count++;
// Get post from query
$my_query->the_post();
// Create new post object.
$post = new stdClass();
// Get attachment ID
$post->id = get_the_ID();
// Attachment VARS
$post->data = tb_get_attachment_data( $post->id );
$post->link = $post->data['url'];
$post->alt = esc_attr( $post->data['alt'] );
$post->title_display = false;
// Pluck array to see if item has custom link
$post->url = $images_links_array[$post->id];
// Validate URl
$post->url = ( '#' !== $post->url ) ? $post->url : '';
// Set image HTML since we'll use it a lot later on
$post->thumbnail = tb_get_post_thumbnail( array(
'size' => $img_size,
'attachment' => $post->id,
'alt' => $post->alt,
'width' => $img_width,
'height' => $img_height,
'crop' => $img_crop,
) ); ?>
<div class="id-<?php echo $post->id .' '. $entry_classes; ?> col-<?php echo $count; ?>">
<figure class="<?php echo $figure_classes; ?>">
<?php
// Open hover classes div
if ( ! empty( $hover_classes ) ) : ?>
<div class="<?php echo $hover_classes; ?>">
<?php endif; ?>
<?php
// Lightbox
if ( 'lightbox' == $thumbnail_link ) :
// Define lightbox vars
$atts['lightbox_data'] = array();
$lightbox_image = tb_get_lightbox_image( $post->id );
$lightbox_url = $lightbox_image;
$video_url = $post->data['video'];
// Data attributes
if ( 'false' != $lightbox_title ) {
if ( 'title' == $lightbox_title ) {
$atts['lightbox_data'][] = ' data-title="'. strip_tags( get_the_title( $post->id ) ) .'"';
} else {
$atts['lightbox_data'][] = ' data-title="'. $post->alt .'"';
}
}
// Caption data
if ( 'false' != $lightbox_caption ) {
if ( $attachment_caption = get_post_field( 'post_excerpt', $post->id ) ) {
$atts['lightbox_data'][] = ' data-caption="'. str_replace( '"',"'", $attachment_caption ) .'"';
}
}
// Video data
if ( $video_url ) {
$video_embed_url = tb_sanitize_data( $video_url, 'embed_url' );
$lightbox_url = $video_embed_url ? $video_embed_url : $video_url;
if ( $video_embed_url ) {
$atts['lightbox_data'][] = ' data-type="iframe"';
$smart_recognition = '';
} else {
$smart_recognition = ',smartRecognition:true';
}
$atts['lightbox_data'][] = ' data-options="thumbnail:\''. $lightbox_image .'\',width:1920,height:1080'. $smart_recognition .'"';
}
// Set data type to image for non-video lightbox
else {
$atts['lightbox_data'][] = ' data-type="image"';
}
// Convert data attributes to array
$atts['lightbox_data'] = ' '. implode( ' ', $atts['lightbox_data'] ); ?>
<a href="<?php echo $lightbox_url; ?>" title="<?php echo $post->alt; ?>" class="vcex-image-grid-entry-img tb-lightbox-group-item"<?php echo $atts['lightbox_data']; ?>>
<?php
// Display image
echo $post->thumbnail; ?>
<?php
// Video icon overlay
if ( $video_url && 'none' == $overlay_style ) { ?>
<div class="vcex-image-grid-video-overlay"><span class="fa fa-play"></span></div>
<?php } ?>
<?php
// Inner link overlay html
tb_overlay( 'inside_link', $overlay_style, $atts ); ?>
</a><!-- .vcex-image-grid-entry-img -->
<?php
// Custom Links
elseif ( 'custom_link' == $thumbnail_link && $post->url ) : ?>
<a href="<?php echo esc_url( $post->url ); ?>" title="<?php echo $post->alt; ?>" class="vcex-image-grid-entry-img" target="<?php echo $custom_links_target; ?>">
<?php
// Display image
echo $post->thumbnail; ?>
<?php
// Inner link overlay html
tb_overlay( 'inside_link', $overlay_style, $atts ); ?>
</a>
<?php
// Attachment page
elseif ( 'attachment_page' == $thumbnail_link ) : ?>
<a href="<?php echo the_permalink(); ?>" title="<?php echo $post->alt; ?>" class="vcex-image-grid-entry-img" target="<?php echo $custom_links_target; ?>">
<?php
// Display image
echo $post->thumbnail; ?>
<?php
// Inner link overlay html
tb_overlay( 'inside_link', $overlay_style, $atts ); ?>
</a>
<?php
// Just the Image
else : ?>
<?php
// Display image
echo $post->thumbnail; ?>
<?php endif; ?>
<?php
// Close hover classes div
if ( ! empty( $hover_classes ) ) echo '</div>'; ?>
<?php
// If title is enabled
if ( 'yes' == $title ) :
// Get correct title
if ( 'title' == $title_type ) {
$post->title_display = get_the_title();
} elseif ( 'alt' == $title_type ) {
$post->title_display = $post->alt;
} elseif ( 'caption' == $title_type ) {
$post->title_display = get_the_excerpt();
} elseif ( 'description' == $title_type ) {
$post->title_display = get_the_content();
} ?>
<?php
// Display title
if ( $post->title_display ) : ?>
<figcaption class="vcex-image-grid-entry-title">
<<?php echo $title_tag; ?><?php echo $title_style; ?> class="entry-title"><?php echo $post->title_display; ?></<?php echo $title_tag; ?>
</figcaption>
<?php endif; ?>
<?php endif; ?>
<?php
// Outside link overlay html
if ( $overlay_style ) {
if ( 'custom_link' == $thumbnail_link && $post->url ) {
$atts['overlay_link'] = $post->url;
} elseif( 'lightbox' == $thumbnail_link && $lightbox_url ) {
$atts['lightbox_link'] = $lightbox_url;
}
tb_overlay( 'outside_link', $overlay_style, $atts );
} ?>
</figure>
</div><!--. vcex-image-grid-entry -->
<?php
// Clear counter
if ( $count == $columns ) {
$count = 0;
}
// End while loop
endwhile; ?>
</div><!-- .vcex-image-grid -->
<?php
// Close CSS div
if ( $css ) echo '</div><!-- css wrapper -->'; ?>
<?php
// Paginate Posts
if ( '-1' != $posts_per_page ) : ?>
<?php tb_pagination( $my_query ); ?>
<?php endif; ?>
<?php
// Remove post object from memory
$post = null;
// Reset the post data to prevent conflicts with WP globals
wp_reset_postdata(); ?>
<?php
// End Query
endif; ?>
<?php
// End image check
endif; ?>