File "images-gallery.php"
Full Path: /home/ycoalition/public_html/blog/wp-content/themes/woodmart/inc/shortcodes/images-gallery.php
File size: 7.79 KB
MIME-type: text/x-php
Charset: utf-8
<?php if ( ! defined( 'WOODMART_THEME_DIR' ) ) exit( 'No direct script access allowed' );
/**
* ------------------------------------------------------------------------------------------------
* New gallery shortcode
* ------------------------------------------------------------------------------------------------
*/
if( ! function_exists( 'woodmart_images_gallery_shortcode' )) {
function woodmart_images_gallery_shortcode($atts) {
$output = $class = $gallery_classes = $gallery_item_classes = $owl_atts = '';
$class .= apply_filters( 'vc_shortcodes_css_class', '', '', $atts );
$parsed_atts = shortcode_atts( array_merge( woodmart_get_owl_atts(), array(
'woodmart_css_id' => '',
'ids' => '',
'images' => '',
'slides_per_view' => 3,
'slides_per_view_tablet' => 'auto',
'slides_per_view_mobile' => 'auto',
'columns' => 3,
'columns_tablet' => 'auto',
'columns_mobile' => 'auto',
'size' => '',
'img_size' => 'medium',
'link' => '',
'spacing' => 30,
'on_click' => 'lightbox',
'target_blank' => false,
'custom_links' => '',
'view' => 'grid',
'caption' => false,
'speed' => '5000',
'autoplay' => 'no',
'lazy_loading' => 'no',
'scroll_carousel_init' => 'no',
'css_animation' => 'none',
'horizontal_align' => 'center',
'vertical_align' => 'middle',
'el_class' => '',
'css' => '',
) ), $atts );
extract( $parsed_atts );
// Override standard wordpress gallery shortcodes
if ( ! empty( $atts['ids'] ) ) {
$atts['images'] = $atts['ids'];
}
if ( ! empty( $atts['size'] ) ) {
$atts['img_size'] = $atts['size'];
}
extract( $atts );
if ( $horizontal_align ) {
$class .= ' wd-justify-' . $horizontal_align;
}
if ( $vertical_align ) {
$class .= ' wd-items-' . $vertical_align;
}
$carousel_id = 'gallery_' . rand(100,999);
$images = explode(',', $images);
$class .= $el_class ? ' ' . $el_class : '';
$class .= ' view-' . $view;
$class .= woodmart_get_css_animation( $css_animation );
if ( function_exists( 'vc_shortcode_custom_css_class' ) && isset( $atts['css'] ) ) {
$class .= ' ' . vc_shortcode_custom_css_class( $atts['css'] );
}
ob_start();
if ( 'lightbox' === $on_click ) {
$class .= ' photoswipe-images';
woodmart_enqueue_js_library( 'photoswipe-bundle' );
woodmart_enqueue_inline_style( 'photoswipe' );
woodmart_enqueue_js_script( 'photoswipe-images' );
}
if ( 'links' === $on_click && function_exists( 'vc_value_from_safe' ) ) {
$custom_links = vc_value_from_safe( $custom_links );
$custom_links = explode( ',', $custom_links );
}
if ( $view == 'carousel' ){
woodmart_enqueue_inline_style( 'owl-carousel' );
$custom_sizes = apply_filters( 'woodmart_images_gallery_shortcode_custom_sizes', false );
$parsed_atts['carousel_id'] = $carousel_id;
$parsed_atts['custom_sizes'] = $custom_sizes;
if ( ( 'auto' !== $slides_per_view_tablet && ! empty( $slides_per_view_tablet ) ) || ( 'auto' !== $slides_per_view_mobile && ! empty( $slides_per_view_mobile ) ) ) {
$parsed_atts['custom_sizes'] = array(
'desktop' => $slides_per_view,
'tablet_landscape' => $slides_per_view_tablet,
'tablet' => $slides_per_view_mobile,
'mobile' => $slides_per_view_mobile,
);
}
$owl_atts = woodmart_get_owl_attributes( $parsed_atts );
$gallery_classes .= ' owl-carousel wd-owl ' . woodmart_owl_items_per_slide( $slides_per_view, array(), false, false, $parsed_atts['custom_sizes'] );
$class .= ' wd-carousel-spacing-' . $spacing;
$class .= ' wd-carousel-container';
if ( $scroll_carousel_init == 'yes' ) {
woodmart_enqueue_js_library( 'waypoints' );
$class .= ' scroll-init';
}
if ( woodmart_get_opt( 'disable_owl_mobile_devices' ) ) {
$class .= ' disable-owl-mobile';
}
}
if ( $view == 'grid' || $view == 'masonry' ){
$gallery_classes .= ' row';
$gallery_classes .= ' wd-spacing-' . $spacing;
if ( ( 'auto' !== $columns_tablet && ! empty( $columns_tablet ) ) || ( 'auto' !== $columns_mobile && ! empty( $columns_mobile ) ) ) {
$gallery_item_classes .= woodmart_get_grid_el_class_new( 0, false, $columns, $columns_tablet, $columns_mobile );
} else {
$gallery_item_classes .= woodmart_get_grid_el_class( 0, $columns );
}
}
if ( $lazy_loading == 'yes' ) {
woodmart_lazy_loading_init( true );
woodmart_enqueue_inline_style( 'lazy-loading' );
}
woodmart_enqueue_inline_style( 'image-gallery' );
?>
<div id="<?php echo esc_attr( $carousel_id ); ?>" class="wd-images-gallery<?php echo esc_attr( $class ); ?>" <?php echo 'carousel' == $view ? $owl_atts : ''; ?>>
<div class="gallery-images<?php echo esc_attr( $gallery_classes ); ?>">
<?php if ( count($images) > 0 ): ?>
<?php $i=0; foreach ($images as $img_id):
if ( ! $img_id ) {
continue;
}
$i++;
$attachment = get_post( $img_id );
$title = '';
if ( ! empty( $attachment ) ) {
$title = trim( strip_tags( $attachment->post_title ) ); // phpcs:ignore.
}
$image_data = wp_get_attachment_image_src( $img_id, 'full' );
$link = is_array( $image_data ) ? $image_data[0] : '';
$width = isset( $image_data[1] ) ? $image_data[1] : '';
$height = isset( $image_data[2] ) ? $image_data[2] : '';
if ( 'links' === $on_click ) {
$link = is_array( $custom_links ) && isset( $custom_links[ $i - 1 ] ) ? $custom_links[ $i - 1 ] : '';
}
?>
<div class="wd-gallery-item<?php echo esc_attr( $gallery_item_classes ); ?>">
<?php if ( $on_click != 'none' ): ?>
<a href="<?php echo esc_url( $link ); ?>" data-elementor-open-lightbox="no" data-index="<?php echo esc_attr( $i ); ?>" data-width="<?php echo esc_attr( $width ); ?>" data-height="<?php echo esc_attr( $height ); ?>" <?php if( $target_blank ): ?>target="_blank"<?php endif; ?> <?php if( $caption ): ?>title="<?php echo esc_attr( $title ); ?>"<?php endif; ?>>
<?php endif ?>
<?php if ( function_exists( 'wpb_getImageBySize' ) ): ?>
<?php echo wpb_getImageBySize( array( 'attach_id' => $img_id, 'thumb_size' => $img_size, 'class' => 'wd-gallery-image image-' . $i ) )['thumbnail']; ?>
<?php else : ?>
<?php echo wp_get_attachment_image( $img_id, $img_size, array(
'class' => 'wd-gallery-image image-' . $i,
) ); ?>
<?php endif; ?>
<?php if ( $on_click != 'none' ): ?>
</a>
<?php endif ?>
</div>
<?php endforeach ?>
<?php endif ?>
</div>
</div>
<?php if ( $view == 'masonry' ):
wp_enqueue_script( 'imagesloaded' );
woodmart_enqueue_js_library( 'isotope-bundle' );
wp_add_inline_script('woodmart-theme', 'jQuery( document ).ready(function( $ ) {
if (typeof($.fn.isotope) == "undefined" || typeof($.fn.imagesLoaded) == "undefined") return;
var $container = $(".view-masonry .gallery-images");
// initialize Masonry after all images have loaded
$container.imagesLoaded(function() {
$container.isotope({
gutter: 0,
isOriginLeft: ! $("body").hasClass("rtl"),
itemSelector: ".wd-gallery-item"
});
});
});', 'after');
elseif ( $view == 'justified' ):
woodmart_enqueue_js_library( 'justified' );
woodmart_enqueue_inline_style( 'justified' );
wp_add_inline_script('woodmart-theme', 'jQuery( document ).ready(function( $ ) {
$("#' . esc_js( $carousel_id ) . ' .gallery-images").justifiedGallery({
margins: 1,
cssAnimation: true,
});
});', 'after');
endif ?>
<?php
$output = ob_get_contents();
ob_end_clean();
if ( $lazy_loading == 'yes' ) {
woodmart_lazy_loading_deinit();
}
return $output;
}
}