AlkantarClanX12
Current Path : /home/thanudqk/public_html/wp-content/plugins/thegem-elements/inc/ |
Current File : //home/thanudqk/public_html/wp-content/plugins/thegem-elements/inc/content.php |
<?php function thegem_slideshow_block($params = array()) { $slider_editor_class = ''; $slider_editor_block = ''; if(defined('WPB_VC_VERSION') && (vc_is_frontend_editor() || vc_is_page_editable())) { $slider_editor_class = ' gem-slideshow-editor'; $slider_editor_block = '<div class="edit-template-overlay"><div class="buttons"><a href="%s" target="_blank">'.esc_html__('Edit Slider', 'thegem').'</a></div></div>'; } $slider_start = '<div class="gem-slideshow'.$slider_editor_class.'">'; if(!empty($params['preloader'])) { $slider_start = '<div class="preloader slideshow-preloader"><div class="preloader-spin"></div></div><div class="gem-slideshow gem-slideshow-with-preloader gem-slideshow-rs'.$slider_editor_class.'">'; } if($params['slideshow_type'] == 'LayerSlider') { if($params['lslider']) { echo '<div class="preloader slideshow-preloader"><div class="preloader-spin"></div></div><div class="gem-slideshow gem-slideshow-with-preloader'.$slider_editor_class.'">'; echo do_shortcode('[layerslider id="'.$params['lslider'].'"]'); echo sprintf($slider_editor_block, admin_url('admin.php?page=layerslider&action=edit&id='.(int)$params['lslider'])); echo '</div>'; } } elseif($params['slideshow_type'] == 'revslider') { if($params['slider']) { echo $slider_start; echo do_shortcode('[rev_slider alias="'.$params['slider'].'"]'); $slider = new RevSliderSlider(); $slider->init_by_alias($params['slider'], false); $slides = $slider->get_slides(); $slide_id = '0'; if(!empty($slides)){ foreach($slides as $slide){ $slide_id = $slide->get_id(); break; } } echo sprintf($slider_editor_block, admin_url('admin.php?page=revslider&view=slide&id='.$slide_id)); echo '</div>'; if(!empty($params['preloader'])) { ?> <script type="text/javascript"> var thegemSlideshowPreloader = document.querySelector('.slideshow-preloader'); var thegemSlideshow = document.querySelector('.gem-slideshow'); if(thegemSlideshow.hasChildNodes()) { thegemSlideshow.parentNode.insertBefore(thegemSlideshow, thegemSlideshowPreloader); thegemSlideshowPreloader.style.height = thegemSlideshow.clientHeight+'px'; thegemSlideshow.parentNode.insertBefore(thegemSlideshowPreloader,thegemSlideshow); } else { thegemSlideshowPreloader.remove(); thegemSlideshow.remove(); } </script> <?php } } } elseif($params['slideshow_type'] == 'NivoSlider') { echo '<div class="preloader slideshow-preloader"><div class="preloader-spin"></div></div><div class="gem-slideshow gem-slideshow-with-preloader">'; thegem_nivoslider($params); echo '</div>'; } } function thegem_revslider_preloader_fix() { ?> (function() { jQuery(document).ready(function() { jQuery('.gem-slideshow-with-preloader.gem-slideshow-rs').each(function() { var slideshow = jQuery(this); slideshow.trigger('thegem-preloader-loaded'); }); }); var revapi = jQuery(document).ready(function() {}); revapi.one('revolution.slide.onloaded', function() { jQuery('.gem-slideshow').prev('.slideshow-preloader').remove(); }); })(); <?php } add_action('revslider_fe_javascript_output', 'thegem_revslider_preloader_fix', 101); /* QUICKFINDER BLOCK */ function thegem_quickfinder($params) { $params = is_array($params) ? $params : array(); $params = array_merge(array( 'quickfinders' => '', 'style' => 'default', 'columns' => 4, 'alignment' => 'center', 'icon_position' => 'top', 'title_weight' => 'bold', 'activate_button' => 0, 'button_style' => 'flat', 'button_text_weight' => 'normal', 'button_corner' => 3, 'button_text_color' => '', 'button_background_color' => '', 'button_border_color' => '', 'hover_icon_color' => '', 'hover_box_color' => '', 'hover_border_color' => '', 'hover_title_color' => '', 'hover_description_color' => '', 'hover_button_background_color' => '', 'hover_button_text_color' => '', 'hover_button_border_color' => '', 'box_style' => 'solid', 'box_background_color' => '', 'box_border_color' => '', 'connector_color' => '', 'effects_enabled' => '', 'effects_enabled_delay' => '', /*interactions*/ 'interactions_enabled' => '', 'vertical_scroll' => '', 'vertical_scroll_direction' => 'vertical_scroll_direction_up', 'vertical_scroll_speed' => '3', 'vertical_scroll_viewport_bottom' => '0', 'vertical_scroll_viewport_top' => '100', 'horizontal_scroll' => '', 'horizontal_scroll_direction' => 'horizontal_scroll_direction_left', 'horizontal_scroll_speed' => '3', 'horizontal_scroll_viewport_bottom' => '0', 'horizontal_scroll_viewport_top' => '100', 'mouse_effects' => '', 'mouse_effects_direction' => 'mouse_effects_direction_opposite', 'mouse_effects_speed' => '3', 'disable_effects_desktop' => '', 'disable_effects_tablet' => '', 'disable_effects_mobile' => '' /*END interactions*/ ), $params); $params['style'] = thegem_check_array_value(array('default', 'classic', 'iconed', 'binded', 'binded-iconed', 'tag', 'vertical-1', 'vertical-2', 'vertical-3', 'vertical-4'), $params['style'], 'default'); $params['columns'] = thegem_check_array_value(array(1,2,3,4,6), $params['columns'], 4); $params['alignment'] = thegem_check_array_value(array('center', 'left', 'right'), $params['alignment'], 'center'); $params['icon_position'] = thegem_check_array_value(array('top', 'bottom', 'top-float', 'center-float'), $params['icon_position'], 'top'); $params['title_weight'] = thegem_check_array_value(array('bold', 'thin'), $params['title_weight'], 'bold'); $params['activate_button'] = $params['activate_button'] ? 1 : 0; $params['hover_icon_color'] = esc_attr($params['hover_icon_color']); $params['hover_box_color'] = esc_attr($params['hover_box_color']); $params['hover_border_color'] = esc_attr($params['hover_border_color']); $params['hover_title_color'] = esc_attr($params['hover_title_color']); $params['hover_description_color'] = esc_attr($params['hover_description_color']); $params['hover_button_background_color'] = esc_attr($params['hover_button_background_color']); $params['hover_button_text_color'] = esc_attr($params['hover_button_text_color']); $params['hover_button_border_color'] = esc_attr($params['hover_button_border_color']); $params['box_style'] = thegem_check_array_value(array('solid', 'soft-outlined', 'strong-outlined'), $params['box_style'], 'solid'); $params['box_background_color'] = esc_attr($params['box_background_color']); $params['box_border_color'] = esc_attr($params['box_border_color']); $params['connector_color'] = esc_attr($params['connector_color']); $params['effects_enabled'] = $params['effects_enabled'] ? 1 : 0; $params['effects_enabled_delay'] = $params['effects_enabled_delay'] ? $params['effects_enabled_delay'] : 0; if ($params['effects_enabled']) { thegem_lazy_loading_enqueue(); } $hover_data = ''; if($params['hover_icon_color']) { $hover_data .= ' data-hover-icon-color="'.$params['hover_icon_color'].'"'; } if($params['hover_box_color']) { $hover_data .= ' data-hover-box-color="'.$params['hover_box_color'].'"'; } if($params['hover_border_color']) { $hover_data .= ' data-hover-border-color="'.$params['hover_border_color'].'"'; } if($params['hover_title_color']) { $hover_data .= ' data-hover-title-color="'.$params['hover_title_color'].'"'; } if($params['hover_description_color']) { $hover_data .= ' data-hover-description-color="'.$params['hover_description_color'].'"'; } if($params['hover_button_background_color']) { $hover_data .= ' data-hover-button-background-color="'.$params['hover_button_background_color'].'"'; } if($params['hover_button_text_color']) { $hover_data .= ' data-hover-button-text-color="'.$params['hover_button_text_color'].'"'; } if($params['hover_button_border_color']) { $hover_data .= ' data-hover-button-border-color="'.$params['hover_button_border_color'].'"'; } $binded = ''; if($params['style'] == 'binded') { $params['style'] = 'classic'; $binded = ' quickfinder-binded'; } if($params['style'] == 'binded-iconed') { $params['style'] = 'iconed'; $binded = ' quickfinder-binded'; } $args = array( 'post_type' => 'thegem_qf_item', 'orderby' => 'menu_order ID', 'order' => 'ASC', 'posts_per_page' => -1, ); if($params['quickfinders'] != '') { $args['tax_query'] = array( array( 'taxonomy' => 'thegem_quickfinders', 'field' => 'slug', 'terms' => explode(',', $params['quickfinders']) ) ); } $quickfinder_items = new WP_Query($args); $quickfinder_style = $params['style']; $quickfinder_item_rotation = 'odd'; $connector_color = $params['connector_color']; if(($quickfinder_style == 'vertical-1' || $quickfinder_style == 'vertical-2' || $quickfinder_style == 'vertical-3' || $quickfinder_style == 'vertical-4') && !$connector_color) { $connector_color = '#b6c6c9'; } $class = $interactions_data = ''; if(isset($params['interactions_enabled']) && !empty($params['interactions_enabled'])) { $class = ' gem-interactions-enabled'; $interactions_data = interactions_data_attr($params); } if($quickfinder_items->have_posts()) { wp_enqueue_style('thegem-quickfinders'); if ($quickfinder_style == 'vertical-1' || $quickfinder_style == 'vertical-2' || $quickfinder_style == 'vertical-3' || $quickfinder_style == 'vertical-4') { wp_enqueue_style('thegem-quickfinders-vertical'); } wp_enqueue_script('thegem-quickfinders-effects'); echo '<div class="quickfinder quickfinder-style-'.$params['style'].$binded.' '.($quickfinder_style == 'vertical-1' || $quickfinder_style == 'vertical-2' || $quickfinder_style == 'vertical-3' || $quickfinder_style == 'vertical-4' ? 'quickfinder-style-vertical' : 'row inline-row').' quickfinder-icon-position-'.$params['icon_position'].' quickfinder-alignment-'.$params['alignment'].' quickfinder-title-'.$params['title_weight'].''.$class.'"'.$hover_data.''.$interactions_data.'>'; $i = 0; while($quickfinder_items->have_posts()) { $i++; $quickfinder_items->the_post(); include(locate_template(array('gem-templates/quickfinders/content-quickfinder-item-'.$params['style'].'.php', 'gem-templates/quickfinders/content-quickfinder-item.php'))); $quickfinder_item_rotation = $quickfinder_item_rotation == 'odd' ? 'even' : 'odd'; } echo '</div>'; } wp_reset_postdata(); } function thegem_quickfinder_block($params) { echo '<div class="container">'; thegem_quickfinder($params); echo '</div>'; } // Print Team function thegem_team($params) { $params = array_merge(array('team' => '', 'team_person' => '', 'style' => '', 'columns' => '2', 'centered' => '', 'hover_colors' => array()), $params); $args = array( 'post_type' => 'thegem_team_person', 'orderby' => 'menu_order ID', 'order' => 'ASC', 'posts_per_page' => -1, ); if($params['style'] == 'style-5' && empty($params['hover_colors']['image_border_color'])) { $params['hover_colors']['image_border_color'] = thegem_get_option('styled_elements_background_color'); } if($params['team'] != '') { $args['tax_query'] = array( array( 'taxonomy' => 'thegem_teams', 'field' => 'slug', 'terms' => explode(',', $params['team']) ) ); } elseif($params['team_person'] != '') { $args['p'] = $params['team_person']; } $interactions_data = $class = ''; if(isset($params['interactions_enabled']) && !empty($params['interactions_enabled'])) { $interactions_data = interactions_data_attr($params); $class = ' gem-interactions-enabled'; } $persons = new WP_Query($args); if($persons->have_posts()) { wp_enqueue_script('thegem-team-hover'); echo '<div class="gem-team row inline-row'.$class.' gem-team-'.esc_attr($params['style']).'"'.(!empty($params['hover_colors']) ? ' data-hover-colors="'.esc_attr(json_encode($params['hover_colors'])).'"' : '').' '.$interactions_data.'>'; while($persons->have_posts()) { $persons->the_post(); include(locate_template(array('gem-templates/teams/content-team-person-'.$params['style'].'.php', 'gem-templates/teams/content-team-person.php'))); } echo '</div>'; } wp_reset_postdata(); } // Print Gallery function thegem_gallery($params) { wp_enqueue_style('thegem-hovers'); $params = array_merge(array('gallery' => 0, 'hover' => 'default', 'layout' => 'fullwidth', 'no_thumbs' => 0, 'pagination' => 0, 'autoscroll' => 0), $params); if(metadata_exists('post', $params['gallery'], 'thegem_gallery_images')) { $thegem_gallery_images_ids = get_post_meta($params['gallery'], 'thegem_gallery_images', true); } else { $attachments_ids = get_posts('post_parent=' . $params['gallery'] . '&numberposts=-1&post_type=attachment&orderby=menu_order&order=ASC&post_mime_type=image&fields=ids'); $thegem_gallery_images_ids = implode(',', $attachments_ids); } $attachments_ids = array_filter(explode(',', $thegem_gallery_images_ids)); $gallery_uid = uniqid(); ?> <?php if(count($attachments_ids)) : wp_enqueue_script('thegem-gallery'); wp_enqueue_style('thegem-animations'); ?> <div class="preloader"><div class="preloader-spin"></div></div> <div class="gem-gallery gem-gallery-hover-<?php echo esc_attr($params['hover']); ?><?php echo ($params['no_thumbs'] ? ' no-thumbs' : ''); ?><?php echo ($params['pagination'] ? ' with-pagination' : ''); ?>"<?php echo (intval($params['autoscroll']) ? ' data-autoscroll="'.intval($params['autoscroll']).'"' : ''); ?>> <?php foreach($attachments_ids as $attachment_id) : ?> <?php $item = get_post($attachment_id); if($item) { $thumb_image_url = thegem_generate_thumbnail_src($item->ID, 'thegem-post-thumb-small'); $preview_image_url = thegem_generate_thumbnail_src($item->ID, 'thegem-gallery-'.esc_attr($params['layout'])); $full_image_url = wp_get_attachment_image_src($item->ID, 'full'); } ?> <?php if(!empty($thumb_image_url[0]) && $item) : ?> <div class="gem-gallery-item"> <div class="gem-gallery-item-image"> <a href="<?php echo $preview_image_url[0]; ?>" data-fancybox-group="gallery-<?php echo esc_attr($gallery_uid); ?>" data-full-image-url="<?php echo esc_attr($full_image_url[0]); ?>"> <svg width="20" height="10"><path d="M 0,10 Q 9,9 10,0 Q 11,9 20,10" /></svg> <img src="<?php echo $thumb_image_url[0]; ?>" alt="<?php echo get_post_meta($attachment_id, '_wp_attachment_image_alt', true); ?>" class="img-responsive"> <span class="gem-gallery-caption slide-info"> <?php if($item->post_excerpt) : ?><span class="gem-gallery-item-title "><?php echo apply_filters('the_excerpt', $item->post_excerpt); ?></span><?php endif; ?> <?php if($item->post_content) : ?><span class="gem-gallery-item-description"><?php echo apply_filters('the_content', $item->post_content); ?></span><?php endif; ?> </span> </a> <span class="gem-gallery-line"></span> </div> </div> <?php endif; ?> <?php endforeach; ?> </div> <?php endif; ?> <?php } function thegem_simple_gallery($params) { wp_enqueue_style('thegem-hovers'); $params = array_merge(array('gallery' => 0, 'thumb_size' => 'thegem-gallery-simple', 'autoscroll' => 0, 'responsive' => 0), $params); if(metadata_exists('post', $params['gallery'], 'thegem_gallery_images')) { $thegem_gallery_images_ids = get_post_meta($params['gallery'], 'thegem_gallery_images', true); } else { $attachments_ids = get_posts('post_parent=' . $params['gallery'] . '&numberposts=-1&post_type=attachment&orderby=menu_order&order=ASC&post_mime_type=image&fields=ids'); $thegem_gallery_images_ids = implode(',', $attachments_ids); } $attachments_ids = array_filter(explode(',', $thegem_gallery_images_ids)); $gallery_uid = uniqid(); ?> <?php if(count($attachments_ids)) : wp_enqueue_script('thegem-gallery'); wp_enqueue_style('thegem-animations'); ?> <div class="preloader"><div class="preloader-spin"></div></div> <div class="gem-simple-gallery<?php echo ($params['responsive'] ? ' responsive' : ''); ?>"<?php echo (intval($params['autoscroll']) ? ' data-autoscroll="'.intval($params['autoscroll']).'"' : ''); ?>> <?php foreach($attachments_ids as $attachment_id) : ?> <?php $item = get_post($attachment_id); if($item) { $thumb_size = $params['thumb_size']; if ($thumb_size == 'thegem-blog-timeline-large') { $thumb_size = 'thegem-blog-default-large'; } if ($thumb_size == 'thegem-blog-multi-author') { $thumb_size = 'thegem-blog-default-large'; } if ($thumb_size == 'thegem-blog-masonry-100' || $thumb_size == 'thegem-blog-masonry-2x' || $thumb_size == 'thegem-blog-masonry-3x' || $thumb_size == 'thegem-blog-masonry-4x') { $thumb_size = 'thegem-blog-masonry'; } if ($thumb_size == 'thegem-blog-justified-2x' || $thumb_size == 'thegem-blog-justified-3x' || $thumb_size == 'thegem-blog-justified-4x') { $thumb_size = 'thegem-blog-justified'; } $thumb_image_url = thegem_generate_thumbnail_src($item->ID, $thumb_size); $full_image_url = wp_get_attachment_image_src($item->ID, 'full'); $thegem_sources = array(); if ($params['thumb_size'] == 'thegem-gallery-simple') { $thegem_sources = array( array('srcset' => array('1x' => 'thegem-gallery-simple-1x', '2x' => 'thegem-gallery-simple')) ); } if ($params['thumb_size'] == 'thegem-blog-timeline-large') { $thegem_sources = array( array('media' => '(max-width: 768px)', 'srcset' => array('' => 'thegem-blog-timeline-large')), array('media' => '(max-width: 1050px)', 'srcset' => array('' => 'thegem-blog-timeline-small')), array('media' => '(max-width: 1920px)', 'srcset' => array('' => 'thegem-blog-timeline')), array('srcset' => array('2x' => 'thegem-blog-default-large')) ); } if ($params['thumb_size'] == 'thegem-blog-multi-author') { if (is_active_sidebar('page-sidebar')) { $thegem_sources = array( array('media' => '(min-width: 992px) and (max-width: 1080px)', 'srcset' => array('' => 'thegem-blog-default-small')), array('media' => '(max-width: 992px), (min-width: 1080px) and (max-width: 1920px)', 'srcset' => array('' => 'thegem-blog-default-medium')), array('srcset' => array('2x' => 'thegem-blog-default-large')) ); } else { $thegem_sources = array( array('media' => '(max-width: 1075px)', 'srcset' => array('' => 'thegem-blog-default-medium')), array('media' => '(max-width: 1920px)', 'srcset' => array('' => 'thegem-blog-default-large')), array('srcset' => array('2x' => 'thegem-blog-default-large')) ); } } if ($params['thumb_size'] == 'thegem-blog-masonry-100') { $thegem_sources = array( array('media' => '(max-width: 600px)', 'srcset' => array('' => 'thegem-blog-masonry')), array('media' => '(max-width: 992px)', 'srcset' => array('' => 'thegem-blog-masonry-100-medium')), array('media' => '(max-width: 1100px)', 'srcset' => array('' => 'thegem-blog-masonry-100-small')), array('media' => '(max-width: 1920px)', 'srcset' => array('' => 'thegem-blog-masonry-100')), array('srcset' => array('2x' => 'thegem-blog-masonry')) ); } if ($params['thumb_size'] == 'thegem-blog-masonry-2x') { $thegem_sources = array( array('media' => '(max-width: 600px)', 'srcset' => array('' => 'thegem-blog-masonry')), array('media' => '(max-width: 992px)', 'srcset' => array('' => 'thegem-blog-masonry-100-medium')), array('media' => '(max-width: 1920px)', 'srcset' => array('' => 'thegem-blog-masonry-100')), array('srcset' => array('2x' => 'thegem-blog-masonry')) ); } if ($params['thumb_size'] == 'thegem-blog-masonry-3x') { $thegem_sources = array( array('media' => '(max-width: 600px)', 'srcset' => array('' => 'thegem-blog-masonry')), array('media' => '(max-width: 992px)', 'srcset' => array('' => 'thegem-blog-masonry-100-medium')), array('media' => '(max-width: 1920px)', 'srcset' => array('' => 'thegem-blog-masonry-100')), array('srcset' => array('2x' => 'thegem-blog-masonry')) ); } if ($params['thumb_size'] == 'thegem-blog-masonry-4x') { $thegem_sources = array( array('media' => '(max-width: 600px)', 'srcset' => array('' => 'thegem-blog-masonry')), array('media' => '(max-width: 992px)', 'srcset' => array('' => 'thegem-blog-masonry-100-medium')), array('media' => '(max-width: 1920px)', 'srcset' => array('' => 'thegem-blog-masonry-4x')), array('srcset' => array('2x' => 'thegem-blog-masonry')) ); } if ($params['thumb_size'] == 'thegem-blog-justified-2x') { $thegem_sources = array( array('media' => '(max-width: 992px)', 'srcset' => array('' => 'thegem-blog-justified')), array('media' => '(max-width: 1100px)', 'srcset' => array('' => 'thegem-blog-justified-3x-small')), array('media' => '(max-width: 1920px)', 'srcset' => array('' => 'thegem-blog-justified-3x')), array('srcset' => array('2x' => 'thegem-blog-justified')) ); } if ($params['thumb_size'] == 'thegem-blog-justified-3x') { $thegem_sources = array( array('media' => '(max-width: 992px)', 'srcset' => array('' => 'thegem-blog-justified')), array('media' => '(max-width: 1100px)', 'srcset' => array('' => 'thegem-blog-justified-3x-small')), array('media' => '(max-width: 1920px)', 'srcset' => array('' => 'thegem-blog-justified-3x')), array('srcset' => array('2x' => 'thegem-blog-justified')) ); } if ($params['thumb_size'] == 'thegem-blog-justified-4x') { $thegem_sources = array( array('media' => '(max-width: 600px)', 'srcset' => array('' => 'thegem-blog-justified')), array('media' => '(max-width: 992px)', 'srcset' => array('' => 'thegem-blog-justified-4x')), array('media' => '(max-width: 1125px)', 'srcset' => array('' => 'thegem-blog-justified-3x-small')), array('media' => '(max-width: 1920px)', 'srcset' => array('' => 'thegem-blog-justified-4x')), array('srcset' => array('2x' => 'thegem-blog-justified')) ); } } ?> <?php if(!empty($thumb_image_url[0]) && $item) : ?> <div class="gem-gallery-item"> <div class="gem-gallery-item-image"> <a href="<?php echo esc_attr($full_image_url[0]); ?>" class="fancy-gallery" data-fancybox="gallery-<?php echo esc_attr($gallery_uid); ?>"> <?php thegem_generate_picture($item->ID, $thumb_size, $thegem_sources, array('class' => 'img-responsive', 'alt' => get_post_meta($attachment_id, '_wp_attachment_image_alt', true))); ?> </a> </div> <div class="gem-gallery-caption"> <?php if($item->post_excerpt) : ?><div class="gem-gallery-item-title"><?php echo apply_filters('the_excerpt', $item->post_excerpt); ?></div><?php endif; ?> <?php if($item->post_content) : ?><div class="gem-gallery-item-description"><?php echo apply_filters('the_content', $item->post_content); ?></div><?php endif; ?> </div> </div> <?php endif; ?> <?php endforeach; ?> </div> <?php endif; ?> <?php } function thegem_clients($params) { $params = array_merge(array( 'clients_set' => '', 'rows' => '3', 'cols' => '3', 'autoscroll' => '', 'effects_enabled' => false, 'disable_grayscale' => false, 'widget' => false, 'disable_carousel' => false, ), $params); $args = array( 'post_type' => 'thegem_client', 'orderby' => 'menu_order ID', 'order' => 'ASC', 'posts_per_page' => -1, ); if($params['clients_set'] != '') { $args['tax_query'] = array( array( 'taxonomy' => 'thegem_clients_sets', 'field' => 'slug', 'terms' => explode(',', $params['clients_set']) ) ); } $clients_items = new WP_Query($args); $rows = ((int)$params['rows']) ? (int)$params['rows'] : 3; $cols = ((int)$params['cols']) ? (int)$params['cols'] : 3; $items_per_slide = $rows * $cols; $params['autoscroll'] = intval($params['autoscroll']); if ($params['effects_enabled']) { thegem_lazy_loading_enqueue(); } if($clients_items->have_posts()) { wp_enqueue_script('thegem-clients-grid-carousel'); if(!$params['disable_carousel']) { echo '<div class="preloader"><div class="preloader-spin"></div></div>'; } echo '<div class="gem-clients gem-clients-type-carousel-grid '.($params['disable_carousel'] ? 'carousel-disabled ' : '') . ($params['disable_grayscale'] ? 'disable-grayscale ' : '') . ($params['effects_enabled'] ? 'lazy-loading' : '') . '" '.(isset($params['effects_enabled_delay']) && !empty($params['effects_enabled_delay']) ? 'data-ll-item-delay="'.$params['effects_enabled_delay'].'"' : '').' data-autoscroll="'.esc_attr($params['autoscroll']).'">'; echo '<div class="gem-clients-slide"><div class="gem-clients-slide-inner clearfix">'; $i = 0; while($clients_items->have_posts()) { $clients_items->the_post(); if($i == $items_per_slide) { echo '</div></div><div class="gem-clients-slide"><div class="gem-clients-slide-inner clearfix">'; $i = 0; } include(locate_template('content-clients-carousel-grid-item.php')); $i++; } echo '</div></div>'; echo '</div>'; } wp_reset_postdata(); } function thegem_testimonialss($params) { $params = array_merge(array('testimonials_set' => '', 'fullwidth' => '', 'autoscroll' => 0), $params); $args = array( 'post_type' => 'thegem_testimonial', 'orderby' => 'menu_order ID', 'order' => 'ASC', 'posts_per_page' => -1, ); if($params['testimonials_set'] != '') { $args['tax_query'] = array( array( 'taxonomy' => 'thegem_testimonials_sets', 'field' => 'slug', 'terms' => explode(',', $params['testimonials_set']) ) ); } $testimonials_items = new WP_Query($args); if($testimonials_items->have_posts()) { wp_enqueue_style('thegem-testimonials'); wp_enqueue_script('thegem-testimonials-carousel'); echo '<div class="preloader"><div class="preloader-spin"></div></div>'; echo '<div class="'.$params['image_size'].' '.$params['style'].' gem-testimonials'.( $params['fullwidth'] ? ' fullwidth-block' : '' ).'"'.( intval($params['autoscroll']) ? ' data-autoscroll="'.intval($params['autoscroll']).'"' : '' ).' style=background-color:'.$params['background_color'].'>'; while($testimonials_items->have_posts()) { $testimonials_items->the_post(); include(locate_template('content-testimonials-carousel-item.php')); } echo '<div class="testimonials_svg"><svg style="fill: '.$params['background_color'].'" width="100" height="50"><path d="M 0,-1 Q 45,5 50,50 Q 55,5 100,-1" /></svg></div>'; echo '</div>'; } wp_reset_postdata(); } function portolios_cmp($term1, $term2) { $order1 = get_option('portfoliosets_' . $term1->term_id . '_order', 0); $order2 = get_option('portfoliosets_' . $term2->term_id . '_order', 0); if($order1 == $order2) return 0; return $order1 > $order2; } // Print Portfolio Block function thegem_portfolio($params) { $params = array_merge( array( 'portfolio_uid' => substr(md5(rand()), 0, 7), 'portfolio' => '', 'title' => '', 'columns' => '3x', 'layout_version' => 'fullwidth', 'caption_position' => 'right', 'layout' => 'justified', 'gaps_size' => 42, 'display_titles' => 'page', 'background_style' => 'white', 'title_style' => 'light', 'hover' => '', 'pagination' => 'normal', 'loading_animation' => 'move-up', 'items_per_page' => 8, 'with_filter' => false, 'show_info' => false, 'is_ajax' => false, 'disable_socials' => false, 'columns_100' => '5', 'likes' => false, 'sorting' => false, 'all_text' => __('Show All', 'thegem'), 'orderby' => '', 'order' => '', 'button' => array(), 'metro_max_row_height' => 380, 'ignore_highlights' => '', 'skeleton_loader' => '', 'next_page_preloading' => '', 'filters_preloading' => '', ), $params ); $params['button'] = array_merge(array( 'text' => __('Load More', 'thegem'), 'style' => 'flat', 'size' => 'medium', 'text_weight' => 'normal', 'no_uppercase' => 0, 'corner' => 25, 'border' => 2, 'text_color' => '', 'background_color' => '#00bcd5', 'border_color' => '', 'hover_text_color' => '', 'hover_background_color' => '', 'hover_border_color' => '', 'icon_pack' => 'elegant', 'icon_elegant' => '', 'icon_material' => '', 'icon_fontawesome' => '', 'icon_thegem_header' => '', 'icon_userpack' => '', 'icon_position' => 'left', 'separator' => 'load-more', ), $params['button']); $params['button']['icon'] = ''; if ($params['button']['icon_elegant'] && $params['button']['icon_pack'] == 'elegant') { $params['button']['icon'] = $params['button']['icon_elegant']; } if ($params['button']['icon_material'] && $params['button']['icon_pack'] == 'material') { $params['button']['icon'] = $params['button']['icon_material']; } if ($params['button']['icon_fontawesome'] && $params['button']['icon_pack'] == 'fontawesome') { $params['button']['icon'] = $params['button']['icon_fontawesome']; } if ($params['button']['icon_thegem_header'] && $params['button']['icon_pack'] == 'thegem-header') { $params['button']['icon'] = $params['button']['icon_thegem_header']; } if ($params['button']['icon_userpack'] && $params['button']['icon_pack'] == 'userpack') { $params['button']['icon'] = $params['button']['icon_userpack']; } $params['loading_animation'] = thegem_check_array_value(array('disabled', 'bounce', 'move-up', 'fade-in', 'fall-perspective', 'scale', 'flip'), $params['loading_animation'], 'move-up'); $gap_size = isset($params['gaps_size']) ? round(intval($params['gaps_size']) / 2) : null; $gap_size_tablet = isset($params['gaps_size_tablet']) ? round(intval($params['gaps_size_tablet']) / 2) : null; $gap_size_mobile = isset($params['gaps_size_mobile']) ? round(intval($params['gaps_size_mobile']) / 2) : null; if (empty($params['columns_100'])) $params['columns_100'] = 5; if ($params['sorting'] == 'false') $params['sorting'] = false; if ($params['sorting'] == 'true') $params['sorting'] = true; wp_enqueue_style('thegem-portfolio'); wp_enqueue_style('thegem-hovers-' . $params['hover']); if ($params['layout_type'] == 'creative') { $params['layout'] = 'creative'; $params['columns'] = $params['columns_desktop_creative']; $params['columns_tablet'] = $params['columns_tablet_creative']; $params['columns_mobile'] = $params['columns_mobile_creative']; $params['columns_100'] = $params['columns_100_creative']; $params['ignore_highlights'] = '1'; } if ($params['with_filter']) { wp_enqueue_script('jquery-dlmenu'); } if ($params['layout'] !== 'creative' && ($params['layout'] !== 'justified' || $params['ignore_highlights'] !== '1')) { if ($params['layout'] == 'metro') { wp_enqueue_script('thegem-isotope-metro'); } else { wp_enqueue_script('thegem-isotope-masonry-custom'); } } if ($params['loading_animation'] !== 'disabled') { wp_enqueue_style('thegem-animations'); wp_enqueue_script('thegem-scroll-monitor'); wp_enqueue_script('thegem-items-animations'); } wp_enqueue_script('thegem-portfolio-grid-extended'); $grid_uid = $params['portfolio_uid']; if ($params['content_portfolios_cat'] && is_string($params['content_portfolios_cat'])) { $params['content_portfolios_cat'] = explode(',', $params['content_portfolios_cat']); } else { $params['content_portfolios_cat'] = array('0'); } $terms = $params['content_portfolios_cat']; $categories_filter = null; if (isset($_GET[$grid_uid . '-category'])) { $active_cat = $_GET[$grid_uid . '-category']; $categories_current = [$active_cat]; $categories_filter = $active_cat; } else { $active_cat = 'all'; $categories_current = $terms; } $style_uid = substr(md5(rand()), 0, 7); $localize = array( 'data' => $params, 'action' => 'portfolio_grid_load_more', 'url' => admin_url('admin-ajax.php'), 'nonce' => wp_create_nonce('portfolio_ajax-nonce') ); wp_localize_script('thegem-portfolio-grid-extended', 'thegem_portfolio_ajax_' . $style_uid, $localize); $inlineStyles = ''; $gridSelector = '.portfolio.portfolio-grid[data-style-uid="' . $style_uid . '"]'; $itemSelector = $gridSelector . ' .portfolio-item'; $captionSelector = $itemSelector . ' .caption'; if (isset($gap_size)) { $inlineStyles .= $itemSelector . ' { padding: ' . esc_attr($gap_size) . 'px; }'; if ($params['columns'] == '100%') { $inlineStyles .= $gridSelector . ' .row { margin: 0; }'; if (thegem_get_option('page_padding_left')) { $inlineStyles .= $gridSelector . ' .row { margin-left: -' . esc_attr($gap_size) . 'px; }'; } else { $inlineStyles .= $gridSelector . ' .row { padding-left: ' . esc_attr($gap_size) . 'px; }'; } if (thegem_get_option('page_padding_right')) { $inlineStyles .= $gridSelector . ' .row { margin-right: -' . esc_attr($gap_size) . 'px; }'; } else { $inlineStyles .= $gridSelector . ' .row { padding-right: ' . esc_attr($gap_size) . 'px; }'; } } else { $inlineStyles .= $gridSelector . ' .row { margin: -' . esc_attr($gap_size) . 'px; }'; } } if (isset($params['gaps_size_tablet']) && $params['gaps_size_tablet'] !== '') { $inlineStyles .= '@media (max-width: 991px) { '. $itemSelector . ' { padding: ' . esc_attr($gap_size_tablet) . 'px; }}'; if ($params['columns'] == '100%') { $inlineStyles .= '@media (max-width: 991px) { '. $gridSelector . ' .row { margin: 0; }}'; if (thegem_get_option('page_padding_left')) { $inlineStyles .= '@media (max-width: 991px) { '. $gridSelector . ' .row { margin-left: -' . esc_attr($gap_size_tablet) . 'px; }}'; } else { $inlineStyles .= '@media (max-width: 991px) { '. $gridSelector . ' .row { padding-left: ' . esc_attr($gap_size_tablet) . 'px; }}'; } if (thegem_get_option('page_padding_right')) { $inlineStyles .= '@media (max-width: 991px) { '. $gridSelector . ' .row { margin-right: -' . esc_attr($gap_size_tablet) . 'px; }}'; } else { $inlineStyles .= '@media (max-width: 991px) { '. $gridSelector . ' .row { padding-right: ' . esc_attr($gap_size_tablet) . 'px; }}'; } } else { $inlineStyles .= '@media (max-width: 991px) { '. $gridSelector . ' .row { margin: -' . esc_attr($gap_size_tablet) . 'px; }}'; } } if (isset($params['gaps_size_mobile']) && $params['gaps_size_mobile'] !== '') { $inlineStyles .= '@media (max-width: 767px) { '. $itemSelector . ' { padding: ' . esc_attr($gap_size_mobile) . 'px; }}'; if ($params['columns'] == '100%') { $inlineStyles .= '@media (max-width: 767px) { '. $gridSelector . ' .row { margin: 0; }}'; if (thegem_get_option('page_padding_left')) { $inlineStyles .= '@media (max-width: 767px) { '. $gridSelector . ' .row { margin-left: -' . esc_attr($gap_size_mobile) . 'px; }}'; } else { $inlineStyles .= '@media (max-width: 767px) { '. $gridSelector . ' .row { padding-left: ' . esc_attr($gap_size_mobile) . 'px; }}'; } if (thegem_get_option('page_padding_right')) { $inlineStyles .= '@media (max-width: 767px) { '. $gridSelector . ' .row { margin-right: -' . esc_attr($gap_size_mobile) . 'px; }}'; } else { $inlineStyles .= '@media (max-width: 767px) { '. $gridSelector . ' .row { padding-right: ' . esc_attr($gap_size_mobile) . 'px; }}'; } } else { $inlineStyles .= '@media (max-width: 767px) { '. $gridSelector . ' .row { margin: -' . esc_attr($gap_size_mobile) . 'px; }}'; } } if (!empty($params['image_height'])) { $inlineStyles .= $itemSelector . ':not(.double-item) .image-inner { height: ' . esc_attr($params['image_height']) . 'px !important; padding-bottom: 0 !important; }'; $inlineStyles .= $itemSelector . ':not(.double-item) .gem-simple-gallery .gem-gallery-item a { height: ' . esc_attr($params['image_height']) . 'px !important; }'; } if (!empty($params['background_color'])) { $inlineStyles .= $captionSelector . ' { background-color: ' . esc_attr($params['background_color']) . ' !important; }'; } if (!empty($params['border_color'])) { $inlineStyles .= $captionSelector . ' { border-bottom-color: ' . esc_attr($params['border_color']) . ' !important; }'; } if (!empty($params['title_transform'])) { $inlineStyles .= $captionSelector . ' .title span { text-transform: ' . esc_attr($params['title_transform']) . ' !important; }'; } if (isset($params['title_letter_spacing'])) { $inlineStyles .= $captionSelector . ' .title span { letter-spacing: ' . esc_attr($params['title_letter_spacing']) . 'px !important; }'; } if (!empty($params['title_color'])) { $inlineStyles .= $captionSelector . ' .title { color: ' . esc_attr($params['title_color']) . ' !important; }'; } if (!empty($params['title_color_hover'])) { $inlineStyles .= $itemSelector . ':hover .caption .title { color: ' . esc_attr($params['title_color_hover']) . ' !important; }'; } if (!empty($params['desc_color'])) { $inlineStyles .= $captionSelector . ' .subtitle { color: ' . esc_attr($params['desc_color']) . ' !important; }'; } if (!empty($params['separator_color'])) { $inlineStyles .= $captionSelector . ' .caption-separator { background-color: ' . esc_attr($params['separator_color']) . ' !important; }'; } if (!empty($params['truncate_titles'])) { $inlineStyles .= $captionSelector . ' .title span { white-space: initial; max-height: initial; display: -webkit-box; -webkit-line-clamp: ' . esc_attr($params['truncate_titles']) . '; line-clamp: ' . esc_attr($params['truncate_titles']) . '; -webkit-box-orient: vertical; }'; } if (!empty($params['truncate_info'])) { $inlineStyles .= $captionSelector . ' .info { white-space: initial; max-height: initial; display: -webkit-box; -webkit-line-clamp: ' . esc_attr($params['truncate_info']) . '; line-clamp: ' . esc_attr($params['truncate_info']) . '; -webkit-box-orient: vertical; }'; } if (!empty($params['truncate_description'])) { $inlineStyles .= $captionSelector . ' .subtitle { max-height: initial !important; }'; $inlineStyles .= $captionSelector . ' .subtitle span { white-space: initial; display: -webkit-box; -webkit-line-clamp: ' . esc_attr($params['truncate_description']) . '; line-clamp: ' . esc_attr($params['truncate_description']) . '; -webkit-box-orient: vertical; }'; $inlineStyles .= $captionSelector . ' .subtitle a, ' . $itemSelector . ' .caption .subtitle p { white-space: initial; overflow: initial; }'; } if (!empty($params['categories_color'])) { $inlineStyles .= $captionSelector . ' .info a { color: ' . esc_attr($params['categories_color']) . '; }'; } if (!empty($params['categories_color_hover'])) { $inlineStyles .= $captionSelector . ' .info a:hover { color: ' . esc_attr($params['categories_color_hover']) . '; }'; } if (!empty($params['date_color'])) { $inlineStyles .= $captionSelector . ' .info { color: ' . esc_attr($params['date_color']) . '; }'; } if (!empty($params['zoom_overlay_color'])) { $inlineStyles .= $gridSelector . '.hover-zoom-overlay .portfolio-item .image .overlay:before { background-color: ' . esc_attr($params['zoom_overlay_color']) . '; }'; } if (!empty($inlineStyles)) { echo '<style>'.$inlineStyles.'</style>'; } $items_per_page = $params['items_per_page'] ? intval($params['items_per_page']) : 8; $page = 1; if (isset($_GET[$grid_uid . '-page'])) { $page = $_GET[$grid_uid . '-page']; } if ($params['sorting']) { $orderby = 'date'; } else if (isset($params['orderby']) && $params['orderby'] != 'default') { $orderby = $params['orderby']; } else { $orderby = 'menu_order ID'; } if ($params['sorting']) { $order = 'DESC'; } else if (isset($params['order']) && $params['order'] != 'default') { $order = $params['order']; } else { $order = 'ASC'; } if (!empty($params['exclude_portfolios'])) { $params['exclude_portfolios'] = explode(',', $params['exclude_portfolios']); } $portfolio_title = $params['title'] ? $params['title'] : ''; global $post; $portfolio_posttemp = $post; $portfolio_loop = thegem_get_portfolio_posts($categories_current, $page, $items_per_page, $orderby, $order, $params['offset'], $params['exclude_portfolios']); if ($portfolio_loop->have_posts()) : $max_page = ceil(($portfolio_loop->found_posts - intval($params['offset'])) / $items_per_page); if ($max_page > $page) $next_page = $page + 1; else $next_page = 0; if (in_array('0', $terms)) { $terms = get_terms('thegem_portfolios'); } else { foreach ($terms as $key => $term) { $terms[$key] = get_term_by('slug', $term, 'thegem_portfolios'); if (!$terms[$key]) { unset($terms[$key]); } } } $terms = apply_filters('portfolio_terms_filter', $terms); usort($terms, 'portolios_cmp'); $item_classes = get_thegem_portfolio_render_item_classes($params); $thegem_sizes = get_thegem_portfolio_render_item_image_sizes($params); if ($params['layout'] !== 'creative') { if ($params['columns'] == '100%' || (($params['ignore_highlights'] !== '1' || in_array($params['layout'], ['masonry', 'metro'])) && $params['skeleton_loader'] !== '1')) { echo apply_filters('thegem_portfolio_preloader_html', '<div class="preloader save-space"><div class="preloader-spin"></div></div>'); } else if ($params['skeleton_loader'] == '1') { ?> <div class="preloader save-space"> <div class="skeleton"> <div class="skeleton-posts portfolio-row"> <?php for ($x = 0; $x < $portfolio_loop->post_count; $x++) { echo thegem_portfolio_render_item($params, $item_classes); } ?> </div> </div> </div> <?php } } ?> <div class="portfolio-preloader-wrapper"> <?php if ($portfolio_title): ?> <h3 class="title portfolio-title"><?php echo $portfolio_title; ?></h3> <?php endif; ?> <?php $portfolio_classes = array( 'portfolio portfolio-grid no-padding', 'portfolio-pagination-' . $params['pagination'], 'portfolio-style-' . $params['layout'], 'background-style-' . $params['background_style'], 'title-style-' . $params['title_style'], 'hover-' . esc_attr($params['hover']), 'title-on-' . $params['display_titles'], 'hover-elements-size-' . $params['hover_elements_size'], ($params['caption_position'] ? 'caption-position-' . $params['caption_position'] : ''), ($params['loading_animation'] !== 'disabled' ? 'loading-animation item-animation-' . $params['loading_animation'] : ''), ($params['loading_animation'] !== 'disabled' && $params['loading_animation_mobile'] == '1' ? 'enable-animation-mobile' : ''), ($gap_size == 0 ? 'no-gaps' : ''), ($params['columns'] == '100%' ? 'fullwidth-columns fullwidth-columns-' . intval($params['columns_100']) : ''), ($params['display_titles'] == 'page' && $params['hover'] == 'gradient' ? 'hover-gradient-title' : ''), ($params['display_titles'] == 'page' && $params['hover'] == 'circular' ? 'hover-circular-title' : ''), ($params['display_titles'] == 'hover' || $params['hover'] == 'gradient' || $params['hover'] == 'circular' ? 'hover-title' : ''), ($params['layout'] == 'masonry' && $params['columns'] != '1x' ? 'portfolio-items-masonry' : ''), ($params['columns'] != '100%' ? 'columns-' . str_replace("x", "", $params['columns']) : ''), (isset($params['columns_tablet']) ? 'columns-tablet-' . str_replace("x", "", $params['columns_tablet']) : ''), (isset($params['columns_mobile']) ? 'columns-mobile-' . str_replace("x", "", $params['columns_mobile']) : ''), ($params['layout'] == 'creative' || ($params['layout'] == 'justified' && $params['ignore_highlights'] == '1') ? 'disable-isotope' : ''), ($params['next_page_preloading'] == '1' ? 'next-page-preloading' : ''), ($params['filters_preloading'] == '1' ? 'filters-preloading' : ''), ($params['layout'] == 'creative' && $params['scheme_apply_mobiles'] !== '1' ? 'creative-disable-mobile' : ''), ($params['layout'] == 'creative' && $params['scheme_apply_tablets'] !== '1' ? 'creative-disable-tablet' : ''), ); $portfolio_classes = apply_filters('portfolio_classes_filter', $portfolio_classes); ?> <div class="<?php echo implode(' ', $portfolio_classes); ?>" data-style-uid="<?php echo esc_attr($style_uid); ?>" data-portfolio-uid="<?php echo esc_attr($grid_uid); ?>" data-current-page="<?php echo esc_attr($page); ?>" data-per-page="<?php echo $items_per_page; ?>" data-next-page="<?php echo esc_attr($next_page); ?>" data-pages-count="<?php echo esc_attr($max_page); ?>" data-hover="<?php echo $params['hover']; ?>" data-portfolio-filter="<?php echo esc_attr($categories_filter); ?>"> <?php if (($params['with_filter'] && count($terms) > 0) || $params['sorting']): ?> <div class="portfilio-top-panel<?php if ($params['columns'] == '100%'): ?> fullwidth-block<?php endif; ?>" <?php if ($gap_size && $params['columns'] == '100%'): ?>style="padding-left: <?php echo 2 * $gap_size; ?>px; padding-right: <?php echo 2 * $gap_size; ?>px;"<?php endif; ?>> <div class="portfilio-top-panel-row"> <div class="portfilio-top-panel-left"> <?php if ($params['with_filter'] && count($terms) > 0): ?> <div <?php if (!$params['sorting']): ?> style="text-align: center;"<?php endif; ?> class="portfolio-filters"> <a href="#" data-filter="*" class="<?php echo $active_cat == 'all' ? 'active' : ''; ?> all title-h6"><?php echo thegem_build_icon('thegem-icons', 'portfolio-show-all'); ?><span class="light"><?php echo $params['all_text']; ?></span></a> <?php foreach ($terms as $term) : ?> <a href="#" data-filter=".<?php echo $term->slug; ?>" class="<?php echo $active_cat == $term->slug ? 'active' : ''; ?> title-h6"><?php if (get_option('portfoliosets_' . $term->term_id . '_icon_pack') && get_option('portfoliosets_' . $term->term_id . '_icon')) { echo thegem_build_icon(get_option('portfoliosets_' . $term->term_id . '_icon_pack'), get_option('portfoliosets_' . $term->term_id . '_icon')); } ?><span class="light"><?php echo $term->name; ?></span></a> <?php endforeach; ?> </div> <div class="portfolio-filters-resp"> <button class="menu-toggle dl-trigger"><?php _e('Portfolio filters', 'thegem'); ?> <span class="menu-line-1"></span><span class="menu-line-2"></span><span class="menu-line-3"></span></button> <ul class="dl-menu"> <li><a href="#" data-filter="*"><?php echo $params['all_text']; ?></a></li> <?php foreach ($terms as $term) : ?> <li><a href="#" data-filter=".<?php echo esc_attr($term->slug); ?>"><?php echo $term->name; ?></a> </li> <?php endforeach; ?> </ul> </div> <?php endif; ?> </div> <div class="portfilio-top-panel-right"> <?php if ($params['sorting']): ?> <div class="portfolio-sorting title-h6"> <div class="orderby light"> <label for="" data-value="date"><?php _e('Date', 'thegem') ?></label> <a href="javascript:void(0);" class="sorting-switcher" data-current="date"></a> <label for="" data-value="name"><?php _e('Name', 'thegem') ?></label> </div> <div class="portfolio-sorting-sep"></div> <div class="order light"> <label for="" data-value="DESC"><?php _e('Desc', 'thegem') ?></label> <a href="javascript:void(0);" class="sorting-switcher" data-current="DESC"></a> <label for="" data-value="ASC"><?php _e('Asc', 'thegem') ?></label> </div> </div> <?php endif; ?> </div> </div> </div> <?php endif; ?> <div class="portfolio-row-outer <?php if ($params['columns'] == '100%'): ?>fullwidth-block no-paddings<?php endif; ?>"> <div class="row portfolio-row"> <div class="portfolio-set clearfix" data-max-row-height="<?php echo floatval($params['metro_max_row_height']); ?>"> <?php if ($params['layout'] == 'creative') { $creative_blog_schemes_list = [ '6' => [ '6a' => [ 'count' => 9, 0 => 'squared', ], '6b' => [ 'count' => 7, 0 => 'squared', 1 => 'horizontal', 6 => 'horizontal', ], '6c' => [ 'count' => 9, 0 => 'horizontal', 3 => 'horizontal', 6 => 'horizontal', ], '6d' => [ 'count' => 9, 0 => 'horizontal', 1 => 'horizontal', 2 => 'horizontal', ], '6e' => [ 'count' => 6, 0 => 'squared', 1 => 'squared', ] ], '5' => [ '5a' => [ 'count' => 7, 0 => 'squared', ], '5b' => [ 'count' => 8, 0 => 'horizontal', 4 => 'horizontal', ], '5c' => [ 'count' => 6, 0 => 'horizontal', 1 => 'horizontal', 4 => 'horizontal', 5 => 'horizontal', ], '5d' => [ 'count' => 4, 0 => 'squared', 1 => 'vertical', 2 => 'horizontal', 3 => 'horizontal', ] ], '4' => [ '4a' => [ 'count' => 5, 0 => 'squared', ], '4b' => [ 'count' => 4, 0 => 'squared', 1 => 'horizontal', ], '4c' => [ 'count' => 4, 0 => 'squared', 1 => 'vertical', ], '4d' => [ 'count' => 7, 0 => 'vertical', ], '4e' => [ 'count' => 4, 0 => 'vertical', 1 => 'vertical', 2 => 'horizontal', 3 => 'horizontal', ], '4f' => [ 'count' => 6, 0 => 'horizontal', 5 => 'horizontal', ] ], '3' => [ '3a' => [ 'count' => 4, 0 => 'vertical', 1 => 'vertical', ], '3b' => [ 'count' => 4, 1 => 'horizontal', 2 => 'horizontal', ], '3c' => [ 'count' => 5, 0 => 'vertical', ], '3d' => [ 'count' => 5, 0 => 'horizontal', ], '3e' => [ 'count' => 3, 0 => 'squared', ], '3f' => [ 'count' => 4, 0 => 'horizontal', 1 => 'vertical', ], '3g' => [ 'count' => 4, 0 => 'vertical', 3 => 'horizontal', ], '3h' => [ 'count' => 5, 2 => 'vertical', ] ], '2' => [ '2a' => [ 'count' => 5, 0 => 'vertical', ], '2b' => [ 'count' => 5, 3 => 'vertical', ], '2c' => [ 'count' => 4, 0 => 'vertical', 2 => 'vertical', ], '2d' => [ 'count' => 4, 0 => 'horizontal', 1 => 'vertical', ], '2e' => [ 'count' => 5, 0 => 'horizontal', ], '2f' => [ 'count' => 4, 0 => 'horizontal', 1 => 'horizontal', ], '2g' => [ 'count' => 5, 2 => 'horizontal', ], '2h' => [ 'count' => 4, 0 => 'horizontal', 3 => 'horizontal', ], ] ]; $columns = $params['columns'] != '100%' ? str_replace("x", "", $params['columns']) : $params['columns_100']; $items_sizes = $creative_blog_schemes_list[$columns][$params['layout_scheme_' . $columns . 'x']]; $items_count = $items_sizes['count']; } $i = 0; $eo_marker = false; while ($portfolio_loop->have_posts()) : $portfolio_loop->the_post(); if ($params['columns'] == '1x') { echo thegem_portfolio_list_render_item(get_the_ID(), $params, $eo_marker); } else { $thegem_highlight_type_creative = null; if ($params['layout'] == 'creative') { $thegem_highlight_type_creative = 'disabled'; $item_num = $i % $items_count; if (isset($items_sizes[$item_num])) { $thegem_highlight_type_creative = $items_sizes[$item_num]; } } echo thegem_portfolio_render_item($params, $item_classes, $thegem_sizes, get_the_ID(), $thegem_highlight_type_creative); if ($params['layout'] == 'creative' && $i == 0) { echo thegem_portfolio_render_item($params, ['size-item'], $thegem_sizes); } $i++; } $eo_marker = !$eo_marker; endwhile; ?> </div><!-- .portflio-set --> <?php if ($params['layout'] !== 'creative' && $params['columns'] !== '1x'): ?> <div class="portfolio-item-size-container"> <?php echo thegem_portfolio_render_item($params, $item_classes, $thegem_sizes); ?> </div> <?php endif; ?> </div><!-- .row--> <?php if ($params['pagination'] == 'normal'): ?> <div class="portfolio-navigator gem-pagination"> <a href="#" class="prev"> <i class="default"></i> </a> <div class="pages"></div> <a href="#" class="next"> <i class="default"></i> </a> </div> <?php endif; ?> <?php if ($params['pagination'] == 'more' && $next_page > 0): ?> <div class="portfolio-load-more"> <div class="inner"> <?php thegem_button(array_merge($params['button'], array('tag' => 'button')), 1); ?> </div> </div> <?php endif; ?> <?php if ($params['pagination'] == 'scroll' && $next_page > 0): ?> <div class="portfolio-scroll-pagination"></div> <?php endif; ?> </div><!-- .full-width --> </div><!-- .portfolio--> </div><!-- .portfolio-preloader-wrapper--> <?php else: ?> <div data-page="<?php echo esc_attr($page); ?>" data-next-page="<?php echo esc_attr($next_page); ?>"></div> <?php endif; ?> <?php $post = $portfolio_posttemp; wp_reset_postdata(); } function thegem_get_portfolio_posts($portfolios_cat, $page = 1, $ppp = -1, $orderby = 'menu_order ID', $order = 'ASC', $offset = false, $exclude = false) { if (empty($portfolios_cat)) { return null; } $args = array( 'post_type' => 'thegem_pf_item', 'post_status' => 'publish', 'orderby' => $orderby, 'order' => $order, 'posts_per_page' => $ppp, ); if (!in_array('0', $portfolios_cat, true)) { $args['tax_query'] = array( array( 'taxonomy' => 'thegem_portfolios', 'field' => 'slug', 'terms' => $portfolios_cat ) ); } if (!empty($offset)) { $args['offset'] = $ppp * ($page - 1) + $offset; } else { $args['paged'] = $page; } if (!empty($exclude)) { $args['post__not_in'] = $exclude; } $portfolio_loop = new WP_Query($args); return $portfolio_loop; } function thegem_portfolio_list_render_item($post_id, $params, $eo_marker = false) { $slugs = wp_get_object_terms($post_id, 'thegem_portfolios', array('fields' => 'slugs')); $terms = $params['content_portfolios_cat']; if (in_array('0', $terms)) { $terms = get_terms('thegem_portfolios'); } else { foreach ($terms as $key => $term) { $terms[$key] = get_term_by('slug', $term, 'thegem_portfolios'); if (!$terms[$key]) { unset($terms[$key]); } } } $terms = apply_filters('portfolio_terms_filter', $terms); usort($terms, 'portolios_cmp'); $thegem_terms_set = array(); foreach ($terms as $term) { $thegem_terms_set[$term->slug] = $term; } $thegem_classes = array('portfolio-item'); $thegem_classes = array_merge($thegem_classes, $slugs); if ($eo_marker) { $thegem_classes[] = 'item-even'; } $thegem_image_classes = array('image'); $thegem_caption_classes = array('caption'); $thegem_portfolio_item_data = thegem_get_sanitize_pf_item_data(get_the_ID()); $thegem_title_data = thegem_get_sanitize_page_title_data(get_the_ID()); if (empty($thegem_portfolio_item_data['types'])) $thegem_portfolio_item_data['types'] = array(); $thegem_classes = array_merge($thegem_classes, array('col-xs-12')); if($params['display_titles'] == 'page' && $params['hover'] != 'gradient' && $params['hover'] != 'circular') { if ($params['layout_version'] == 'fullwidth') { $thegem_image_classes = array_merge($thegem_image_classes, array('col-md-8', 'col-xs-12')); $thegem_caption_classes = array_merge($thegem_caption_classes, array('col-md-4', 'col-xs-12')); if ($params['caption_position'] == 'left') { $thegem_image_classes = array_merge($thegem_image_classes, array('col-md-push-4')); $thegem_caption_classes = array_merge($thegem_caption_classes, array('col-md-pull-8')); } } else { $thegem_image_classes = array_merge($thegem_image_classes, array('col-md-7', 'col-xs-12')); $thegem_caption_classes = array_merge($thegem_caption_classes, array('col-md-5', 'col-xs-12')); if ($params['caption_position'] == 'left') { $thegem_image_classes = array_merge($thegem_image_classes, array('col-md-push-5')); $thegem_caption_classes = array_merge($thegem_caption_classes, array('col-md-pull-7')); } } } $thegem_size = 'thegem-portfolio-1x'; if($params['display_titles'] == 'hover' || $params['hover'] == 'gradient' || $params['hover'] == 'circular') { $thegem_size .= '-hover'; } else { $thegem_size .= $params['layout_version'] == 'sidebar' ? '-sidebar' : ''; } $thegem_small_image_url = thegem_generate_thumbnail_src(get_post_thumbnail_id(), $thegem_size); $thegem_large_image_url = wp_get_attachment_image_src(get_post_thumbnail_id(), 'full'); $thegem_self_video = ''; $thegem_bottom_line = false; $thegem_portfolio_button_link = ''; if ($thegem_portfolio_item_data['project_link'] || !$params['disable_socials']) { $thegem_bottom_line = true; } if ($params['loading_animation'] !== 'disabled') { $thegem_classes[] = 'item-animations-not-inited'; } $gap_size = round(intval($params['gaps_size']) / 2); include(locate_template(array('gem-templates/portfolios/content-portfolio-item-1x.php'))); } function portfolio_grid_more_callback() { $settings = isset($_POST['data']) ? json_decode(stripslashes($_POST['data']), true) : array(); ob_start(); $response = array('status' => 'success'); $page = isset($settings['more_page']) ? intval($settings['more_page']) : 1; if ($page == 0) $page = 1; $portfolio_loop = thegem_get_portfolio_posts($settings['content_portfolios_cat'], $page, $settings['items_per_page'], $settings['orderby'], $settings['order'], $settings['offset'], $settings['exclude_portfolios']); $max_page = ceil(($portfolio_loop->found_posts - intval($settings['offset'])) / $settings['items_per_page']); if ($max_page > $page) $next_page = $page + 1; else $next_page = 0; $item_classes = get_thegem_portfolio_render_item_classes($settings); $thegem_sizes = get_thegem_portfolio_render_item_image_sizes($settings); ?> <div data-page="<?php echo esc_attr($page); ?>" data-next-page="<?php echo esc_attr($next_page); ?>" data-pages-count="<?php echo esc_attr($portfolio_loop->max_num_pages); ?>"> <?php if ($settings['layout'] == 'creative') { $creative_blog_schemes_list = [ '6' => [ '6a' => [ 'count' => 9, 0 => 'squared', ], '6b' => [ 'count' => 7, 0 => 'squared', 1 => 'horizontal', 6 => 'horizontal', ], '6c' => [ 'count' => 9, 0 => 'horizontal', 3 => 'horizontal', 6 => 'horizontal', ], '6d' => [ 'count' => 9, 0 => 'horizontal', 1 => 'horizontal', 2 => 'horizontal', ], '6e' => [ 'count' => 6, 0 => 'squared', 1 => 'squared', ] ], '5' => [ '5a' => [ 'count' => 7, 0 => 'squared', ], '5b' => [ 'count' => 8, 0 => 'horizontal', 4 => 'horizontal', ], '5c' => [ 'count' => 6, 0 => 'horizontal', 1 => 'horizontal', 4 => 'horizontal', 5 => 'horizontal', ], '5d' => [ 'count' => 4, 0 => 'squared', 1 => 'vertical', 2 => 'horizontal', 3 => 'horizontal', ] ], '4' => [ '4a' => [ 'count' => 5, 0 => 'squared', ], '4b' => [ 'count' => 4, 0 => 'squared', 1 => 'horizontal', ], '4c' => [ 'count' => 4, 0 => 'squared', 1 => 'vertical', ], '4d' => [ 'count' => 7, 0 => 'vertical', ], '4e' => [ 'count' => 4, 0 => 'vertical', 1 => 'vertical', 2 => 'horizontal', 3 => 'horizontal', ], '4f' => [ 'count' => 6, 0 => 'horizontal', 5 => 'horizontal', ] ], '3' => [ '3a' => [ 'count' => 4, 0 => 'vertical', 1 => 'vertical', ], '3b' => [ 'count' => 4, 1 => 'horizontal', 2 => 'horizontal', ], '3c' => [ 'count' => 5, 0 => 'vertical', ], '3d' => [ 'count' => 5, 0 => 'horizontal', ], '3e' => [ 'count' => 3, 0 => 'squared', ], '3f' => [ 'count' => 4, 0 => 'horizontal', 1 => 'vertical', ], '3g' => [ 'count' => 4, 0 => 'vertical', 3 => 'horizontal', ], '3h' => [ 'count' => 5, 2 => 'vertical', ] ], '2' => [ '2a' => [ 'count' => 5, 0 => 'vertical', ], '2b' => [ 'count' => 5, 3 => 'vertical', ], '2c' => [ 'count' => 4, 0 => 'vertical', 2 => 'vertical', ], '2d' => [ 'count' => 4, 0 => 'horizontal', 1 => 'vertical', ], '2e' => [ 'count' => 5, 0 => 'horizontal', ], '2f' => [ 'count' => 4, 0 => 'horizontal', 1 => 'horizontal', ], '2g' => [ 'count' => 5, 2 => 'horizontal', ], '2h' => [ 'count' => 4, 0 => 'horizontal', 3 => 'horizontal', ], ] ]; $columns = $settings['columns'] != '100%' ? str_replace("x", "", $settings['columns']) : $settings['columns_100']; $items_sizes = $creative_blog_schemes_list[$columns][$settings['layout_scheme_' . $columns . 'x']]; $items_count = $items_sizes['count']; } $i = 0; $eo_marker = false; while ($portfolio_loop->have_posts()) : $portfolio_loop->the_post(); if ($settings['columns'] == '1x') { echo thegem_portfolio_list_render_item(get_the_ID(), $settings, $eo_marker); } else { $thegem_highlight_type_creative = null; if ($settings['layout'] == 'creative') { $thegem_highlight_type_creative = 'disabled'; $item_num = $i % $items_count; if (isset($items_sizes[$item_num])) { $thegem_highlight_type_creative = $items_sizes[$item_num]; } } echo thegem_portfolio_render_item($settings, $item_classes, $thegem_sizes, get_the_ID(), $thegem_highlight_type_creative); if ($settings['layout'] == 'creative' && $i == 0) { echo thegem_portfolio_render_item($settings, ['size-item'], $thegem_sizes); } $i++; } $eo_marker = !$eo_marker; endwhile; ?> </div> <?php $response['html'] = trim(preg_replace('/\s\s+/', '', ob_get_clean())); $response = json_encode($response); header("Content-Type: application/json"); echo $response; exit; } add_action('wp_ajax_portfolio_grid_load_more', 'portfolio_grid_more_callback'); add_action('wp_ajax_nopriv_portfolio_grid_load_more', 'portfolio_grid_more_callback'); function thegem_portfolio_block($params = array()) { echo '<div class="block-content clearfix">'; thegem_portfolio_slider($params); echo '</div>'; } // Print Portfolio Slider function thegem_portfolio_slider($params) { $params = array_merge( array( 'portfolio' => '', 'title' => '', 'layout' => '3x', 'no_gaps' => false, 'display_titles' => 'page', 'hover' => '', 'show_info' => false, 'style' => 'justified', 'is_slider' => true, 'disable_socials' => false, 'fullwidth_columns' => '5', 'effects_enabled' => false, 'background_style' => '', 'title_style' => 'light', 'animation' => 'dynamic', 'autoscroll' => false, 'gaps_size' => 42, ), $params ); $gap_size = round(intval($params['gaps_size'])/2); if (empty($params['fullwidth_columns'])) $params['fullwidth_columns'] = 5; wp_enqueue_style('thegem-portfolio'); wp_enqueue_style('thegem-portfolio-slider'); wp_enqueue_style('thegem-hovers-' . $params['hover']); wp_enqueue_script('thegem-juraSlider'); $layout_columns_count = -1; if($params['layout'] == '3x') $layout_columns_count = 3; $layout_fullwidth = false; if($params['layout'] == '100%') $layout_fullwidth = true; $portfolio_loop = new WP_Query(array( 'post_type' => 'thegem_pf_item', 'tax_query' =>$params['portfolio'] ? array( array( 'taxonomy' => 'thegem_portfolios', 'field' => 'slug', 'terms' => explode(',', $params['portfolio']) ) ) : array(), 'post_status' => 'publish', 'orderby' => 'menu_order ID', 'order' => 'ASC', 'posts_per_page' => -1, )); $terms = array(); $portfolio_title = __('Portfolio', 'thegem'); if($portfolio_set = get_term_by('slug', $params['portfolio'], 'thegem_portfolios')) { $portfolio_title = $portfolio_set->name; } $portfolio_title = $params['title'] ? $params['title'] : $portfolio_title; global $post; $portfolio_posttemp = $post; $classes = array('portfolio', 'portfolio-slider', 'clearfix', 'no-padding', 'col-lg-12', 'col-md-12', 'col-sm-12', 'hover-'.$params['hover']); if($layout_fullwidth) $classes[] = 'full'; if( ($params['display_titles'] == 'hover' && $params['layout'] != '1x') || $params['hover'] == 'gradient' || $params['hover'] == 'circular' ) $classes[] = 'hover-title'; if ($params['display_titles'] == 'page' && $params['hover'] == 'gradient') $classes[] = 'hover-gradient-title'; if ($params['display_titles'] == 'page' && $params['hover'] == 'circular') $classes[] = 'hover-circular-title'; if($params['style'] == 'masonry') $classes[] = 'portfolio-items-masonry'; if($layout_columns_count != -1) $classes[] = 'columns-'.$layout_columns_count; if($params['no_gaps']) $classes[] = 'without-padding'; if($params['layout'] == '100%') $classes[] = 'fullwidth-columns-'.$params['fullwidth_columns']; if ($params['effects_enabled']) { $classes[] = 'lazy-loading'; thegem_lazy_loading_enqueue(); } if ($params['disable_socials']) $classes[] = 'disable-socials'; if ($params['portfolio_arrow']) $classes[] = $params['portfolio_arrow']; if ($params['background_style']) $classes[] = 'background-style-'.$params['background_style']; if ($params['title_style']) $classes[] = 'title-style-'.$params['title_style']; $classes[] = 'title-on-' . $params['display_titles']; $classes[] = 'gem-slider-animation-' . $params['animation']; ?> <?php if($portfolio_loop->have_posts()) : ?> <div class="preloader"><div class="preloader-spin"></div></div> <div <?php post_class($classes); ?> <?php if($params['effects_enabled']): ?>data-ll-item-delay="0"<?php endif;?> data-hover="<?php echo esc_attr($params['hover']); ?>"> <div class="navigation <?php if($layout_fullwidth): ?>fullwidth-block<?php endif; ?>"> <?php if($params['title']): ?> <h3 class="title <?php if($params['effects_enabled']): ?>lazy-loading-item<?php endif;?>" <?php if($params['effects_enabled']): ?>data-ll-effect="fading"<?php endif;?>><?php echo $params['title']; ?></h3> <?php endif; ?> <div class="portolio-slider-prev"> <span></span> </div> <div class="portolio-slider-next"> <span></span> </div> <?php if($params['portfolio']) { $terms = explode(',', $params['portfolio']); foreach($terms as $key => $term) { $terms[$key] = get_term_by('slug', $term, 'thegem_portfolios'); if(!$terms[$key]) { unset($terms[$key]); } } } else { $terms = get_terms('thegem_portfolios', array('hide_empty' => false)); } $thegem_terms_set = array(); foreach ($terms as $term) $thegem_terms_set[$term->slug] = $term; ?> <div class="portolio-slider-content"> <div class="portolio-slider-center"> <div class="<?php if($params['layout'] == '100%'): ?>fullwidth-block<?php endif; ?>"> <div style="margin: -<?php echo $gap_size; ?>px;"> <div class="portfolio-set clearfix" <?php if(intval($params['autoscroll'])) { echo 'data-autoscroll="'.intval($params['autoscroll']).'"'; } ?>> <?php while ($portfolio_loop->have_posts()) : $portfolio_loop->the_post(); ?> <?php $slugs = wp_get_object_terms($post->ID, 'thegem_portfolios', array('fields' => 'slugs')); ?> <?php include(locate_template('gem-templates/portfolios/content-portfolio-carusel-item.php')); ?> <?php endwhile; ?> </div> </div> </div> </div> </div> </div> </div> <?php endif; ?> <?php $post = $portfolio_posttemp; wp_reset_postdata(); ?> <?php } // Print Gallery Block function thegem_gallery_block($params) { $params = array_merge( array( 'ids' => array(), 'gallery' => '', 'type' => 'slider', 'layout' => '3x', 'fullwidth_columns' => '5', 'style' => 'justified', 'no_gaps' => false, 'hover' => 'default', 'item_style' => '', 'title' => '', 'gaps_size' => '', 'effects_enabled' => '', 'loading_animation' => 'move-up', 'metro_max_row_height' => 380 ), $params ); wp_enqueue_style('thegem-hovers-' . $params['hover']); wp_enqueue_style('thegem-gallery'); if ($params['style'] !== 'justified' || $params['ignore_highlights'] !== '1') { if ($params['style'] == 'metro') { wp_enqueue_script('thegem-isotope-metro'); } else { wp_enqueue_script('thegem-isotope-masonry-custom'); } } if ($params['loading_animation'] !== 'disabled') { wp_enqueue_style('thegem-animations'); wp_enqueue_script('thegem-items-animations'); wp_enqueue_script('thegem-scroll-monitor'); } wp_enqueue_script('thegem-gallery'); if (empty($params['fullwidth_columns'])) $params['fullwidth_columns'] = 5; $params['loading_animation'] = thegem_check_array_value(array('disabled', 'bounce', 'move-up', 'fade-in', 'fall-perspective', 'scale', 'flip'), $params['loading_animation'], 'move-up'); if ($params['effects_enabled']) { thegem_lazy_loading_enqueue(); } $layout_columns_count = -1; if($params['layout'] == '2x') $layout_columns_count = 2; if($params['layout'] == '3x') $layout_columns_count = 3; if($params['layout'] == '4x') $layout_columns_count = 4; if(!empty($params['ids'])) { $thegem_gallery_images_ids = $params['ids']; } else { if(metadata_exists('post', $params['gallery'], 'thegem_gallery_images')) { $thegem_gallery_images_ids = get_post_meta($params['gallery'], 'thegem_gallery_images', true); } else { $attachments_ids = get_posts('post_parent=' . $params['gallery'] . '&numberposts=-1&post_type=attachment&orderby=menu_order&order=ASC&post_mime_type=image&fields=ids&post_status=publish'); $thegem_gallery_images_ids = implode(',', $attachments_ids); } $attachments_ids = array_filter(explode(',', $thegem_gallery_images_ids)); } $attachments_ids = array_filter(explode(',', $thegem_gallery_images_ids)); $gallery_uid = uniqid(); $gallery_grid_classes = array( 'gem-gallery-grid col-lg-12 col-md-12 col-sm-12', 'gallery-style-' . $params['style'], 'hover-' . $params['hover'], ($params['loading_animation'] !== 'disabled' ? 'loading-animation' : ''), ($params['loading_animation'] !== 'disabled' ? 'item-animation-' . $params['loading_animation'] : ''), ($params['layout'] == '100%' ? 'fullwidth-columns fullwidth-columns-' . intval($params['fullwidth_columns']) : ''), ($params['style'] == 'masonry' ? 'gallery-items-masonry' : ''), ($params['style'] == 'metro' ? 'metro' : ''), ($params['no_gaps'] ? 'without-padding' : ''), ($layout_columns_count != -1 ? 'columns-' . intval($layout_columns_count) : ''), ($params['gaps_size'] && $params['style'] != 'metro' ? 'gaps-margin' : ''), ($params['gaps_size'] && $params['style'] == 'metro' ? 'without-padding' : ''), ($params['style'] == 'metro' && $params['item_style'] ? 'metro-item-style-'.$params['item_style'] : ''), ($params['style'] == 'justified' && $params['ignore_highlights'] == '1' ? 'disable-isotope' : ''), ); ?> <?php if ($params['layout'] == '100%' || $params['ignore_highlights'] !== '1' || $params['style'] !== 'justified') { echo apply_filters('thegem_portfolio_preloader_html', '<div class="preloader save-space"><div class="preloader-spin"></div></div>'); } ?> <div class="gallery-preloader-wrapper"> <?php if($params['title']): ?> <h3 style="text-align: center;"><?php echo $params['title']; ?></h3> <?php endif; ?> <?php if(count($attachments_ids) > 0) : ?> <div class="row" <?php if ($params['gaps_size'] && ($params['style']) == 'metro'):;?>style="margin-top: -<?php echo ($params['gaps_size'] / 2) ;?>px"<?php endif;?> <?php if ($params['gaps_size'] && ($params['style']) != 'metro'):;?>style="margin-top: -<?php echo ($params['gaps_size'] / 2) ;?>px"<?php endif;?>> <div class="<?php echo implode(' ', $gallery_grid_classes); ?>" data-hover="<?php echo $params['hover']; ?>"> <?php if ($params['type'] == 'grid' && $params['layout'] == '100%'):?> <div class="fullwidth-block" <?php if ($params['gaps_size']):;?> style="padding-left: <?php echo ($params['gaps_size'] / 2);?>px; padding-right: <?php echo ($params['gaps_size'] / 2);?>px;"<?php endif;?>> <?php endif;?> <ul <?php if ($params['type'] != 'grid' || $params['layout'] != '100%'):?> style="margin-left: -<?php echo ($params['gaps_size'] / 2);?>px; margin-right: -<?php echo ($params['gaps_size'] / 2);?>px;" <?php endif;?> class="gallery-set clearfix" data-max-row-height="<?php echo floatval($params['metro_max_row_height']); ?>"> <?php foreach($attachments_ids as $attachment_id) : ?> <?php include(locate_template('content-gallery-item.php')); ?> <?php endforeach; ?> </ul> <?php if ($params['type'] == 'grid' && $params['layout'] == '100%'):?> </div> <?php endif; ?> </div> </div> <?php endif; ?> </div> <?php } function thegem_news_block($params) { echo '<div class="block-content"><div class="container">'; thegem_newss($params); echo '</div></div>'; } function thegem_newss($params) { $params = array_merge(array('news_set' => '', 'effects_enabled' => false), $params); $args = array( 'post_type' => 'thegem_news', 'orderby' => 'menu_order ID', 'order' => 'ASC', 'posts_per_page' => -1, ); if($params['news_set'] != '') { $args['tax_query'] = array( array( 'taxonomy' => 'thegem_news_sets', 'field' => 'slug', 'terms' => explode(',', $params['news_set']) ) ); } if ($params['effects_enabled']) { thegem_lazy_loading_enqueue(); } $news_items = new WP_Query($args); if($news_items->have_posts()) { wp_enqueue_script('thegem-news-carousel'); echo '<div class="preloader"><div class="preloader-spin"></div></div>'; echo '<div class="gem-news gem-news-type-carousel clearfix">'; while($news_items->have_posts()) { $news_items->the_post(); include(locate_template('content-news-carousel-item.php')); } echo '</div>'; } wp_reset_postdata(); } function thegem_nivoslider($params = array()) { $params = array_merge(array('slideshow' => ''), $params); $args = array( 'post_type' => 'thegem_slide', 'orderby' => 'menu_order ID', 'order' => 'ASC', 'posts_per_page' => -1, ); if($params['slideshow']) { $args['tax_query'] = array( array( 'taxonomy' => 'thegem_slideshows', 'field' => 'slug', 'terms' => explode(',', $params['slideshow']) ) ); } $slides = new WP_Query($args); if($slides->have_posts()) { wp_enqueue_style('nivo-slider'); wp_enqueue_script('thegem-nivoslider-init-script'); echo '<div class="preloader"><div class="preloader-spin"></div></div>'; echo '<div class="gem-nivoslider">'; while($slides->have_posts()) { $slides->the_post(); if(has_post_thumbnail()) { $item_data = thegem_get_sanitize_slide_data(get_the_ID()); ?> <?php if($item_data['link']) : ?> <a href="<?php echo esc_url($item_data['link']); ?>" target="<?php echo esc_attr($item_data['link_target']); ?>" class="gem-nivoslider-slide"> <?php else : ?> <div class="gem-nivoslider-slide"> <?php endif; ?> <?php thegem_post_thumbnail('full', false, ''); ?> <?php if($item_data['text_position']) : ?> <div class="gem-nivoslider-caption" style="display: none;"> <div class="caption-<?php echo esc_attr($item_data['text_position']); ?>"> <div class="gem-nivoslider-title"><?php the_title(); ?></div> <div class="clearboth"></div> <div class="gem-nivoslider-description"><?php the_excerpt(); ?></div> </div> </div> <?php endif; ?> <?php if($item_data['link']) : ?> </a> <?php else : ?> </div> <?php endif; ?> <?php } } echo '</div>'; } wp_reset_postdata(); } function thegem_atts_product_category_grid($out, $pairs, $atts, $shortcode) { if (isset($atts['thegem_grid_params'])) { $out['thegem_grid_params'] = unserialize(htmlspecialchars_decode($atts['thegem_grid_params'])); } return $out; } add_filter('shortcode_atts_product_category', 'thegem_atts_product_category_grid', 10, 4); function thegem_query_product_category_grid($query_args, $atts, $loop_name) { if (($loop_name == 'product_cat' || $loop_name == 'product_category') && isset($atts['thegem_grid_params'])) { $query_args['orderby'] = $atts['thegem_grid_params']['orderby']; $query_args['order'] = $atts['thegem_grid_params']['order']; if ($atts['thegem_grid_params']['pagination'] == 'more' || $atts['thegem_grid_params']['pagination'] == 'scroll') { $query_args['paged'] = $atts['thegem_grid_params']['grid_page']; $query_args['no_found_rows'] = false; } else { $query_args['posts_per_page'] = -1; } } return $query_args; } add_filter('woocommerce_shortcode_products_query', 'thegem_query_product_category_grid', 10, 3); function thegem_product_category_grid_before_loop($atts) { if (isset($GLOBALS['thegem_grid_params'])) { unset($GLOBALS['thegem_grid_params']); } if (!isset($atts['thegem_grid_params'])) { return; } $GLOBALS['thegem_grid_params'] = $atts['thegem_grid_params']; } add_action('woocommerce_shortcode_before_product_cat_loop', 'thegem_product_category_grid_before_loop'); add_action('woocommerce_shortcode_before_product_category_loop', 'thegem_product_category_grid_before_loop'); function thegem_product_category_grid_loop_start($wp_query) { if (!isset($GLOBALS['thegem_grid_params'])) { return; } $params = $GLOBALS['thegem_grid_params']; $terms = explode(',', $params['categories']); foreach($terms as $key => $term) { $terms[$key] = get_term_by('slug', $term, 'product_cat'); if(!$terms[$key]) { unset($terms[$key]); } } $thegem_terms_set = array(); foreach ($terms as $term) { $thegem_terms_set[$term->slug] = $term; } $gap_size = round(intval($params['gaps_size'])/2); ( isset($params['gem_product_grid_featured_products_hide_label']) && $params['gem_product_grid_featured_products_hide_label'] == 1 ) ? $class_hide_label_new = 'hide_label_new' : $class_hide_label_new = ''; ( isset($params['gem_product_grid_onsale_products_hide_label']) && $params['gem_product_grid_onsale_products_hide_label'] == 1 ) ? $class_hide_label_sale = 'hide_label_onsale' : $class_hide_label_sale = ''; $next_page = 0; if ($wp_query->max_num_pages > $params['grid_page']) { $next_page = $params['grid_page'] + 1; } else { $next_page = 0; } $GLOBALS['thegem_grid_params']['next_page'] = $next_page; ?> <?php if(!$params['is_ajax']) : ?> <?php echo apply_filters('thegem_portfolio_preloader_html', '<div class="preloader"><div class="preloader-spin"></div></div>'); ?> <div class="portfolio-preloader-wrapper"> <?php if($params['title']): ?> <h3 class="title portfolio-title"><?php echo $params['title']; ?></h3> <?php endif; ?> <?php $portfolio_classes = array( 'portfolio', 'products-grid', 'products', 'no-padding', 'portfolio-pagination-' . $params['pagination'], 'portfolio-style-' . $params['style'], 'background-style-' . $params['background_style'], 'title-style-' . $params['title_style'], 'hover-' . esc_attr($params['hover']), 'item-animation-' . $params['loading_animation'], 'title-on-' . $params['display_titles'], $class_hide_label_new, $class_hide_label_sale, ); if ($params['layout_columns'] == '1x') { $portfolio_classes[] = 'caption-position-' . $params['caption_position']; } if ($gap_size == 0) { $portfolio_classes[] = 'no-gaps'; } if ($params['layout'] == '100%') { $portfolio_classes[] = 'fullwidth-columns-' . intval($params['fullwidth_columns']); } if ($params['display_titles'] == 'page' && $params['hover'] == 'gradient') { $portfolio_classes[] = 'hover-gradient-title'; } if ($params['display_titles'] == 'page' && $params['hover'] == 'circular') { $portfolio_classes[] = 'hover-circular-title'; } if ($params['display_titles'] == 'hover') { $portfolio_classes[] = 'hover-title'; } if ($params['style'] == 'masonry' && $params['layout'] != '1x') { $portfolio_classes[] = 'portfolio-items-masonry'; } if ($params['layout_columns'] != -1) { $portfolio_classes[] = 'columns-' . intval($params['layout_columns']); } if ( $params['item_separator'] && ( $params['display_titles'] == 'hover' || ($params['display_titles'] == 'page' && ( $params['hover'] == 'gradient' || $params['hover'] == 'circular' ) ) ) ) { $portfolio_classes[] = 'item-separator'; } if ($params['disable_socials']) { $portfolio_classes[] = 'portfolio-disable-socials'; } $portfolio_classes = apply_filters('portfolio_classes_filter', $portfolio_classes); $row_styles = ''; if ($params['layout'] == '100%') { $row_styles .= 'margin: 0;'; if ($gap_size) { if (thegem_get_option('page_padding_left')) { $row_styles .= 'margin-left: -' . $gap_size . 'px;'; } else { $row_styles .= 'padding-left: ' . $gap_size . 'px;'; } if (thegem_get_option('page_padding_right')) { $row_styles .= 'margin-right: -' . $gap_size . 'px;'; } else { $row_styles .= 'padding-right: ' . $gap_size . 'px;'; } } } else { if ($gap_size) { $row_styles .= 'margin: -' . $gap_size . 'px;'; } else { $row_styles .= 'margin: 0;'; } } ?> <div data-per-page="<?php echo $params['items_per_page']; ?>" data-portfolio-uid="<?php echo esc_attr($params['portfolio_uid']); ?>" class="<?php echo implode(' ', $portfolio_classes); ?>" data-hover="<?php echo $params['hover']; ?>" <?php if($params['pagination'] == 'more' || $params['pagination'] == 'scroll'): ?>data-next-page="<?php echo esc_attr($next_page); ?>"<?php endif; ?>> <?php if(($params['with_filter'] && count($terms) > 0) || $params['sorting']): ?> <div class="portfilio-top-panel<?php if($params['layout'] == '100%'): ?> fullwidth-block<?php endif; ?>" <?php if ($gap_size && $params['layout'] == '100%'): ?>style="padding-left: <?php echo 2*$gap_size; ?>px; padding-right: <?php echo 2*$gap_size; ?>px;"<?php endif; ?>><div class="portfilio-top-panel-row"> <div class="portfilio-top-panel-left"> <?php if($params['with_filter'] && count($terms) > 0): ?> <div <?php if(!$params['sorting']): ?> style="text-align: center;"<?php endif; ?> class="portfolio-filters"> <a href="#" data-filter="*" class="active all title-h6"><?php echo thegem_build_icon('thegem-icons', 'portfolio-show-all'); ?><span class="light"><?php echo apply_filters('portfolio_show_all_filter', __('All', 'thegem')); ?></span></a> <?php foreach($terms as $term) : ?> <a href="#" data-filter=".<?php echo $term->slug; ?>" class="title-h6"><span class="light"><?php echo $term->name; ?></span></a> <?php endforeach; ?> </div> <div class="portfolio-filters-resp"> <button class="menu-toggle dl-trigger"><?php _e('Portfolio filters', 'thegem'); ?><span class="menu-line-1"></span><span class="menu-line-2"></span><span class="menu-line-3"></span></button> <ul class="dl-menu"> <li><a href="#" data-filter="*"></span><?php _e('Show All', 'thegem'); ?></a></li> <?php foreach($terms as $term) : ?> <li><a href="#" data-filter=".<?php echo esc_attr($term->slug); ?>"><?php echo $term->name; ?></a></li> <?php endforeach; ?> </ul> </div> <?php endif; ?> </div> <div class="portfilio-top-panel-right"> <?php if($params['sorting']): ?> <div class="portfolio-sorting title-h6"> <div class="orderby light"> <label for="" data-value="date"><?php _e('Date', 'thegem') ?></label> <a href="javascript:void(0);" class="sorting-switcher" data-current="date"></a> <label for="" data-value="name"><?php _e('Name', 'thegem') ?></label> </div> <div class="portfolio-sorting-sep"></div> <div class="order light"> <label for="" data-value="DESC"><?php _e('Desc', 'thegem') ?></label> <a href="javascript:void(0);" class="sorting-switcher" data-current="DESC"></a> <label for="" data-value="ASC"><?php _e('Asc', 'thegem') ?></label> </div> </div> <?php endif; ?> </div> </div></div> <?php endif; ?> <div class="<?php if($params['layout'] == '100%'): ?>fullwidth-block no-paddings<?php endif; ?>"> <div class="row" style="<?php echo $row_styles; ?>"> <div class="portfolio-set clearfix" data-max-row-height="<?php echo floatval($params['metro_max_row_height']); ?>"> <?php else: ?> <div data-page="<?php echo $params['grid_page']; ?>" data-next-page="<?php echo $next_page; ?>"> <?php endif; ?> <?php } add_action('loop_start', 'thegem_product_category_grid_loop_start'); add_action('thegem_products_loop_start', 'thegem_product_category_grid_loop_start'); function thegem_product_category_grid_after_loop($atts) { if (!isset($atts['thegem_grid_params']) || !isset($GLOBALS['thegem_grid_params'])) { return; } $params = $GLOBALS['thegem_grid_params']; $next_page = $params['next_page']; unset($GLOBALS['thegem_grid_params']); ?> <?php if(!$params['is_ajax']) : ?> </div><!-- .portflio-set --> <?php if ($params['layout'] != '1x'): ?> <div class="portfolio-item-size-container"> <?php $product_grid_item_size = true; ?> <?php include(locate_template(array('woocommerce/content-product-grid-item.php'))); ?> </div> <?php endif; ?> </div><!-- .row--> <?php if($params['pagination'] == 'normal'): ?> <div class="portfolio-navigator gem-pagination"> </div> <?php endif; ?> <?php if($params['pagination'] == 'more' && $next_page > 0): ?> <div class="portfolio-load-more"> <div class="inner"> <?php thegem_button(array_merge($params['button'], array('tag' => 'button')), 1); ?> </div> </div> <?php endif; ?> <?php if($params['pagination'] == 'scroll' && $next_page > 0): ?> <div class="portfolio-scroll-pagination"></div> <?php endif; ?> </div><!-- .full-width --> </div><!-- .portfolio--> </div><!-- .portfolio-preloader-wrapper--> <?php else: ?> </div> <?php endif; ?> <?php } add_action('woocommerce_shortcode_after_product_cat_loop', 'thegem_product_category_grid_after_loop'); add_action('woocommerce_shortcode_after_product_category_loop', 'thegem_product_category_grid_after_loop'); // Print Products Grid function thegem_products_grid($params) { $params = array_merge( array( 'categories' => '', 'title' => '', 'layout' => '2x', 'layout_version' => 'fullwidth', 'caption_position' => 'right', 'style' => 'justified', 'gaps_size' => 42, 'display_titles' => 'page', 'background_style' => 'white', 'title_style' => 'light', 'hover' => '', 'pagination' => 'normal', 'loading_animation' => 'move-up', 'items_per_page' => 8, 'with_filter' => false, 'gem_product_grid_featured_products' => 0, 'gem_product_grid_featured_products_hide_label' => 0, 'gem_product_grid_onsale_products' => 0, 'gem_product_grid_onsale_products_hide_label' => 0, 'is_ajax' => false, 'item_separator' => false, 'disable_socials' => false, 'fullwidth_columns' => '5', 'sorting' => false, 'orderby' => '', 'order' => '', 'button' => array(), 'metro_max_row_height' => 380 ), $params ); $params['button'] = array_merge(array( 'text' => __('Load More', 'thegem'), 'style' => 'flat', 'size' => 'medium', 'text_weight' => 'normal', 'no_uppercase' => 0, 'corner' => 25, 'border' => 2, 'text_color' => '', 'background_color' => '#00bcd5', 'border_color' => '', 'hover_text_color' => '', 'hover_background_color' => '', 'hover_border_color' => '', 'icon_pack' => 'elegant', 'icon_elegant' => '', 'icon_material' => '', 'icon_fontawesome' => '', 'icon_thegem_header' => '', 'icon_userpack' => '', 'icon_position' => 'left', 'separator' => 'load-more', ), $params['button']); $params['button']['icon'] = ''; if($params['button']['icon_elegant'] && $params['button']['icon_pack'] == 'elegant') { $params['button']['icon'] = $params['button']['icon_elegant']; } if($params['button']['icon_material'] && $params['button']['icon_pack'] == 'material') { $params['button']['icon'] = $params['button']['icon_material']; } if($params['button']['icon_fontawesome'] && $params['button']['icon_pack'] == 'fontawesome') { $params['button']['icon'] = $params['button']['icon_fontawesome']; } if($params['button']['icon_thegem_header'] && $params['button']['icon_pack'] == 'thegem-header') { $params['button']['icon'] = $params['button']['icon_thegem_header']; } if($params['button']['icon_userpack'] && $params['button']['icon_pack'] == 'userpack') { $params['button']['icon'] = $params['button']['icon_userpack']; } $params['loading_animation'] = thegem_check_array_value(array('disabled', 'bounce', 'move-up', 'fade-in', 'fall-perspective', 'scale', 'flip'), $params['loading_animation'], 'move-up'); if (empty($params['fullwidth_columns'])) { $params['fullwidth_columns'] = 5; } if ($params['sorting'] == 'false') { $params['sorting'] = false; } if ($params['sorting'] == 'true') { $params['sorting'] = true; } $params['orderby'] = $params['orderby'] ? $params['orderby'] : ($params['sorting'] ? 'date' :'menu_order'); $params['order'] = $params['order'] ? $params['order'] : ($params['sorting'] ? 'DESC' :'ASC'); switch ($params['layout']) { case '1x': $params['layout_columns'] = 1; break; case '2x': $params['layout_columns'] = 2; break; case '3x': $params['layout_columns'] = 3; break; case '4x': $params['layout_columns'] = 4; break; default: $params['layout_columns'] = -1; } $params['items_per_page'] = intval($params['items_per_page']) ? intval($params['items_per_page']) : 8; $params['grid_page'] = 1; if ($params['pagination'] == 'more' || $params['pagination'] == 'scroll') { if(isset($params['more_count'])) { $params['items_per_page'] = intval($params['more_count']); } if($params['layout_columns'] == -1) { $params['layout_columns'] = 5; } if($params['items_per_page'] == 0) { $params['items_per_page'] = $params['layout_columns'] * 2; } $params['grid_page'] = isset($params['more_page']) ? intval($params['more_page']) : 1; if ($params['grid_page'] == 0) { $params['grid_page'] = 1; } } wp_enqueue_style('thegem-portfolio'); wp_enqueue_style('thegem-portfolio-products'); wp_enqueue_style('thegem-hovers-' . $params['hover']); wp_enqueue_style('thegem-animations'); if ($params['with_filter']) { wp_enqueue_script('jquery-dlmenu'); } wp_enqueue_script('isotope-js'); if ($params['style'] == 'metro') { wp_enqueue_script('thegem-isotope-metro'); } else { wp_enqueue_script('thegem-isotope-masonry-custom'); } wp_enqueue_script('thegem-scroll-monitor'); wp_enqueue_script('thegem-items-animations'); wp_enqueue_script('thegem-portfolio'); wp_enqueue_script('thegem-woocommerce'); $params['portfolio_uid'] = substr( md5(rand()), 0, 7); $localize = array_merge( array('data' => $params, 'action' => 'product_grid_load_more'), array( 'url' => admin_url('admin-ajax.php'), 'nonce' => wp_create_nonce('product_grid_ajax-nonce') ) ); wp_localize_script('thegem-portfolio', 'portfolio_ajax_'.$params['portfolio_uid'], $localize); echo do_shortcode('[product_category_gem per_page="' . $params['items_per_page'] . '" columns="' . $params['layout_columns'] . '" orderby="' . $params['orderby'] . '" category="' . $params['categories'] . '" order="' . $params['order'] . '" thegem_grid_params="' . htmlspecialchars(serialize($params)) . '"]'); } if(!function_exists('thegem_video_background')) { function thegem_video_background($video_type, $video, $aspect_ratio = '16:9', $headerUp = false, $color = '', $opacity = '', $poster='', $play_on_mobile = '', $background_fallback = '', $background_style = '', $background_position_horizontal = 'center', $background_position_vertical = 'top') { $output = $link = $uniqid = $video_class = $mobile = ''; $uniqid = uniqid('thegem-video-frame-').rand(1,9999); $video_type = thegem_check_array_value(array('', 'youtube', 'vimeo', 'self'), $video_type, ''); if($video_type && $video) { $video_block = $overlay_css = $fallback_css = $video_css = $video_data = ''; if(!function_exists('isMobile')) { function isMobile() { return preg_match("/(android|avantgo|blackberry|bolt|boost|cricket|docomo|fone|hiptop|mini|mobi|palm|phone|pie|tablet|up\.browser|up\.link|webos|wos)/i", $_SERVER["HTTP_USER_AGENT"]); } } if($video_type == 'youtube' || $video_type == 'vimeo') { if($play_on_mobile) { wp_enqueue_script('thegem-video'); $video_class = ' background-video-container'; $video_block = '<div class="background-video-embed"></div>'; } elseif($background_fallback && !$play_on_mobile) { $fallback_css .= 'style="'; $fallback_css .= 'background-image: url('.esc_url($background_fallback).');'; if(!empty($background_style)) { $fallback_css .= 'background-size: '.esc_attr($background_style).';'; } else { $fallback_css .= 'background-size: cover;'; } $fallback_css .= 'background-position: '.$background_position_horizontal.' '.$background_position_vertical.';'; $fallback_css .= '"'; $output .= '<script type="text/javascript"> (function($) { $("head").append("<style>@media (max-width: 767px) {#'.esc_attr($uniqid).' {display: none;}}</style>"); })(jQuery); </script>'; } if($video_type == 'youtube') { if($play_on_mobile && !vc_is_page_editable()) { $video_data = ' data-settings=\'{"url": "https://www.youtube.com/watch?v='.$video.'", "play_on_mobile": true, "background_play_once": false }\''; } else { $link = '//www.youtube.com/embed/'.$video.'?playlist='.$video.'&autoplay=1&mute=1&controls=0&playsinline=1&enablejsapi=1&loop=1&fs=0&showinfo=0&autohide=1&iv_load_policy=3&rel=0&disablekb=1&wmode=transparent'; $video_block = '<iframe id="'.$uniqid.'" class="gem-video-background-iframe" src="'.esc_url($link).'" frameborder="0" muted="muted"></iframe>'; } } if($video_type == 'vimeo') { if($play_on_mobile && !vc_is_page_editable()) { $video_data = ' data-settings=\'{"url": "https://vimeo.com/'.$video.'", "play_on_mobile": true, "background_play_once": false }\''; } elseif(empty($play_on_mobile) && !vc_is_page_editable() && !empty(isMobile())) { $link = '//player.vimeo.com/video/'.$video.'?autoplay=0&muted=1&controls=0&loop=1&title=0&badge=0&byline=0&autopause=0'; $video_block = '<iframe id="'.$uniqid.'" class="gem-video-background-iframe" src="'.esc_url($link).'" frameborder="0" muted="muted"></iframe>'; } else { $link = '//player.vimeo.com/video/'.$video.'?autoplay=1&muted=1&controls=0&loop=1&title=0&badge=0&byline=0&autopause=0'; $video_block = '<iframe id="'.$uniqid.'" class="gem-video-background-iframe" src="'.esc_url($link).'" frameborder="0" muted="muted"></iframe>'; } } } else { if($play_on_mobile && !vc_is_page_editable()) { wp_enqueue_script('thegem-video'); $video_class = ' background-video-container'; $video_data = ' data-settings=\'{"url": "'.$video.'", "play_on_mobile": true, "background_play_once": false }\''; $video_block = '<video id="'.$uniqid.'" class="background-video-hosted html5-video" autoplay muted playsinline loop'.($poster ? ' poster="'.esc_url($poster).'"' : '').'></video>'; } elseif($background_fallback && !$play_on_mobile) { $fallback_css .= 'style="'; $fallback_css .= 'background-image: url('.esc_url($background_fallback).');'; if(!empty($background_style)) { $fallback_css .= 'background-size: '.esc_attr($background_style).';'; } else { $fallback_css .= 'background-size: cover;'; } $fallback_css .= 'background-position: '.$background_position_horizontal.' '.$background_position_vertical.';'; $fallback_css .= '"'; $output .= '<script type="text/javascript"> (function($) { $("head").append("<style>@media (max-width: 767px) {#'.esc_attr($uniqid).' {display: none;}}</style>"); })(jQuery); </script>'; $video_block = '<video id="'.$uniqid.'" autoplay="autoplay" loop="loop" src="'.$video.'" muted="muted"'.($poster ? ' poster="'.esc_url($poster).'"' : '').'></video>'; } else { $video_block = '<video id="'.$uniqid.'" autoplay="autoplay" loop="loop" src="'.$video.'" muted="muted"'.($poster ? ' poster="'.esc_url($poster).'"' : '').'></video>'; } } if($color) { $overlay_css .= 'background-color: '.$color.'; opacity: '.floatval($opacity).';'; } $output .= '<div class="gem-video-background" data-aspect-ratio="'.esc_attr($aspect_ratio).'"'.($headerUp ? ' data-headerup="1"' : '').''.$fallback_css.'>'; $output .= '<div class="gem-video-background-inner'.$video_class.'"'.$video_data.'>'.$video_block.'</div>'; $output .= '<div class="gem-video-background-overlay" style="'.$overlay_css.'"></div>'; $output .= '</div>'; } if (class_exists('TheGemGdpr')) { $type = null; switch ($video_type) { case 'youtube': $type = TheGemGdpr::CONSENT_NAME_YOUTUBE; break; case 'vimeo': $type = TheGemGdpr::CONSENT_NAME_VIMEO; break; } if (!empty($type)) { return TheGemGdpr::getInstance()->replace_disallowed_content($output, $type); } } return $output; } } /* Acoordion Script Reaplace */ function thegem_vc_base_register_front_js() { wp_deregister_script('vc_accordion_script'); wp_register_script('vc_accordion_script', THEGEM_THEME_URI . '/js/vc-accordion.js', array('jquery'), WPB_VC_VERSION, true); wp_register_script('thegem_tabs_script', THEGEM_THEME_URI . '/js/vc-tabs.min.js', array('jquery', 'vc_accordion_script'), WPB_VC_VERSION, true); wp_register_style( 'vc_tta_style', vc_asset_url( 'css/js_composer_tta.min.css' ), false, WPB_VC_VERSION ); } add_action('vc_base_register_front_js', 'thegem_vc_base_register_front_js'); function thegem_instagram_gallery($params) { $params = array_merge( array( 'instagram' => '', 'title' => '', 'layout' => '3x', 'fullwidth_columns' => 5, 'no_gaps' => '', 'autoscroll' => false, 'hover' => 'default', 'effects_enabled' => false, 'gaps_size' => 42, 'arrow' => 'portfolio_slider_arrow_small', ),$params); $gap_size = round(intval($params['gaps_size'])/2); if (empty($params['fullwidth_columns'])) $params['fullwidth_columns'] = 5; wp_enqueue_style('thegem-portfolio'); wp_enqueue_style('thegem-hovers-' . $params['hover']); wp_enqueue_script('thegem-juraSlider'); $layout_columns_count = -1; if($params['layout'] == '3x') $layout_columns_count = 3; $layout_fullwidth = false; if($params['layout'] == '100%') $layout_fullwidth = true; $images = thegem_scrape_instagram($params['instagram']); $classes = array('gem-instagram-gallery', 'portfolio', 'portfolio-slider', 'hover-title', 'clearfix', 'no-padding', 'col-lg-12', 'col-md-12', 'col-sm-12', 'hover-'.$params['hover']); if($layout_fullwidth) $classes[] = 'full'; if($params['no_gaps']) $classes[] = 'without-padding'; if($params['layout'] == '100%') $classes[] = 'fullwidth-columns-'.$params['fullwidth_columns']; if ($params['effects_enabled']) { $classes[] = 'lazy-loading'; thegem_lazy_loading_enqueue(); } if ($params['arrow']) $classes[] = $params['arrow']; $classes[] = 'gem-slider-animation-dynamic'; ?> <?php if(is_array($images) && count($images)) : ?> <div class="preloader"><div class="preloader-spin"></div></div> <div <?php post_class($classes); ?> <?php if($params['effects_enabled']): ?>data-ll-item-delay="0"<?php endif;?> data-hover="<?php echo esc_attr($params['hover']); ?>"> <div class="navigation <?php if($layout_fullwidth): ?>fullwidth-block<?php endif; ?>"> <?php if($params['title']): ?> <h3 class="title <?php if($params['effects_enabled']): ?>lazy-loading-item<?php endif;?>" <?php if($params['effects_enabled']): ?>data-ll-effect="fading"<?php endif;?>><?php echo $params['title']; ?></h3> <?php endif; ?> <div class="portolio-slider-prev"> <span></span> </div> <div class="portolio-slider-next"> <span></span> </div> <div class="portolio-slider-content"> <div class="portolio-slider-center"> <div class="<?php if($params['layout'] == '100%'): ?>fullwidth-block<?php endif; ?>"> <div style="margin: -<?php echo $gap_size; ?>px;"> <div class="portfolio-set clearfix" <?php if(intval($params['autoscroll'])) { echo 'data-autoscroll="'.intval($params['autoscroll']).'"'; } ?>> <?php foreach ($images as $i_image) : ?> <?php include(locate_template('content-instagram-gallery-carousel-item.php')); ?> <?php endforeach; ?> </div> </div> </div> </div> </div> </div> </div> <?php endif; ?> <?php } function thegem_scrape_instagram( $username ) { $username = strtolower( $username ); $username = str_replace( '@', '', $username ); if ( false === ( $instagram = get_transient( 'instagram-a5-'.sanitize_title_with_dashes( $username ) ) ) ) { $remote = wp_remote_get( 'https://www.instagram.com/'.trim( $username )); if ( is_wp_error( $remote ) ) return new WP_Error( 'site_down', esc_html__( 'Unable to communicate with Instagram.', 'thegem' ) ); if ( 200 != wp_remote_retrieve_response_code( $remote ) ) return new WP_Error( 'invalid_response', esc_html__( 'Instagram did not return a 200.', 'thegem' ) ); $shards = explode( 'window._sharedData = ', $remote['body'] ); $insta_json = explode( ';</script>', $shards[1] ); $insta_array = json_decode( $insta_json[0], TRUE ); if ( ! $insta_array ) return new WP_Error( 'bad_json', esc_html__( 'Instagram has returned invalid data.', 'thegem' ) ); if ( isset( $insta_array['entry_data']['ProfilePage'][0]['graphql']['user']['edge_owner_to_timeline_media']['edges'] ) ) { $images = $insta_array['entry_data']['ProfilePage'][0]['graphql']['user']['edge_owner_to_timeline_media']['edges']; } else { return new WP_Error( 'bad_json_2', esc_html__( 'Instagram has returned invalid data.', 'thegem' ) ); } if ( ! is_array( $images ) ) return new WP_Error( 'bad_array', esc_html__( 'Instagram has returned invalid data.', 'thegem' ) ); $instagram = array(); foreach ( $images as $image_node ) { $image = $image_node['node']; $image['thumbnail_src'] = preg_replace( '/^https?\:/i', '', $image['thumbnail_src'] ); $image['display_url'] = preg_replace( '/^https?\:/i', '', $image['display_url'] ); // handle both types of CDN url if ( ( strpos( $image['thumbnail_src'], 's640x640' ) !== false ) ) { $image['thumbnail'] = str_replace( 's640x640', 's160x160', $image['thumbnail_src'] ); $image['small'] = str_replace( 's640x640', 's320x320', $image['thumbnail_src'] ); } else { $urlparts = wp_parse_url( $image['thumbnail_src'] ); $pathparts = explode( '/', $urlparts['path'] ); array_splice( $pathparts, 3, 0, array( 's160x160' ) ); $image['thumbnail'] = '//' . $urlparts['host'] . implode( '/', $pathparts ); $pathparts[3] = 's320x320'; $image['small'] = '//' . $urlparts['host'] . implode( '/', $pathparts ); } $image['large'] = $image['thumbnail_src']; if ( $image['is_video'] == true ) { $type = 'video'; } else { $type = 'image'; } $caption = __( 'Instagram Image', 'thegem' ); if ( ! empty( $image['edge_media_to_caption']['edges'][0]['node']['text'] ) ) { $caption = $image['edge_media_to_caption']['edges'][0]['node']['text']; } $instagram[] = array( 'description' => $caption, 'time' => $image['taken_at_timestamp'], 'comments' => $image['edge_media_to_comment']['count'], 'likes' => $image['edge_media_preview_like']['count'], 'thumbnail' => $image['thumbnail'], 'small' => $image['small'], 'large' => $image['large'], 'original' => $image['display_url'], 'type' => $type ); } // do not set an empty transient - should help catch private or empty accounts if ( ! empty( $instagram ) ) { $instagram = base64_encode( serialize( $instagram ) ); //100% safe - ignore theme check nag set_transient( 'instagram-a5-'.sanitize_title_with_dashes( $username ), $instagram, apply_filters( 'null_instagram_cache_time', HOUR_IN_SECONDS*2 ) ); } } if ( ! empty( $instagram ) ) { return unserialize( base64_decode( $instagram ) ); } else { return new WP_Error( 'no_images', esc_html__( 'Instagram did not return any images.', 'thegem' ) ); } } // Print Product Slider function thegem_atts_product_category_slider($out, $pairs, $atts, $shortcode) { if (isset($atts['thegem_slider_params'])) { $out['thegem_slider_params'] = unserialize(htmlspecialchars_decode($atts['thegem_slider_params'])); } return $out; } add_filter('shortcode_atts_product_category', 'thegem_atts_product_category_slider', 10, 4); function thegem_product_category_slider_before_loop($atts) { if (isset($GLOBALS['thegem_slider_params'])) { unset($GLOBALS['thegem_slider_params']); } if (!isset($atts['thegem_slider_params'])) { return; } $GLOBALS['thegem_slider_params'] = $atts['thegem_slider_params']; } add_action('woocommerce_shortcode_before_product_cat_loop', 'thegem_product_category_slider_before_loop'); add_action('woocommerce_shortcode_before_product_category_loop', 'thegem_product_category_slider_before_loop'); function thegem_product_category_slider_loop_start($wp_query) { if (!isset($GLOBALS['thegem_slider_params'])) { return; } $params = $GLOBALS['thegem_slider_params']; $gap_size = round(intval($params['gaps_size'])/2); $layout_columns_count = -1; if ($params['layout'] == '3x') $layout_columns_count = 3; if ($params['layout'] == '2x') $layout_columns_count = 2; $layout_fullwidth = false; if ($params['layout'] == '100%') $layout_fullwidth = true; $classes = array('portfolio', 'portfolio-slider', 'products-grid', 'products-slider', 'products', 'clearfix', 'no-padding', 'col-lg-12', 'col-md-12', 'col-sm-12', 'hover-'.$params['hover']); if($layout_fullwidth) $classes[] = 'full'; if( ($params['display_titles'] == 'hover' && $params['layout'] != '1x') || $params['hover'] == 'gradient' || $params['hover'] == 'circular' ) $classes[] = 'hover-title'; if ($params['display_titles'] == 'page' && $params['hover'] == 'gradient') $classes[] = 'hover-gradient-title'; if ($params['display_titles'] == 'page' && $params['hover'] == 'circular') $classes[] = 'hover-circular-title'; if($layout_columns_count != -1) $classes[] = 'columns-'.$layout_columns_count; if($params['no_gaps']) $classes[] = 'without-padding'; if($params['layout'] == '100%') $classes[] = 'fullwidth-columns-'.$params['fullwidth_columns']; $classes[] = 'portfolio-items-' . $params['style']; if ($params['effects_enabled']) { $classes[] = 'lazy-loading'; thegem_lazy_loading_enqueue(); } if ($params['disable_socials']) $classes[] = 'disable-socials'; if ($params['slider_arrow']) $classes[] = $params['slider_arrow']; if ($params['background_style']) $classes[] = 'background-style-'.$params['background_style']; if ($params['title_style']) $classes[] = 'title-style-'.$params['title_style']; if ( $params['item_separator'] && ( $params['display_titles'] == 'hover' || ($params['display_titles'] == 'page' && ( $params['hover'] == 'gradient' || $params['hover'] == 'circular' ) ) ) ) { $classes[] = 'item-separator'; } if ($params['disable_socials']) { $classes[] = 'portfolio-disable-socials'; } $classes[] = 'title-on-' . $params['display_titles']; $classes[] = 'gem-slider-animation-' . $params['animation']; ?> <div class="preloader"><div class="preloader-spin"></div></div> <div <?php post_class($classes); ?> <?php if($params['effects_enabled']): ?>data-ll-item-delay="0"<?php endif;?> data-hover="<?php echo esc_attr($params['hover']); ?>"> <div class="navigation <?php if($layout_fullwidth): ?>fullwidth-block<?php endif; ?>"> <?php if($params['title']): ?> <h3 class="title <?php if($params['effects_enabled']): ?>lazy-loading-item<?php endif;?>" <?php if($params['effects_enabled']): ?>data-ll-effect="fading"<?php endif;?>><?php echo $params['title']; ?></h3> <?php endif; ?> <div class="portolio-slider-prev"> <span></span> </div> <div class="portolio-slider-next"> <span></span> </div> <div class="portolio-slider-content"> <div class="portolio-slider-center"> <div class="<?php if($params['layout'] == '100%'): ?>fullwidth-block<?php endif; ?>"> <div style="margin: -<?php echo $gap_size; ?>px;"> <div class="portfolio-set clearfix" <?php if(intval($params['autoscroll'])) { echo 'data-autoscroll="'.intval($params['autoscroll']).'"'; } ?>> <?php } add_action('loop_start', 'thegem_product_category_slider_loop_start'); add_action('thegem_products_loop_start', 'thegem_product_category_slider_loop_start'); function thegem_product_category_slider_after_loop($atts) { if (!isset($atts['thegem_slider_params']) || !isset($GLOBALS['thegem_slider_params'])) { return; } unset($GLOBALS['thegem_slider_params']); ?> </div> </div> </div> </div> </div> </div> </div> <?php } add_action('woocommerce_shortcode_after_product_cat_loop', 'thegem_product_category_slider_after_loop'); add_action('woocommerce_shortcode_after_product_category_loop', 'thegem_product_category_slider_after_loop'); function thegem_product_slider($params) { $params = array_merge( array( 'categories' => '', 'title' => '', 'layout' => '3x', 'no_gaps' => false, 'display_titles' => 'page', 'hover' => '', 'background_style' => 'white', 'title_style' => 'light', 'item_separator' => false, 'disable_socials' => false, 'fullwidth_columns' => '5', 'effects_enabled' => false, 'gaps_size' => 42, 'animation' => 'dynamic', 'autoscroll' => false, 'slider_arrow' => 'portfolio_slider_arrow_big', ), $params ); if (empty($params['fullwidth_columns'])) $params['fullwidth_columns'] = 5; wp_enqueue_style('thegem-portfolio'); wp_enqueue_style('thegem-portfolio-slider'); wp_enqueue_style('thegem-portfolio-products'); wp_enqueue_style('thegem-hovers-' . $params['hover']); wp_enqueue_script('thegem-juraSlider'); wp_enqueue_script('thegem-woocommerce'); if ($params['effects_enabled']) { thegem_lazy_loading_enqueue(); } echo do_shortcode('[product_category_gem per_page="-1" columns="4" category="' . $params['categories'] . '" thegem_slider_params="' . htmlspecialchars(serialize($params)) . '"]'); } // Print Blog & News Extended Grid function thegem_news_grid($params) { if ($params['disable_socials'] || !thegem_get_option('show_social_icons')) { $params['disable_socials'] = true; } if ($params['display_titles'] == 'hover') { $params['item_background_color'] = ''; $params['item_post_bottom_border_color'] = ''; } if ($params['version'] == 'default' || ($params['display_titles'] == 'hover' && ($params['hover'] == 'horizontal-sliding' || $params['hover'] == 'gradient' || $params['hover'] == 'circular'))) { $params['item_post_categories_background_color'] = ''; } $params['button']['icon'] = ''; if (isset($params['button']['icon_elegant']) && $params['button']['icon_pack'] == 'elegant') { $params['button']['icon'] = $params['button']['icon_elegant']; } if (isset($params['button']['icon_material']) && $params['button']['icon_pack'] == 'material') { $params['button']['icon'] = $params['button']['icon_material']; } if (isset($params['button']['icon_fontawesome']) && $params['button']['icon_pack'] == 'fontawesome') { $params['button']['icon'] = $params['button']['icon_fontawesome']; } if (isset($params['button']['icon_thegem_header']) && $params['button']['icon_pack'] == 'thegem-header') { $params['button']['icon'] = $params['button']['icon_thegem_header']; } if (isset($params['button']['icon_userpack']) && $params['button']['icon_pack'] == 'userpack') { $params['button']['icon'] = $params['button']['icon_userpack']; } $params['loading_animation'] = thegem_check_array_value(array('disabled', 'bounce', 'move-up', 'fade-in', 'fall-perspective', 'scale', 'flip'), $params['loading_animation'], 'move-up'); $params['pagination'] = thegem_check_array_value(array('normal', 'more', 'scroll', 'disable'), $params['pagination'], 'normal'); $gap_size = isset($params['gaps_size']) ? round(intval($params['gaps_size']) / 2) : null; $gap_size_tablet = isset($params['gaps_size_tablet']) ? round(intval($params['gaps_size_tablet']) / 2) : null; $gap_size_mobile = isset($params['gaps_size_mobile']) ? round(intval($params['gaps_size_mobile']) / 2) : null; if (empty($params['columns_100'])) $params['columns_100'] = 5; if ($params['sorting'] == 'false') $params['sorting'] = false; if ($params['sorting'] == 'true') $params['sorting'] = true; wp_enqueue_style('thegem-portfolio'); wp_enqueue_style('thegem-news-grid'); $version = $params['version']; if ($params['version'] == 'list') { $version = 'new'; $params['layout'] = 'justified'; $params['columns'] = $params['columns_desktop_list']; $params['columns_tablet'] = $params['columns_tablet_list']; $params['display_titles'] = 'page'; $params['ignore_highlights'] = '1'; } if ($params['layout'] == 'creative') { $params['columns'] = $params['columns_desktop_creative']; $params['columns_tablet'] = $params['columns_tablet_creative']; $params['columns_mobile'] = $params['columns_mobile_creative']; $params['ignore_highlights'] = '1'; } switch ($params['version']) { case 'default': if ($params['display_titles'] == 'hover') { $hover_effect = 'default-' . $params['hover']; wp_enqueue_style('thegem-news-grid-version-default-hovers-' . $params['hover']); } else { $hover_effect = $params['hover']; wp_enqueue_style('thegem-hovers-' . $params['hover']); wp_enqueue_style('thegem-news-grid-hovers'); } break; case 'new': $hover_effect = 'new-' . $params['hover']; wp_enqueue_style('thegem-news-grid-version-new-hovers-' . $params['hover']); break; case 'list': $hover_effect = 'list-' . $params['image_hover_effect_list']; wp_enqueue_style('thegem-news-grid-version-list-hovers-' . $params['image_hover_effect_list']); break; } wp_enqueue_style('mediaelement'); wp_enqueue_style('wp-mediaelement'); wp_enqueue_script('thegem-mediaelement'); wp_enqueue_script('thegem-gallery'); if ($params['with_filter']) { wp_enqueue_script('jquery-dlmenu'); } if ($params['layout'] !== 'creative' && ($params['layout'] !== 'justified' || $params['ignore_highlights'] !== '1')) { if ($params['layout'] == 'metro') { wp_enqueue_script('thegem-isotope-metro'); } else { wp_enqueue_script('thegem-isotope-masonry-custom'); } } if ($params['loading_animation'] !== 'disabled') { wp_enqueue_style('thegem-animations'); wp_enqueue_script('thegem-scroll-monitor'); wp_enqueue_script('thegem-items-animations'); } wp_enqueue_script('thegem-portfolio-grid-extended'); $widget_uid = $params['portfolio_uid']; if ($params['source_type'] == 'archive') { $params['select_blog_categories'] = ''; $params['select_blog_tags'] = ''; $params['select_blog_posts'] = ''; $params['select_blog_authors'] = ''; if ( is_category() ) { $params['select_blog_categories'] = '1'; $params['categories'] = get_queried_object()->slug; } else if ( is_tag() ) { $params['select_blog_tags'] = '1'; $params['tags'] = get_queried_object()->slug; } else if ( is_author() ) { $params['select_blog_authors'] = '1'; $params['authors'] = get_queried_object()->ID; } else { $params['select_blog_categories'] = '1'; $params['categories'] = ''; } } else if ($params['source_type'] == 'related') { $params['select_blog_categories'] = ''; $params['select_blog_tags'] = ''; $params['select_blog_posts'] = ''; $params['select_blog_authors'] = ''; if (!empty($params['related_by_categories'])) { $categories = get_the_category(); if ( ! empty( $categories ) ) { $params['select_blog_categories'] = '1'; $params['blog_categories'] = ''; foreach( $categories as $category ) { $params['blog_categories'] .= empty($params['blog_categories']) ? $category->slug : ',' . $category->slug; } } } if (!empty($params['related_by_tags'])) { $tags = get_the_terms( get_the_ID(), 'post_tag' ); if ( ! empty( $tags ) ) { $params['select_blog_tags'] = '1'; $params['blog_tags'] = ''; foreach( $tags as $tag ) { $params['blog_tags'] .= empty($params['blog_tags']) ? $tag->slug : ',' . $tag->slug; } } } if (!empty($params['related_by_author'])) { $params['select_blog_authors'] = '1'; $params['blog_authors'] = get_the_author_meta( 'ID' ); } if (!empty($params['blog_exclude_posts'])) { $params['blog_exclude_posts'] .= ',' . get_the_ID(); } else { $params['blog_exclude_posts'] = get_the_ID(); } } $is_blog_archive = $params['source_type'] == 'archive' && (thegem_get_template_type( get_the_ID() ) === 'blog-archive' || is_category() || is_tag() || is_author() || is_post_type_archive( 'post' )); $grid_uid = $is_blog_archive ? '' : $widget_uid; $grid_uid_url = $is_blog_archive ? '' : $widget_uid.'-'; $params['portfolio_uid'] = $widget_uid; if (!empty($params['categories'])) { $params['categories'] = explode(',', $params['categories']); } else { $params['categories'] = ['0']; } if (!empty($params['tags'])) { $params['tags'] = explode(',', $params['tags']); } if (!empty($params['posts'])) { $params['posts'] = explode(',', $params['posts']); } if (!empty($params['authors'])) { $params['authors'] = explode(',', $params['authors']); } if (!empty($params['exclude_blog_posts'])) { $params['exclude_blog_posts'] = explode(',', $params['exclude_blog_posts']); } $terms = ['0']; $blog_categories = $blog_tags = $blog_posts = $blog_authors = []; if ($params['select_blog_categories'] && !empty($params['categories'])) { $blog_categories = $params['categories']; $terms = $params['categories']; } if ($params['select_blog_tags'] && !empty($params['tags'])) { $blog_tags = $params['tags']; } if ($params['select_blog_posts'] && !empty($params['posts'])) { $blog_posts = $params['posts']; } if ($params['select_blog_authors'] && !empty($params['authors'])) { $blog_authors = $params['authors']; } $style_uid = substr(md5(rand()), 0, 7); $localize = array( 'data' => $params, 'action' => 'blog_grid_extended_load_more', 'url' => admin_url('admin-ajax.php'), 'nonce' => wp_create_nonce('portfolio_ajax-nonce') ); wp_localize_script('thegem-portfolio-grid-extended', 'thegem_portfolio_ajax_' . $style_uid, $localize); $inlineStyles = ''; $gridSelector = '.portfolio.news-grid[data-style-uid="' . $style_uid . '"]'; $itemSelector = $gridSelector . ' .portfolio-item'; $captionSelector = $itemSelector . ' .caption'; $onPageCaptionSelector = $itemSelector . ' .wrap > .caption'; $onHoverCaptionSelector = $itemSelector . ' .image .overlay .caption'; if (isset($gap_size)) { $inlineStyles .= $itemSelector . ' { padding: ' . esc_attr($gap_size) . 'px; }'; $inlineStyles .= $gridSelector.'.list-style.with-divider .portfolio-item .wrap:before { top: -' . esc_attr($gap_size) . 'px; }'; if ($params['columns'] == '100%') { $inlineStyles .= $gridSelector . ' .row { margin: 0; }'; if (thegem_get_option('page_padding_left')) { $inlineStyles .= $gridSelector . ' .row { margin-left: -' . esc_attr($gap_size) . 'px; }'; } else { $inlineStyles .= $gridSelector . ' .row { padding-left: ' . esc_attr($gap_size) . 'px; }'; } if (thegem_get_option('page_padding_right')) { $inlineStyles .= $gridSelector . ' .row { margin-right: -' . esc_attr($gap_size) . 'px; }'; } else { $inlineStyles .= $gridSelector . ' .row { padding-right: ' . esc_attr($gap_size) . 'px; }'; } } else { $inlineStyles .= $gridSelector . ' .row { margin: -' . esc_attr($gap_size) . 'px; }'; } } if (isset($gap_size_tablet)) { $inlineStyles .= '@media (max-width: 991px) { '. $itemSelector . ' { padding: ' . esc_attr($gap_size_tablet) . 'px; }}'; $inlineStyles .= '@media (max-width: 991px) { '. $gridSelector .'.list-style.with-divider .portfolio-item .wrap:before { top: -' . esc_attr($gap_size_tablet) . 'px; }}'; if ($params['columns'] == '100%') { $inlineStyles .= '@media (max-width: 991px) { '. $gridSelector . ' .row { margin: 0; }}'; if (thegem_get_option('page_padding_left')) { $inlineStyles .= '@media (max-width: 991px) { '. $gridSelector . ' .row { margin-left: -' . esc_attr($gap_size_tablet) . 'px; }}'; } else { $inlineStyles .= '@media (max-width: 991px) { '. $gridSelector . ' .row { padding-left: ' . esc_attr($gap_size_tablet) . 'px; }}'; } if (thegem_get_option('page_padding_right')) { $inlineStyles .= '@media (max-width: 991px) { '. $gridSelector . ' .row { margin-right: -' . esc_attr($gap_size_tablet) . 'px; }}'; } else { $inlineStyles .= '@media (max-width: 991px) { '. $gridSelector . ' .row { padding-right: ' . esc_attr($gap_size_tablet) . 'px; }}'; } } else { $inlineStyles .= '@media (max-width: 991px) { '. $gridSelector . ' .row { margin: -' . esc_attr($gap_size_tablet) . 'px; }}'; } } if (isset($gap_size_mobile)) { $inlineStyles .= '@media (max-width: 767px) { '. $itemSelector . ' { padding: ' . esc_attr($gap_size_mobile) . 'px; }}'; $inlineStyles .= '@media (max-width: 767px) { '. $gridSelector .'.list-style.with-divider .portfolio-item .wrap:before { top: -' . esc_attr($gap_size_mobile) . 'px; }}'; if ($params['columns'] == '100%') { $inlineStyles .= '@media (max-width: 767px) { '. $gridSelector . ' .row { margin: 0; }}'; if (thegem_get_option('page_padding_left')) { $inlineStyles .= '@media (max-width: 767px) { '. $gridSelector . ' .row { margin-left: -' . esc_attr($gap_size_mobile) . 'px; }}'; } else { $inlineStyles .= '@media (max-width: 767px) { '. $gridSelector . ' .row { padding-left: ' . esc_attr($gap_size_mobile) . 'px; }}'; } if (thegem_get_option('page_padding_right')) { $inlineStyles .= '@media (max-width: 767px) { '. $gridSelector . ' .row { margin-right: -' . esc_attr($gap_size_mobile) . 'px; }}'; } else { $inlineStyles .= '@media (max-width: 767px) { '. $gridSelector . ' .row { padding-right: ' . esc_attr($gap_size_mobile) . 'px; }}'; } } else { $inlineStyles .= '@media (max-width: 767px) { '. $gridSelector . ' .row { margin: -' . esc_attr($gap_size_mobile) . 'px; }}'; } } if (!empty($params['image_height'])) { $inlineStyles .= $itemSelector . ':not(.double-item) .image-inner { height: ' . esc_attr($params['image_height']) . 'px !important; padding-bottom: 0 !important; }'; $inlineStyles .= $itemSelector . ':not(.double-item) .gem-simple-gallery .gem-gallery-item a { height: ' . esc_attr($params['image_height']) . 'px !important; }'; } if (!empty($params['item_hover_background_color'])) { $inlineStyles .= $itemSelector . ' .image .overlay:before { background: ' . esc_attr($params['item_hover_background_color']) . ' !important; }'; $inlineStyles .= $itemSelector . ' .image .overlay-circle { background: ' . esc_attr($params['item_hover_background_color']) . ' !important; }'; $inlineStyles .= $itemSelector . ' .image .gem-simple-gallery .gem-gallery-item a:before { background: ' . esc_attr($params['item_hover_background_color']) . ' !important; }'; } if (!empty($params['item_background_color'])) { $inlineStyles .= $onPageCaptionSelector . ' { background-color: ' . esc_attr($params['item_background_color']) . ' !important; }'; $inlineStyles .= $itemSelector . ' .wrap { background-color: ' . esc_attr($params['item_background_color']) . ' !important; }'; } if (!empty($params['title_transform'])) { $inlineStyles .= $captionSelector . ' .title > div { text-transform: ' . esc_attr($params['title_transform']) . ' !important; }'; } if (isset($params['title_letter_spacing'])) { $inlineStyles .= $captionSelector . ' .title > div { letter-spacing: ' . esc_attr($params['title_letter_spacing']) . 'px !important; }'; } if (!empty($params['item_post_title_color'])) { $inlineStyles .= $captionSelector . ' .title { color: ' . esc_attr($params['item_post_title_color']) . ' !important; }'; $inlineStyles .= $captionSelector . ' .title > * { color: ' . esc_attr($params['item_post_title_color']) . ' !important; }'; $inlineStyles .= $captionSelector . ' .title a { color: ' . esc_attr($params['item_post_title_color']) . ' !important; }'; } if (!empty($params['item_post_title_color_hover'])) { $inlineStyles .= $gridSelector . ':not(.disabled-hover) .portfolio-item:hover .title { color: ' . esc_attr($params['item_post_title_color_hover']) . ' !important; }'; $inlineStyles .= $gridSelector . ':not(.disabled-hover) .portfolio-item:hover .title > * { color: ' . esc_attr($params['item_post_title_color_hover']) . ' !important; }'; $inlineStyles .= $gridSelector . ':not(.disabled-hover) .portfolio-item:hover .title a { color: ' . esc_attr($params['item_post_title_color_hover']) . ' !important; }'; $inlineStyles .= $gridSelector . '.disabled-hover .title a:hover { color: ' . esc_attr($params['item_post_title_color_hover']) . ' !important; }'; } if (!empty($params['item_post_author_color'])) { $inlineStyles .= $captionSelector . ' .author .author-name { color: ' . esc_attr($params['item_post_author_color']) . ' !important; }'; } if (!empty($params['item_post_date_color'])) { $inlineStyles .= $captionSelector . ' .post-author-date-separator { color: ' . esc_attr($params['item_post_date_color']) . ' !important; }'; $inlineStyles .= $captionSelector . ' .post-date { color: ' . esc_attr($params['item_post_date_color']) . ' !important; }'; } if (!empty($params['item_post_categories_background_color'])) { $inlineStyles .= $onHoverCaptionSelector . ' .info { background-color: ' . esc_attr($params['item_post_categories_background_color']) . ' !important; }'; } if (!empty($params['item_post_categories_color'])) { $inlineStyles .= $captionSelector . ' .info .sep { color: ' . esc_attr($params['item_post_categories_color']) . ' !important; border-left-color: ' . esc_attr($params['item_post_categories_color']) . ' !important; }'; $inlineStyles .= $captionSelector . ' .info a { color: ' . esc_attr($params['item_post_categories_color']) . ' !important; }'; } if (!empty($params['item_post_excerpt_color'])) { $inlineStyles .= $captionSelector . ' .description { color: ' . esc_attr($params['item_post_excerpt_color']) . ' !important; }'; $inlineStyles .= $captionSelector . ' .description .subtitle { color: ' . esc_attr($params['item_post_excerpt_color']) . ' !important; }'; $inlineStyles .= $captionSelector . ' .grid-post-meta .comments-link a { color: ' . esc_attr($params['item_post_excerpt_color']) . ' !important; }'; $inlineStyles .= $captionSelector . ' .grid-post-meta .zilla-likes { color: ' . esc_attr($params['item_post_excerpt_color']) . ' !important; }'; $inlineStyles .= $captionSelector . ' .grid-post-meta .comments-link + .post-meta-likes { border-left-color: ' . esc_attr($params['item_post_excerpt_color']) . ' !important; }'; $inlineStyles .= $captionSelector . ' .grid-post-meta .grid-post-share + .grid-post-meta-comments-likes .comments-link { border-left-color: ' . esc_attr($params['item_post_excerpt_color']) . ' !important; }'; } if (!empty($params['item_post_comments_icon_color'])) { $inlineStyles .= $captionSelector . ' .grid-post-meta .comments-link a i { color: ' . esc_attr($params['item_post_comments_icon_color']) . ' !important; }'; } if (!empty($params['item_post_likes_icon_color'])) { $inlineStyles .= $captionSelector . ' .grid-post-meta .zilla-likes i { color: ' . esc_attr($params['item_post_likes_icon_color']) . ' !important; }'; } if (!empty($params['item_post_share_icon_color'])) { $inlineStyles .= $captionSelector . ' .grid-post-share .icon { color: ' . esc_attr($params['item_post_share_icon_color']) . ' !important; }'; $inlineStyles .= $captionSelector . ' .grid-post-share .icon i { color: ' . esc_attr($params['item_post_share_icon_color']) . ' !important; }'; } if (!empty($params['item_post_share_social_icon_color'])) { $inlineStyles .= $captionSelector . ' .socials-sharing a.socials-item .socials-item-icon { color: ' . esc_attr($params['item_post_share_social_icon_color']) . ' !important; }'; } if (!empty($params['item_post_hover_icon_color'])) { $inlineStyles .= $captionSelector . ' .portfolio-icons a i { color: ' . esc_attr($params['item_post_hover_icon_color']) . ' !important; }'; $inlineStyles .= $itemSelector . ' .image .gem-simple-gallery .gem-gallery-item a:after { color: ' . esc_attr($params['item_post_hover_icon_color']) . ' !important; }'; } if (!empty($params['item_post_bottom_border_color'])) { $inlineStyles .= $itemSelector . ' .wrap > .caption { border-bottom-color: ' . esc_attr($params['item_post_bottom_border_color']) . ' !important; }'; } if (!empty($params['truncate_description'])) { $inlineStyles .= $itemSelector . ' .caption .description { max-height: initial; display: -webkit-box; -webkit-line-clamp: ' . esc_attr($params['truncate_description']) . '; line-clamp: ' . esc_attr($params['truncate_description']) . '; -webkit-box-orient: vertical; }'; } if ($params['version'] == 'list') { if (!empty($params['caption_column_width'])) { $inlineStyles .= $gridSelector .'.list-style .portfolio-set .portfolio-item .wrap > .caption { width: ' . esc_attr($params['caption_column_width']) . '%; }'; } if (!empty($params['caption_horizontal_alignment'])) { $inlineStyles .= $itemSelector . ' .wrap > .caption { text-align: ' . esc_attr($params['caption_horizontal_alignment']) . ' !important; }'; } if (!empty($params['caption_vertical_alignment'])) { $inlineStyles .= $itemSelector . ' .wrap > .caption { justify-content: ' . esc_attr($params['caption_vertical_alignment']) . ' !important; }'; } if (!empty($params['item_background_color_list'])) { $inlineStyles .= $itemSelector . ' .wrap > .caption { background-color: ' . esc_attr($params['item_background_color_list']) . ' !important; }'; } if (!empty($params['item_divider_color_list'])) { $inlineStyles .= $gridSelector . '.with-divider .portfolio-item .wrap:before { border-color: ' . esc_attr($params['item_divider_color_list']) . ' !important; }'; } if ($params['blog_show_readmore_button'] == '1') { if (!empty($params['readmore_button_corner'])) { $inlineStyles .= $itemSelector . ' .read-more-button .gem-button { border-radius: ' . esc_attr($params['readmore_button_corner']) . 'px; }'; } if (!empty($params['readmore_button_border'])) { $inlineStyles .= $itemSelector . ' .read-more-button .gem-button { border-width: ' . esc_attr($params['readmore_button_border']) . 'px; }'; } if (!empty($params['readmore_button_text_color'])) { $inlineStyles .= $itemSelector . ' .read-more-button .gem-button { color: ' . esc_attr($params['readmore_button_text_color']) . '; }'; } if (!empty($params['readmore_button_hover_text_color'])) { $inlineStyles .= $itemSelector . ' .read-more-button .gem-button:hover { color: ' . esc_attr($params['readmore_button_hover_text_color']) . '; }'; } if (!empty($params['readmore_button_background_color'])) { $inlineStyles .= $itemSelector . ' .read-more-button .gem-button { background-color: ' . esc_attr($params['readmore_button_background_color']) . '; }'; } if (!empty($params['readmore_button_hover_background_color'])) { $inlineStyles .= $itemSelector . ' .read-more-button .gem-button:hover { background-color: ' . esc_attr($params['readmore_button_hover_background_color']) . '; }'; } if (!empty($params['readmore_button_border_color'])) { $inlineStyles .= $itemSelector . ' .read-more-button .gem-button { border-color: ' . esc_attr($params['readmore_button_border_color']) . '; }'; } if (!empty($params['readmore_button_hover_border_color'])) { $inlineStyles .= $itemSelector . ' .read-more-button .gem-button:hover { border-color: ' . esc_attr($params['readmore_button_hover_border_color']) . '; }'; } } } foreach (['top', 'bottom', 'left', 'right'] as $position) { if (isset($params['caption_padding_' . $position]) && $params['caption_padding_' . $position] != '') { $inlineStyles .= $gridSelector .' .portfolio-set .portfolio-item .wrap > .caption { padding-' . $position . ': ' . intval( $params['caption_padding_' . $position] ) . 'px !important; }'; } if (isset($params['caption_padding_' . $position . '_tablet']) && $params['caption_padding_' . $position . '_tablet'] != '') { $inlineStyles .= '@media (max-width: 991px) { ' . $gridSelector .' .portfolio-set .portfolio-item .wrap > .caption { padding-' . $position . ': ' . intval( $params['caption_padding_' . $position . '_tablet'] ) . 'px !important; }}'; } if (isset($params['caption_padding_' . $position . '_mobile']) && $params['caption_padding_' . $position . '_mobile'] != '') { $inlineStyles .= '@media (max-width: 767px) { ' . $gridSelector .' .portfolio-set .portfolio-item .wrap > .caption { padding-' . $position . ': ' . intval( $params['caption_padding_' . $position . '_mobile'] ) . 'px !important; }}'; } } if (!empty($inlineStyles)) { echo '<style>'.$inlineStyles.'</style>'; } $categories_filter = null; if (isset($_GET[$grid_uid_url . 'category'])) { $active_cat = $_GET[$grid_uid_url . 'category']; $blog_categories = [$active_cat]; $categories_filter = $active_cat; } else { $active_cat = 'all'; } $items_per_page = $params['items_per_page'] ? intval($params['items_per_page']) : 8; $page = 1; $next_page = 0; if (isset($_GET[$grid_uid_url . 'page'])) { $page = $_GET[$grid_uid_url . 'page']; } if ($params['sorting']) { $orderby = 'date'; } else if (isset($params['orderby']) && $params['orderby'] != 'default') { $orderby = $params['orderby']; } else { $orderby = 'menu_order date'; } if (isset($params['order']) && $params['order'] != 'default') { $order = $params['order']; } else { $order = 'DESC'; } $news_grid_title = $params['title'] ? $params['title'] : ''; global $post; $news_grid_posttemp = $post; $news_grid_loop = get_thegem_extended_blog_posts($blog_categories, $blog_tags, $blog_posts, $blog_authors, $page, $items_per_page, $orderby, $order, $params['offset'], $params['exclude_blog_posts'], $params['ignore_sticky_posts']); if ($news_grid_loop->have_posts()) : $max_page = ceil(($news_grid_loop->found_posts - intval($params['offset'])) / $items_per_page); if ($max_page > $page) $next_page = $page + 1; else $next_page = 0; if (in_array('0', $terms)) { $terms = get_terms('category'); } else { foreach ($terms as $key => $term) { $terms[$key] = get_term_by('slug', $term, 'category'); if (!$terms[$key]) { unset($terms[$key]); } } } $terms = apply_filters('news_grid_terms_filter', $terms); $item_classes = get_thegem_extended_blog_render_item_classes($params); $thegem_sizes = get_thegem_extended_blog_render_item_image_sizes($params); if ($params['columns'] == '100%' || (($params['ignore_highlights'] !== '1' || in_array($params['layout'], ['masonry', 'metro'])) && $params['skeleton_loader'] !== '1')) { echo apply_filters('thegem_portfolio_preloader_html', '<div class="preloader save-space"><div class="preloader-spin"></div></div>'); } else if ($params['skeleton_loader'] == '1') { ?> <div class="preloader save-space"> <div class="skeleton"> <div class="skeleton-posts portfolio-row"> <?php for ($x = 0; $x < $news_grid_loop->post_count; $x++) { echo thegem_extended_blog_render_item($params, $item_classes); } ?> </div> </div> </div> <?php } ?> <div class="portfolio-preloader-wrapper"> <?php if ($news_grid_title): ?> <h3 class="title portfolio-title"><?php echo $news_grid_title; ?></h3> <?php endif; ?> <?php $news_grid_classes = array( 'portfolio portfolio-grid news-grid no-padding', 'portfolio-pagination-' . $params['pagination'], 'portfolio-style-' . $params['layout'], 'background-style-' . $params['background_style'], 'title-style-' . $params['title_style'], 'hover-' . $hover_effect, 'title-on-' . $params['display_titles'], 'version-' . $version, ($params['version'] == 'list' ? 'list-style caption-position-'.$params['caption_position_list'] : ''), ($params['loading_animation'] !== 'disabled' ? 'loading-animation item-animation-' . $params['loading_animation'] : ''), ($params['loading_animation'] !== 'disabled' && $params['loading_animation_mobile'] == '1' ? 'enable-animation-mobile' : ''), ($gap_size == 0 ? 'no-gaps' : ''), (($params['layout'] == 'creative' && $params['columns'] == '100%') ? 'fullwidth-columns fullwidth-columns-' . $params['columns_100_creative'] : ''), (($params['layout'] != 'creative' && $params['columns'] == '100%') ? 'fullwidth-columns fullwidth-columns-' . $params['columns_100'] : ''), ($params['display_titles'] == 'hover' ? 'hover-title' : ''), ($params['layout'] == 'masonry' && $params['columns'] != '1x' ? 'portfolio-items-masonry' : ''), ($params['columns'] != '100%' ? 'columns-' . str_replace("x", "", $params['columns']) : ''), (isset($params['columns_tablet']) ? 'columns-tablet-' . str_replace("x", "", $params['columns_tablet']) : ''), (isset($params['columns_mobile']) ? 'columns-mobile-' . str_replace("x", "", $params['columns_mobile']) : ''), ($params['version'] == 'list' || $params['layout'] == 'creative' || ($params['layout'] == 'justified' && $params['ignore_highlights'] == '1') ? 'disable-isotope' : ''), ($params['next_page_preloading'] == '1' ? 'next-page-preloading' : ''), ($params['filters_preloading'] == '1' ? 'filters-preloading' : ''), ($params['layout'] == 'creative' && $params['scheme_apply_mobiles'] !== '1' ? 'creative-disable-mobile' : ''), ($params['layout'] == 'creative' && $params['scheme_apply_tablets'] !== '1' ? 'creative-disable-tablet' : ''), ($params['version'] == 'list' && $params['disable_hover'] == '1' ? 'disabled-hover' : ''), ($params['version'] == 'list' && $params['blog_show_divider'] == '1' ? 'with-divider' : ''), ($params['disable_bottom_margin'] == '1' ? 'disable-bottom-margin' : ''), ); $news_grid_classes = apply_filters('news_grid_classes_filter', $news_grid_classes); $fw_uniqid = uniqid('fullwidth-block-'); ?> <div class="<?php echo implode(' ', $news_grid_classes); ?>" data-style-uid="<?php echo esc_attr($style_uid); ?>" data-portfolio-uid="<?php echo esc_attr($grid_uid); ?>" data-current-page="<?php echo esc_attr($page); ?>" data-per-page="<?php echo $items_per_page; ?>" data-next-page="<?php echo esc_attr($next_page); ?>" data-pages-count="<?php echo esc_attr($max_page); ?>" data-hover="<?php echo $params['hover']; ?>" data-portfolio-filter="<?php echo esc_attr($categories_filter); ?>"> <?php if (($params['with_filter'] && count($terms) > 0) || $params['sorting']): ?> <div class="portfilio-top-panel<?php if ($params['columns'] == '100%'): ?> fullwidth-block <?= $fw_uniqid; ?><?php endif; ?>" <?php if ($gap_size && $params['layout'] == '100%'): ?>style="padding-left: <?php echo 2 * $gap_size; ?>px; padding-right: <?php echo 2 * $gap_size; ?>px;"<?php endif; ?>> <div class="portfilio-top-panel-row"> <div class="portfilio-top-panel-left"> <?php if ($params['with_filter'] && count($terms) > 0): ?> <div <?php if (!$params['sorting']): ?> style="text-align: center;"<?php endif; ?> class="portfolio-filters"> <a href="#" data-filter="*" class="<?php echo $active_cat == 'all' ? 'active' : ''; ?> all title-h6"><?php echo thegem_build_icon('thegem-icons', 'portfolio-show-all'); ?><span class="light"><?php echo $params['all_text']; ?></span></a> <?php foreach ($terms as $term) : ?> <a href="#" data-filter=".<?php echo $term->slug; ?>" class="<?php echo $active_cat == $term->slug ? 'active' : ''; ?> title-h6"><?php if (get_option('portfoliosets_' . $term->term_id . '_icon_pack') && get_option('portfoliosets_' . $term->term_id . '_icon')) { echo thegem_build_icon(get_option('portfoliosets_' . $term->term_id . '_icon_pack'), get_option('portfoliosets_' . $term->term_id . '_icon')); } ?><span class="light"><?php echo $term->name; ?></span></a> <?php endforeach; ?> </div> <div class="portfolio-filters-resp"> <button class="menu-toggle dl-trigger"><?php _e('News filters', 'thegem'); ?> <span class="menu-line-1"></span><span class="menu-line-2"></span><span class="menu-line-3"></span></button> <ul class="dl-menu"> <li><a href="#" data-filter="*"><?php echo $params['all_text']; ?></a></li> <?php foreach ($terms as $term) : ?> <li><a href="#" data-filter=".<?php echo esc_attr($term->slug); ?>"><?php echo $term->name; ?></a> </li> <?php endforeach; ?> </ul> </div> <?php endif; ?> </div> <div class="portfilio-top-panel-right"> <?php if ($params['sorting']): ?> <div class="portfolio-sorting title-h6"> <div class="orderby light"> <label for="" data-value="date"><?php _e('Date', 'thegem') ?></label> <a href="javascript:void(0);" class="sorting-switcher" data-current="date"></a> <label for="" data-value="name"><?php _e('Name', 'thegem') ?></label> </div> <div class="portfolio-sorting-sep"></div> <div class="order light"> <label for="" data-value="DESC"><?php _e('Desc', 'thegem') ?></label> <a href="javascript:void(0);" class="sorting-switcher" data-current="DESC"></a> <label for="" data-value="ASC"><?php _e('Asc', 'thegem') ?></label> </div> </div> <?php endif; ?> </div> </div> </div> <?php if ($params['columns'] == '100%') { echo '<script type="text/javascript">if (typeof(gem_fix_fullwidth_position) == "function") { gem_fix_fullwidth_position(document.querySelector(".portfilio-top-panel.' . $fw_uniqid . '")); }</script><div></div>'; } ?> <?php endif; ?> <div class="portfolio-row-outer <?php if ($params['columns'] == '100%'): ?>fullwidth-block <?= $fw_uniqid; ?> no-paddings<?php endif; ?>"> <div class="row"> <div class="portfolio-set clearfix" data-max-row-height="<?php echo floatval($params['metro_max_row_height']); ?>"> <?php if ($params['layout'] == 'creative') { $creative_blog_schemes_list = [ '6' => [ '6a' => [ 'count' => 9, 0 => 'squared', ], '6b' => [ 'count' => 7, 0 => 'squared', 1 => 'horizontal', 6 => 'horizontal', ], '6c' => [ 'count' => 9, 0 => 'horizontal', 3 => 'horizontal', 6 => 'horizontal', ], '6d' => [ 'count' => 9, 0 => 'horizontal', 1 => 'horizontal', 2 => 'horizontal', ], '6e' => [ 'count' => 6, 0 => 'squared', 1 => 'squared', ] ], '5' => [ '5a' => [ 'count' => 7, 0 => 'squared', ], '5b' => [ 'count' => 8, 0 => 'horizontal', 4 => 'horizontal', ], '5c' => [ 'count' => 6, 0 => 'horizontal', 1 => 'horizontal', 4 => 'horizontal', 5 => 'horizontal', ], '5d' => [ 'count' => 4, 0 => 'squared', 1 => 'vertical', 2 => 'horizontal', 3 => 'horizontal', ] ], '4' => [ '4a' => [ 'count' => 5, 0 => 'squared', ], '4b' => [ 'count' => 4, 0 => 'squared', 1 => 'horizontal', ], '4c' => [ 'count' => 4, 0 => 'squared', 1 => 'vertical', ], '4d' => [ 'count' => 7, 0 => 'vertical', ], '4e' => [ 'count' => 4, 0 => 'vertical', 1 => 'vertical', 2 => 'horizontal', 3 => 'horizontal', ], '4f' => [ 'count' => 6, 0 => 'horizontal', 5 => 'horizontal', ] ], '3' => [ '3a' => [ 'count' => 4, 0 => 'vertical', 1 => 'vertical', ], '3b' => [ 'count' => 4, 1 => 'horizontal', 2 => 'horizontal', ], '3c' => [ 'count' => 5, 0 => 'vertical', ], '3d' => [ 'count' => 5, 0 => 'horizontal', ], '3e' => [ 'count' => 3, 0 => 'squared', ], '3f' => [ 'count' => 4, 0 => 'horizontal', 1 => 'vertical', ], '3g' => [ 'count' => 4, 0 => 'vertical', 3 => 'horizontal', ], '3h' => [ 'count' => 5, 2 => 'vertical', ] ], '2' => [ '2a' => [ 'count' => 5, 0 => 'vertical', ], '2b' => [ 'count' => 5, 3 => 'vertical', ], '2c' => [ 'count' => 4, 0 => 'vertical', 2 => 'vertical', ], '2d' => [ 'count' => 4, 0 => 'horizontal', 1 => 'vertical', ], '2e' => [ 'count' => 5, 0 => 'horizontal', ], '2f' => [ 'count' => 4, 0 => 'horizontal', 1 => 'horizontal', ], '2g' => [ 'count' => 5, 2 => 'horizontal', ], '2h' => [ 'count' => 4, 0 => 'horizontal', 3 => 'horizontal', ], ] ]; $columns = $params['columns'] != '100%' ? str_replace("x", "", $params['columns']) : $params['columns_100_creative']; $items_sizes = $creative_blog_schemes_list[$columns][$params['layout_scheme_' . $columns . 'x']]; $items_count = $items_sizes['count']; } $i = 0; while ($news_grid_loop->have_posts()) : $news_grid_loop->the_post(); $thegem_highlight_type_creative = null; if ($params['layout'] == 'creative') { $thegem_highlight_type_creative = 'disabled'; $item_num = $i % $items_count; if (isset($items_sizes[$item_num])) { $thegem_highlight_type_creative = $items_sizes[$item_num]; } } echo thegem_extended_blog_render_item($params, $item_classes, $thegem_sizes, get_the_ID(), $thegem_highlight_type_creative); if ($params['layout'] == 'creative' && $i == 0) { echo thegem_extended_blog_render_item($params, ['size-item'], $thegem_sizes); } $i++; endwhile; ?> </div><!-- .portflio-set --> <?php if ($params['columns'] != '1x' && $params['layout'] != 'creative' && $params['version'] != 'list'): ?> <div class="portfolio-item-size-container"> <?php echo thegem_extended_blog_render_item($params, $item_classes, $thegem_sizes); ?> </div> <?php endif; ?> </div><!-- .row--> <?php if ($params['pagination'] == 'normal' && $next_page > 0): ?> <div class="portfolio-navigator gem-pagination"> <a href="#" class="prev"> <i class="default"></i> </a> <div class="pages"></div> <a href="#" class="next"> <i class="default"></i> </a> </div> <?php endif; ?> <?php if ($params['pagination'] == 'more' && $next_page > 0): ?> <div class="portfolio-load-more"> <div class="inner"> <?php thegem_button(array_merge($params['button'], array('tag' => 'button')), 1); ?> </div> </div> <?php endif; ?> <?php if ($params['pagination'] == 'scroll' && $next_page > 0): ?> <div class="portfolio-scroll-pagination"></div> <?php endif; ?> </div><!-- .full-width --> <?php if ($params['columns'] == '100%') { echo '<script type="text/javascript">if (typeof(gem_fix_fullwidth_position) == "function") { gem_fix_fullwidth_position(document.querySelector(".portfolio-row-outer.' . $fw_uniqid . '")); }</script>'; } ?> </div><!-- .portfolio--> </div><!-- .portfolio-preloader-wrapper--> <?php else: ?> <div data-page="<?php echo esc_attr($page); ?>" data-next-page="<?php echo esc_attr($next_page); ?>"></div> <?php endif; ?> <?php $post = $news_grid_posttemp; wp_reset_postdata(); } if (!function_exists('get_thegem_extended_blog_posts')) { function get_thegem_extended_blog_posts($blog_categories, $blog_tags, $blog_posts, $blog_authors, $page = 1, $ppp = -1, $orderby = 'menu_order date', $order = 'DESC', $offset = false, $exclude = false, $ignore_sticky_posts = false) { $args = array( 'post_type' => 'post', 'post_status' => 'publish', 'orderby' => $orderby, 'order' => $order, 'posts_per_page' => $ppp, ); if ($ignore_sticky_posts) { $args['ignore_sticky_posts'] = 1; } $tax_query = []; if (!empty($blog_categories) && !in_array('0', $blog_categories, true)) { $tax_query[] = array( 'taxonomy' => 'category', 'field' => 'slug', 'terms' => $blog_categories ); } if (!empty($blog_tags)) { $tax_query[] = array( 'taxonomy' => 'post_tag', 'field' => 'slug', 'terms' => $blog_tags ); } if (!empty($tax_query)) { $args['tax_query'] = $tax_query; } if (!empty($blog_posts)) { $args['post__in'] = $blog_posts; } if (!empty($blog_authors)) { $args['author__in'] = $blog_authors; } if (!empty($offset)) { $args['offset'] = $ppp * ($page - 1) + $offset; } else { $args['paged'] = $page; } if (!empty($exclude)) { $args['post__not_in'] = $exclude; } return new WP_Query($args); } } function gem_featured_posts_slider($params) { $params = array_merge( array( 'source_type' => 'custom', 'related_by_categories' => '1', 'related_by_tags' => '', 'related_by_author' => '', 'source' => 'featured', 'featured_source' => 'featured', 'categories' => '', 'select_blog_cat' => '', 'select_blog_tags' => '', 'select_blog_posts' => '', 'select_blog_authors' => '', 'order_by' => 'default', 'order' => 'default', 'offset' => '', 'exclude_blog_posts' => '', 'style' => 'default', 'layout' => 'container', 'max_height' => '', 'fullheight' => 0, 'centered_captions' => 0, 'title_style' => 'big', 'max_posts' => 3, 'hide_button' => 0, 'hide_date' => 0, 'hide_excerpt' => 0, 'hide_categories' => 0, 'hide_author_avatar' => 0, 'hide_author' => 0, 'use_background_overlay' => 0, 'overlay_color' => '#000000', 'overlay_opacity' => 0.7, 'post_title_color' => '', 'post_author_color' => '', 'post_date_color' => '', 'post_excerpt_color' => '', 'post_categories_color' => '', 'paginator_type' => 'arrows', 'paginator_size' => 'regular', 'paginator_style' => 'light', 'paginator_position' => 'left_right', 'sliding_effect' => 'slide', 'post_types' => post_type_exists('thegem_news') ? array('post', 'thegem_news') : array('post'), 'button' => array(), 'paginator' => array(), ), $params ); $taxonomies = array('category'); if(taxonomy_exists('thegem_news_sets')) { $taxonomies[] = 'thegem_news_sets'; } if (empty($params['max_height'])) { $params['max_height'] = $params['layout']=='container' ? '628' : '758'; } $params['button'] = array_merge(array( 'text' => __('Read More', 'thegem'), 'style' => 'outline', 'size' => 'small', 'text_weight' => 'thin', 'no_uppercase' => 0, 'corner' => '', 'border' => 1, 'text_color' => '#ffffff', 'background_color' => '', 'border_color' => '#ffffff', 'hover_text_color' => '#000000', 'hover_background_color' => '#ffffff', 'hover_border_color' => '', 'icon_pack' => 'elegant', 'icon_elegant' => '', 'icon_material' => '', 'icon_fontawesome' => '', 'icon_thegem_header' => '', 'icon_userpack' => '', 'icon_position' => 'left' ), $params['button']); $params['button']['icon'] = ''; if($params['button']['icon_elegant'] && $params['button']['icon_pack'] == 'elegant') { $params['button']['icon'] = $params['button']['icon_elegant']; } if($params['button']['icon_material'] && $params['button']['icon_pack'] == 'material') { $params['button']['icon'] = $params['button']['icon_material']; } if($params['button']['icon_fontawesome'] && $params['button']['icon_pack'] == 'fontawesome') { $params['button']['icon'] = $params['button']['icon_fontawesome']; } if($params['button']['icon_thegem_header'] && $params['button']['icon_pack'] == 'thegem-header') { $params['button']['icon'] = $params['button']['icon_thegem_header']; } if($params['button']['icon_userpack'] && $params['button']['icon_pack'] == 'userpack') { $params['button']['icon'] = $params['button']['icon_userpack']; } $params['paginator'] = array_merge(array( 'type' => 'arrows', 'icon' => '1', 'size' => 'regular', 'style' => 'light', 'position' => 'left_right', ), $params['paginator']); wp_enqueue_style('thegem-featured-posts-slider'); wp_enqueue_style('icons-arrows'); wp_enqueue_script('thegem-featured-posts-slider'); global $post; $current_post = $post; if ( is_category() && $params['source_type'] == 'archive' ) { $params['source'] = 'categories'; $params['select_blog_cat'] = get_queried_object()->slug; } else if ( is_tag() && $params['source_type'] == 'archive' ) { $params['source'] = 'tags'; $params['select_blog_tags'] = get_queried_object()->slug; } $query_args = array( 'post_type' => $params['post_types'], 'post_status' => 'publish', 'ignore_sticky_posts' => 1, ); if (($params['source_type'] == 'custom' && $params['source'] == 'featured') || ($params['source_type'] == 'archive' && $params['featured_source'] == 'featured')) { $query_args['post__not_in'] = array($current_post->ID); $query_args['meta_query'] = array( array( 'key' => 'thegem_show_featured_posts_slider', 'value' => 1 ) ); } if ($params['source_type'] !== 'related' && $params['source'] == 'categories') { $params['categories'] = $params['select_blog_cat']; } if ($params['categories'] && is_string($params['categories'])) { $params['categories'] = explode(',', $params['categories']); } else if ($params['source_type'] == 'related' && !empty($params['related_by_categories'])) { $categories = get_the_category(); if ( !empty( $categories ) ) { $params['categories'] = []; foreach( $categories as $category ) { $params['categories'][] = $category->slug; } } } if ($params['source_type'] !== 'related' && $params['source'] == 'tags' && !empty($params['select_blog_tags'])) { $query_args['tax_query'] = array( 'relation' => 'OR', array( 'taxonomy' => 'post_tag', 'field' => 'slug', 'terms' => explode(",", $params['select_blog_tags']) ), ); } else if ($params['source_type'] == 'related' && !empty($params['related_by_tags'])) { $tags = get_the_terms( get_the_ID(), 'post_tag' ); if ( !empty( $tags ) ) { $blog_tags = []; foreach( $tags as $tag ) { $params['blog_tags'][] = $tag->slug; } $query_args['tax_query'] = array( 'relation' => 'OR', array( 'taxonomy' => 'post_tag', 'field' => 'slug', 'terms' => $blog_tags ), ); } } if ($params['source_type'] !== 'related' && $params['source'] == 'posts' && !empty($params['select_blog_posts'])) { $query_args['post__in'] = explode(",", $params['select_blog_posts']); $query_args['ignore_sticky_posts'] = 1; } if ($params['source_type'] !== 'related' && $params['source'] == 'authors' && !empty($params['select_blog_authors'])) { $query_args['author__in'] = explode(",", $params['select_blog_authors']); } else if ($params['source_type'] == 'related' && !empty($params['related_by_author'])) { $query_args['author__in'] = get_the_author_meta( 'ID' ); } if (!empty($params['categories']) && !in_array('--all--', $params['categories'])) { $query_args['tax_query'] = array( 'relation' => 'OR', array( 'taxonomy' => 'category', 'field' => 'slug', 'terms' => $params['categories'] ), ); if (taxonomy_exists('thegem_news_sets')) { $query_args['tax_query'][] = array( 'taxonomy' => 'thegem_news_sets', 'field' => 'slug', 'terms' => $params['categories'] ); } } if ($params['order_by'] == 'default' || $params['order_by'] == 'date_asc' || $params['order_by'] == 'date_desc') { $query_args['orderby'] = 'date'; $query_args['order'] = $params['order_by'] == 'date_asc' ? 'ASC' : 'DESC'; } else { $query_args['orderby'] = $params['order_by']; } if (isset($params['order']) && $params['order'] != 'default') { $query_args['order'] = $params['order']; } if (!empty($params['offset'])) { $query_args['offset'] = $params['offset']; } if (!empty($params['exclude_blog_posts'])) { $post__not_in = explode(',', $params['exclude_blog_posts']); } if ($params['source_type'] == 'related') { if (!empty($post__not_in)) { $post__not_in[] = get_the_ID(); } else { $post__not_in = get_the_ID(); } } if (!empty($post__not_in)) { $query_args['post__not_in'] = $post__not_in; } $query_args['posts_per_page'] = !empty($params['max_posts']) ? $params['max_posts'] : 3; $query = new WP_Query($query_args); $slider_classes = array(); if ($params['layout']=='fullwidth') { $slider_classes[] = 'fullwidth-block'; } if ($params['centered_captions']) { $slider_classes[] = 'centered-captions'; } $slider_classes[] = 'style-'.esc_attr($params['style']); $slider_classes = implode(' ', $slider_classes); if ($params['paginator']['type'] == 'bullets') { $params['paginator']['color']=thegem_get_option('styled_elements_color_1'); } $slider_uid = uniqid('gem-featured-posts-slider-'); $slide_num = 0; if ($query->have_posts()) : if ($params['fullheight']) { $preloader_style = 'height: 100vh;'; } else { $preloader_style = 'height: '.esc_attr($params['max_height']).'px;'; } ?> <div class="preloader default-background <?php echo $params['layout']=='fullwidth' ? 'fullwidth-preloader' : ''; ?>" style="<?php echo $preloader_style; ?>"><div class="preloader-spin-new"></div></div> <div id="<?= esc_attr($slider_uid); ?>" class="gem-featured-posts-slider <?php echo $slider_classes ?>" data-paginator="<?php echo htmlspecialchars(json_encode($params['paginator'])); ?>" data-sliding-effect="<?php echo esc_attr($params['sliding_effect']); ?>" data-auto-scroll=<?php echo (intval($params['auto_scroll']) > 0 ? esc_attr(intval($params['auto_scroll'])) : 'false') ?> > <?php while($query->have_posts()) { $query->the_post(); include(locate_template(array('gem-templates/blog/content-blog-item-featured-posts-slider.php'))); } ?> </div> <?php endif; ?> <?php wp_reset_postdata(); ?> <?php if ($params['layout']=='fullwidth') { echo '<script type="text/javascript">if (typeof(gem_fix_fullwidth_position) == "function") { gem_fix_fullwidth_position(document.getElementById("' . esc_attr($slider_uid) . '")); }</script>'; } } // Print Thegem Heading function thegem_heading($params) { $text = $icon = $link_atts = $label = $class = $main_style = $data_attributes = $link_before = $link_after = $span_before = $span_after = ''; $id = uniqid('thegem-heading-'); $class .= 'thegem-heading'; $uniq_interaction = uniqid('thegem-heading-interaction-'); if (!empty($params['element_id'])) { $id = esc_attr($params['element_id']); } $inline_css = '#'.$id.' {margin: 0;}'; if (isset($params['heading_div_style']) && !empty($params['heading_div_style'])) { $class .= ' '.$params['heading_div_style']; } if (isset($params['heading_align']) && !empty($params['heading_align'])) { $main_style .= 'text-align: '.$params['heading_align'].';'; if($params['heading_align'] == 'right') { $inline_css .= '#'.$id.' {margin-left: auto; margin-right: 0;}'; $inline_css .= '#'.$id.' > * {justify-content: flex-end;}'; } else if($params['heading_align'] == 'center') { $inline_css .= '#'.$id.' {margin-left: auto; margin-right: auto;}'; $inline_css .= '#'.$id.' > * {justify-content: center;}'; } } if (!empty($params['extra_class'])) { $class .= ' '.$params['extra_class']; } if (isset($params['heading_link']) && !empty($params['heading_link'])) { $link = vc_build_link($params['heading_link']); if (isset($link['url']) && !empty($link['url'])) { $link_atts .= 'href="'.esc_attr($link['url']).'"'; } if (isset($link['title']) && !empty($link['title'])) { $link_atts .= ' title="'.esc_attr($link['title']).'"'; } if (isset($link['target']) && !empty($link['target'])) { $link_atts .= ' target="'.esc_attr(trim($link['target'])).'"'; } if (isset($link['rel']) && !empty($link['rel'])) { $link_atts .= ' rel="'.esc_attr(trim($link['rel'])).'"'; } $link_before = '<a '.$link_atts.'>'; $link_after = '</a>'; } if (!empty($params['heading_inline'])) { $inline_css .= '#'.$uniq_interaction.', #'.$id.' {display: inline;}'; } if (!empty($params['heading_custom_font_size'])) { if (isset($params['heading_font_size']) && !empty($params['heading_font_size'])) { $inline_css .= '#'.$id.' {font-size: '.esc_attr($params['heading_font_size']).'px;}'; } if (isset($params['heading_line_height']) && !empty($params['heading_line_height'])) { $inline_css .= '#'.$id.' {line-height: '.esc_attr($params['heading_line_height']).'px;}'; } if(isset($params['heading_letter_spacing']) && !empty($params['heading_letter_spacing']) || strcmp($params['heading_letter_spacing'], '0') === 0) { $inline_css .= '#'.$id.' {letter-spacing: '.esc_attr($params['heading_letter_spacing']).'px;}'; } if (isset($params['heading_text_transform']) && !empty($params['heading_text_transform'])) { $inline_css .= '#'.$id.', #'.$id.' .light {text-transform: '.esc_attr($params['heading_text_transform']).';}'; } } if (!empty($params['heading_responsive_font'])) { if (isset($params['heading_font_size_tablet']) && !empty($params['heading_font_size_tablet'])) { $inline_css .= '@media screen and (max-width: 1023px) and (min-width: 768px) {#'.$id.' {font-size: '.esc_attr($params['heading_font_size_tablet']).'px;}}'; } if (isset($params['heading_line_height_tablet']) && !empty($params['heading_line_height_tablet'])) { $inline_css .= '@media screen and (max-width: 1023px) and (min-width: 768px) {#'.$id.' {line-height: '.esc_attr($params['heading_line_height_tablet']).'px;}}'; } if(isset($params['heading_letter_spacing_tablet']) && !empty($params['heading_letter_spacing_tablet']) || strcmp($params['heading_letter_spacing_tablet'], '0') === 0 ) { $inline_css .= '@media screen and (max-width: 1023px) and (min-width: 768px) {#'.$id.' {letter-spacing: '.esc_attr($params['heading_letter_spacing_tablet']).'px;}}'; } if (isset($params['heading_font_size_mobile']) && !empty($params['heading_font_size_mobile'])) { $inline_css .= '@media screen and (max-width: 767px) {#'.$id.' {font-size: '.esc_attr($params['heading_font_size_mobile']).'px;}}'; } if (isset($params['heading_line_height_mobile']) && !empty($params['heading_line_height_mobile'])) { $inline_css .= '@media screen and (max-width: 767px) {#'.$id.' {line-height: '.esc_attr($params['heading_line_height_mobile']).'px;}}'; } if(isset($params['heading_letter_spacing_mobile']) && !empty($params['heading_letter_spacing_mobile']) || strcmp($params['heading_letter_spacing_mobile'], '0') === 0) { $inline_css .= '@media screen and (max-width: 767px) {#'.$id.' {letter-spacing: '.esc_attr($params['heading_letter_spacing_mobile']).'px;}}'; } } if (isset($params['heading_disable_desktop']) && !empty($params['heading_disable_desktop'])) { $inline_css .= '@media screen and (min-width: 1024px) {#'.$id.' {display: none;}}'; } if (isset($params['heading_disable_tablet']) && !empty($params['heading_disable_tablet'])) { $inline_css .= '@media screen and (max-width: 1023px) and (min-width: 768px) {#'.$id.' {display: none;}}'; } if (isset($params['heading_disable_mobile']) && !empty($params['heading_disable_mobile'])) { $inline_css .= '@media screen and (max-width: 767px) {#'.$id.' {display: none;}}'; } $offset_name = array('padding', 'margin'); $direction = array('top', 'bottom', 'left', 'right'); foreach ($offset_name as $name) { foreach ($direction as $dir) { $unit = 'px'; $result = $last_result = ''; if(isset($params['tablet_'.$name.'_'.$dir]) && !empty($params['tablet_'.$name.'_'.$dir]) || strcmp($params['tablet_'.$name.'_'.$dir], '0') === 0) { $result = str_replace(' ', '', $params['tablet_'.$name.'_'.$dir]); $last_result = substr($result, -1); if($last_result == '%') { $result = str_replace('%', '', $result); $unit = $last_result; } $inline_css .= '@media screen and (max-width: 1023px) {#'.esc_attr($id).'.thegem-heading {'.$name.'-'.$dir.': '.$result.$unit.' !important;}}'; } if(isset($params['mobile_'.$name.'_'.$dir]) && !empty($params['mobile_'.$name.'_'.$dir]) || strcmp($params['mobile_'.$name.'_'.$dir], '0') === 0) { $result = str_replace(' ', '', $params['mobile_'.$name.'_'.$dir]); $last_result = substr($result, -1); if($last_result == '%') { $result = str_replace('%', '', $result); $unit = $last_result; } $inline_css .= '@media screen and (max-width: 767px) {#'.esc_attr($id).'.thegem-heading {'.$name.'-'.$dir.': '.$result.$unit.' !important;}}'; } } } if (isset($params['heading_width']) && !empty($params['heading_width']) || strcmp($params['heading_width'], '0') === 0) { $inline_css .= '#'.$id.' {max-width: '.esc_attr($params['heading_width']).'px;}'; } if (!empty($params['heading_custom_fonts']) && !empty($params['heading_google_font'])) { $font = thegem_font_parse($params['heading_custom_fonts']); $inline_css .= '#'.$id.' .light, #'.$id.' {'.esc_attr($font).'}'; } $interactions_before_html = $interactions_after_html = ''; if(isset($params['interactions_enabled']) && !empty($params['interactions_enabled'])) { $interactions_before_html = '<div id="'.esc_attr($uniq_interaction).'" class="gem-interactions-enabled" '.interactions_data_attr($params).'>'; $interactions_after_html = '</div>'; } if (!empty($params['css'])) { $custom_css_class = vc_shortcode_custom_css_class($params['css']); if ($params['heading_animation'] == TheGemHeadingAnimation::ANIMATION_BACKGROUND_SLIDING) { $params['css'] = preg_replace_callback('/background-color:\s?#[A-Fa-f0-9]{6}\s?\!important?;/', function ($matches) use (&$params) { $params['css_background_color'] = $matches[0]; return ''; }, $params['css']); } $class .= ' '.$custom_css_class; $class = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, $class, 'gem_heading', $params ); } if ((!empty($params['css_animation']) && $params['css_animation']!='none')) { wp_enqueue_script( 'vc_waypoints' ); wp_enqueue_style( 'vc_animate-css' ); $class .= ' wpb_animate_when_almost_visible'; $class .= ' ' . $params['css_animation'] . ' wpb_'.$params['css_animation']; $delay = ''; if (isset($params['heading_animation_delay']) && !empty($params['heading_animation_delay'])) { $delay .= '-webkit-animation-delay: '.(int)$params['heading_animation_delay'].'ms;'; $delay .= ' -moz-animation-delay: '.(int)$params['heading_animation_delay'].'ms;'; $delay .= ' -o-animation-delay: '.(int)$params['heading_animation_delay'].'ms;'; $delay .= ' animation-delay: '.(int)$params['heading_animation_delay'].'ms;'; $inline_css .= '#'.$id.' {'.$delay.'}'; } } if ($params['heading_animation_type'] == 'advanced' && $params['heading_animation']) { wp_enqueue_style('thegem-heading-animation'); wp_enqueue_script('thegem-heading-main'); wp_enqueue_script('thegem-heading-prepare-animation'); TheGemHeadingAnimation::instance()->includeInlineJs(); $class .= ' ' . $params['heading_animation']; $class .= ' thegem-heading-animate'; if (isset($params['heading_animation_disable_desktop']) && $params['heading_animation_disable_desktop']=='1') { $class .= ' thegem-heading-animate-disable-desktop'; } if (isset($params['heading_animation_disable_tablet']) && $params['heading_animation_disable_tablet']=='1') { $class .= ' thegem-heading-animate-disable-tablet'; } if (isset($params['heading_animation_disable_mobile']) && $params['heading_animation_disable_mobile']=='1') { $class .= ' thegem-heading-animate-disable-mobile'; } $animation_duration = !empty($params['heading_animation_duration']) ? (int)$params['heading_animation_duration'] : 0; $animation_delay = !empty($params['heading_animation_delay']) ? (int)$params['heading_animation_delay'] : 0; $animation_timing_function = !empty($params['heading_animation_timing_function']) ? $params['heading_animation_timing_function'] : null; $animation_interval = !empty($params['heading_animation_interval']) ? (int)$params['heading_animation_interval'] : TheGemHeadingAnimation::getDefaultInterval($params['heading_animation']); if (in_array($params['heading_animation'], [TheGemHeadingAnimation::ANIMATION_LINES_SLIDE_UP, TheGemHeadingAnimation::ANIMATION_LINES_SLIDE_UP_RANDOM])) { $data_attributes .= ' data-animation-name="'.$params['heading_animation'].'" '; if (isset($params['heading_animation_delay']) && !empty($params['heading_animation_delay'])) { $data_attributes .= ' data-animation-delay="'.$params['heading_animation_delay'].'" '; } $data_attributes .= ' data-animation-interval="'.$animation_interval.'" '; } if (in_array($params['heading_animation'], [TheGemHeadingAnimation::ANIMATION_WORDS_SLIDE_UP, TheGemHeadingAnimation::ANIMATION_WORDS_SLIDE_LEFT, TheGemHeadingAnimation::ANIMATION_WORDS_SLIDE_RIGHT, TheGemHeadingAnimation::ANIMATION_LINES_SLIDE_UP_RANDOM])) { if ($animation_duration > 0) { $inline_css .= '#'.$id.' .thegem-heading-word {animation-duration: '.$animation_duration.'ms;}'; } if ($animation_timing_function) { $inline_css .= '#'.$id.' .thegem-heading-word {animation-timing-function: '.$animation_timing_function.';}'; } } if (in_array($params['heading_animation'], [TheGemHeadingAnimation::ANIMATION_LINES_SLIDE_UP])) { if ($animation_duration > 0) { $inline_css .= '#'.$id.' .thegem-heading-line {animation-duration: '.$animation_duration.'ms;}'; } if ($animation_timing_function) { $inline_css .= '#'.$id.' .thegem-heading-line {animation-timing-function: '.$animation_timing_function.';}'; } } if (in_array($params['heading_animation'], [TheGemHeadingAnimation::ANIMATION_LETTERS_SLIDE_UP, TheGemHeadingAnimation::ANIMATION_TYPEWRITER, TheGemHeadingAnimation::ANIMATION_LETTERS_SCALE_OUT])) { if ($animation_duration > 0) { $inline_css .= '#'.$id.' .thegem-heading-letter {animation-duration: '.$animation_duration.'ms;}'; } if ($animation_timing_function) { $inline_css .= '#'.$id.' .thegem-heading-letter {animation-timing-function: '.$animation_timing_function.';}'; } } if ($params['heading_animation'] == TheGemHeadingAnimation::ANIMATION_BACKGROUND_SLIDING) { if (!empty($params['css_background_color'])) { $inline_css .= '#'.$id.' {background: none !important;}'; $inline_css .= '#'.$id.':before {'.$params['css_background_color'].'}'; } if ($animation_duration > 0) { $inline_css .= '#'.$id.':before {animation-duration: '.$animation_duration.'ms;}'; $inline_css .= '#'.$id.'.thegem-heading-animated .thegem-heading-text-wrap {transition-duration: '.$animation_duration.'ms;}'; } if ($animation_timing_function) { $inline_css .= '#'.$id.':before {animation-timing-function: '.$animation_timing_function.';}'; $inline_css .= '#'.$id.'.thegem-heading-animated .thegem-heading-text-wrap {transition-timing-function: '.$animation_timing_function.'ms;}'; } if ($animation_delay > 0) { $inline_css .= '#'.$id.':before {animation-delay: '.$animation_delay.'ms;}'; $inline_css .= '#'.$id.'.thegem-heading-animated .thegem-heading-text-wrap {transition-delay: '.$animation_delay.'ms;}'; } if (!empty($params['heading_inline'])) { $inline_css .= '#'.$id.' {display: inline-flex !important;}'; } } if (in_array($params['heading_animation'], [TheGemHeadingAnimation::ANIMATION_BACKGROUND_SLIDING, TheGemHeadingAnimation::ANIMATION_FADE_TB, TheGemHeadingAnimation::ANIMATION_FADE_BT, TheGemHeadingAnimation::ANIMATION_FADE_LR, TheGemHeadingAnimation::ANIMATION_FADE_RL, TheGemHeadingAnimation::ANIMATION_FADE_SIMPLE])) { if ($animation_duration > 0) { $inline_css .= '#'.$id.' {animation-duration: '.$animation_duration.'ms;}'; } if ($animation_timing_function) { $inline_css .= '#'.$id.' {animation-timing-function: '.$animation_timing_function.';}'; } if ($animation_delay > 0) { $inline_css .= '#'.$id.' {animation-delay: '.$animation_delay.'ms;}'; } } } if (isset($params['heading_text_color_hover']) && !empty($params['heading_text_color_hover'])) { $inline_css .= '#'.$id.':hover > span, #'.$id.':hover > a, #'.$id.':hover span.colored {color: '.$params['heading_text_color_hover'].' !important;}'; } else { $inline_css .= '#'.$id.' a:hover, #'.$id.' a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}'; } $heading_animation_index = 0; if (!empty($main_style)) { $main_style = ' style="'.esc_attr($main_style).'"'; } if ($params['text_source'] == 'page_title') { $text = esc_html(thegem_title('', false)); $text = TheGemHeadingAnimation::parse($text, $params, $heading_animation_index, '', ''); if (isset($params['heading_page_text_weight']) && $params['heading_page_text_weight'] == 'light') { $text = '<span class="light">'.$text.'</span>'; } if (isset($params['heading_page_text_style']) && !empty($params['heading_page_text_style'])) { $inline_css .= '#'.$id.', #'.$id.' .light {font-style: italic;}'; } if (isset($params['heading_page_text_decoration']) && !empty($params['heading_page_text_decoration'])) { $inline_css .= '#'.$id.', #'.$id.' .light {text-decoration: underline;}'; } if (isset($params['heading_page_text_color']) && !empty($params['heading_page_text_color'])) { $inline_css .= '#'.$id.', #'.$id.' .light {color: '.$params['heading_page_text_color'].';}'; } } else { $text_content = vc_param_group_parse_atts($params['text_content']); $isRotatingEnabled = false; foreach ($text_content as $k=>$value) { if ($k>0) { $text .= ' '; } $text_style = $inner_class = ''; if (isset($value['heading_text_weight']) && $value['heading_text_weight'] == 'light') { $inner_class .= 'light'; } if (isset($value['heading_text_style']) && !empty($value['heading_text_style'])) { $text_style .= ' font-style: italic;'; } if (isset($value['heading_text_decoration']) && !empty($value['heading_text_decoration'])) { $text_style .= ' text-decoration: underline;'; } if (isset($value['heading_text_color']) && !empty($value['heading_text_color'])) { $inner_class .= ' colored'; $text_style .= ' color: '.$value['heading_text_color'].';'; } if (!empty($value['rotating_text_enabled']) && !empty($value['rotating_text_items'])) { $isRotatingEnabled = true; $class .= ' thegem-heading-animate'; wp_enqueue_style('thegem-heading-animation'); wp_enqueue_script('thegem-heading-main'); wp_enqueue_script('thegem-heading-rotating'); TheGemHeadingAnimation::instance()->includeInlineJs(); $rotating_text_items = vc_param_group_parse_atts($value['rotating_text_items']); array_unshift($rotating_text_items, ['text'=>$value['heading_text']]); $rotating_text = ''; foreach ($rotating_text_items as $r_key=>$rotating_text_item) { $rotating_text .= '<span class="thegem-heading-rotating-text" '.($r_key!=0 ? 'style="opacity: 0; position: absolute;"' : '').'>'.nl2br(esc_html($rotating_text_item['text'])).'</span>'; } $inner_class .= ' thegem-heading-rotating'; $dataAttrs = ''; if (!empty($value['rotating_animation_duration'])) { $dataAttrs = 'data-duration="'.esc_attr($value['rotating_animation_duration']).'" '; } if (!empty($value['rotating_animation_name']) && $value['rotating_animation_name']!='default') { $dataAttrs .= ' data-animation="'.esc_attr($value['rotating_animation_name']).'"'; } $text .= ' <span class="'.esc_attr(trim($inner_class)).'"'.(!empty($text_style) ? ' style="'.esc_attr(trim($text_style)).'"' : '').' '.$dataAttrs.'>'.$rotating_text.'</span> '; } else { if ($params['heading_animation_type'] == 'advanced' && !$isRotatingEnabled) { $text .= TheGemHeadingAnimation::parse(strip_tags($value['heading_text']), $params, $heading_animation_index, $inner_class, $text_style); } else { $text .= '<span'.(!empty($inner_class) ? ' class="'.esc_attr(trim($inner_class)).'"' : '').(!empty($text_style) ? ' style="'.esc_attr(trim($text_style)).'"' : '').'>'.nl2br(esc_html($value['heading_text'])).'</span> '; } } } if ($params['heading_animation'] == TheGemHeadingAnimation::ANIMATION_BACKGROUND_SLIDING) { $text = '<span class="thegem-heading-text-wrap"><span class="thegem-heading-text">'.$text.'</span></span>'; } } if ($params['heading_icon'] && isset($params['pack']) && $params['icon_' . str_replace("-", "_", $params['pack'])] != '') { wp_enqueue_style('icons-' . $params['pack']); $icon_style = ''; if (!empty($params['heading_icon_color'])) { $icon_style = 'style="color:'.$params['heading_icon_color'].';"'; } $icon = '<span class="icon" '.$icon_style.'>'.thegem_build_icon($params['pack'], $params['icon_' . str_replace("-", "_", $params['pack'])]).'</span>'; } if (!empty($params['heading_label_text'])) { $label = '<span class="label title-h6">'.$params['heading_label_text'].'</span>'; if (!empty($params['heading_label_color'])) { $inline_css .= '#'.$id . ' .label { color:' . $params['heading_label_color'] . '; }'; } if (!empty($params['heading_label_background'])) { $inline_css .= '#'.$id . ' .label { background-color:' . $params['heading_label_background'] . '; }'; } } if (!empty($icon) || !empty($label)) { $class .= ' with-label-icon'; $span_before = '<span >'; $span_after = '</span>'; if (empty($link_before)) { $link_before = '<span class="label-icon-wrap">'; $link_after = '</span>'; } } $params['heading_tag'] = thegem_check_array_value(array('h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'div'), $params['heading_tag'], 'h1'); $innerHtml = '<'.$params['heading_tag'].' id="'.$id.'" class="'.esc_attr($class).'"'.$main_style.' '.trim($data_attributes).'>'.$link_before.$icon.$span_before.trim($text).$span_after.$label.$link_after.'</'.$params['heading_tag'].'>'; if ($params['heading_animation'] == TheGemHeadingAnimation::ANIMATION_BACKGROUND_SLIDING) { $heading_wrap_style = ''; if (!empty($params['heading_align']) && in_array($params['heading_align'], ['right', 'center'])) { $heading_wrap_style .= 'display: block; text-align: '.$params['heading_align']; } $innerHtml = '<div class="thegem-heading-wrap"'.($heading_wrap_style ? 'style="'.$heading_wrap_style.'"' : '').'>'.$innerHtml.'</div>'; } echo $interactions_before_html.$innerHtml.$interactions_after_html; echo '<style type="text/css">' .$inline_css. '</style>'; } function thegem_yith_frontend_action_list($actions) { $actions[] = 'extended_products_grid_load_more'; return $actions; } add_filter('yith_ywraq_frontend_action_list', 'thegem_yith_frontend_action_list'); add_filter('yith_woocompare_actions_to_check_frontend', 'thegem_yith_frontend_action_list');