File: /var/www/html/wp-content/themes/thegem-elementor/gem-templates/blog/content-blog-extended-item.php
<?php use Elementor\Icons_Manager;
if (isset($thegem_sizes)) {
$thegem_size = $thegem_sizes[0];
$thegem_sources = $thegem_sizes[1];
}
$version = $settings['thegem_elementor_preset'];
if ($settings['thegem_elementor_preset'] == 'list') {
$version = 'new';
$settings['image_hover_effect'] = $settings['image_hover_effect_list'];
}
$title_tag = isset($settings['title_tag']) ? $settings['title_tag'] : 'div';
$show_social_sharing = isset($settings['social_sharing']) && $settings['social_sharing'] == 'yes';
if (!isset($portfolio_item_size)):
if ($post_format == 'animated_gif') {
$gif_preload = true;
if ($post_item_data['gif_start'] == 'play_on_hover' && empty($post_item_data['gif_preload'])) {
$gif_preload = false;
$thegem_image_classes[] = 'gif-load-on-hover';
}
}
$thegem_classes[] = 'appearance-type-' . $post_format;
if ($post_format == 'video') {
$ratio = !empty($post_item_data['video_aspect_ratio']) ? $post_item_data['video_aspect_ratio'] : '';
$ratio_arr = explode(":", $ratio);
if (!empty($ratio_arr[0]) && !empty($ratio_arr[1])) {
$aspect_ratio = $ratio_arr[0] / $ratio_arr[1];
if ($post_item_data['video_start'] !== 'open_in_lightbox') {
$thegem_classes[] = 'custom-ratio';
}
}
if (!isset($aspect_ratio) && isset($settings['image_size']) && $settings['image_size'] !== 'default') {
$aspect_ratio = 1;
}
if ($post_item_data['video_start'] !== 'open_in_lightbox') {
$thegem_classes[] = 'hide-overlay';
}
} ?>
<div <?php post_class($thegem_classes); ?> style="padding: calc(<?= $settings['image_gaps']['size'] ?>px/2)" data-default-sort="<?php echo intval(get_post()->menu_order); ?>" data-sort-date="<?php echo get_the_date('U'); ?>">
<?php if ( $settings['layout'] == 'creative' ) { ?>
<div class="wrap-out">
<?php } ?>
<?php if ($alternative_highlight_style_enabled): ?>
<div class="highlight-item-alternate-box">
<div class="highlight-item-alternate-box-content caption">
<div class="highlight-item-alternate-box-content-inline">
<?php if ($settings['blog_show_date'] == 'yes'): ?>
<div class="post-date"><?php echo get_the_date(); ?></div>
<?php endif; ?>
<?php if ($settings['blog_show_title'] == 'yes') {
if (isset($settings['blog_title_preset']) && $settings['blog_title_preset'] != 'default') {
$title = $settings['blog_title_preset'];
} else if ($settings['thegem_elementor_preset'] == 'new' || ($settings['thegem_elementor_preset'] == 'list' && $settings['columns_desktop'] == '1x')) {
$title = 'title-h4';
} else if ($settings['thegem_elementor_preset'] == 'list' && in_array($settings['columns_desktop'], ['3x', '4x'])) {
$title = 'main-menu-item';
} else {
$title = 'title-h6';
}
if (isset($settings['title_weight'])) {
$title .= ' ' . $settings['title_weight'];
} ?>
<<?php echo $title_tag; ?> class="title">
<?php the_title('<span class="' . $title . '">', '</span>'); ?>
</<?php echo $title_tag; ?>>
<?php } ?>
<?php if ($settings['thegem_elementor_preset'] == 'default') {
thegem_get_additional_meta($settings, true, '<span class="sep"></span> ');
} ?>
<a href="<?php echo esc_url(get_permalink()); ?>" class="portfolio-item-link">
<span class="screen-reader-text"><?php the_title(); ?></span>
</a>
</div>
</div>
</div>
<style>
<?php if (!empty($post_item_data['highlight_title_left_background'])): ?>
.news-grid .portfolio-item.post-<?php echo get_the_ID(); ?>.double-item-style-alternative .highlight-item-alternate-box {
background-color: <?php echo $post_item_data['highlight_title_left_background']; ?>;
}
<?php endif; ?>
<?php if (!empty($post_item_data['highlight_title_left_color'])): ?>
.news-grid .portfolio-item.post-<?php echo get_the_ID(); ?>.double-item-style-alternative .highlight-item-alternate-box .caption .title,
.news-grid .portfolio-item.post-<?php echo get_the_ID(); ?>.double-item-style-alternative .highlight-item-alternate-box .caption .title > *,
.news-grid .portfolio-item.post-<?php echo get_the_ID(); ?>.double-item-style-alternative .highlight-item-alternate-box .caption .post-date,
.news-grid .portfolio-item.post-<?php echo get_the_ID(); ?>.double-item-style-alternative .highlight-item-alternate-box .caption .info a,
.news-grid .portfolio-item.post-<?php echo get_the_ID(); ?>.double-item-style-alternative .highlight-item-alternate-box .caption .info .sep {
color: <?php echo $post_item_data['highlight_title_left_color']; ?> !important;
}
.news-grid .portfolio-item.post-<?php echo get_the_ID(); ?>.double-item-style-alternative .highlight-item-alternate-box .caption .info .sep {
border-left-color: <?php echo $post_item_data['highlight_title_left_color']; ?>;
}
<?php endif; ?>
<?php if (!empty($post_item_data['highlight_title_right_background'])): ?>
.news-grid .portfolio-item.post-<?php echo get_the_ID(); ?>.double-item-style-alternative.right-item .highlight-item-alternate-box {
background-color: <?php echo $post_item_data['highlight_title_right_background']; ?>;
}
<?php endif; ?>
<?php if (!empty($post_item_data['highlight_title_right_color'])): ?>
.news-grid .portfolio-item.post-<?php echo get_the_ID(); ?>.double-item-style-alternative.right-item .highlight-item-alternate-box .caption .title,
.news-grid .portfolio-item.post-<?php echo get_the_ID(); ?>.double-item-style-alternative.right-item .highlight-item-alternate-box .caption .title > *,
.news-grid .portfolio-item.post-<?php echo get_the_ID(); ?>.double-item-style-alternative.right-item .highlight-item-alternate-box .caption .post-date,
.news-grid .portfolio-item.post-<?php echo get_the_ID(); ?>.double-item-style-alternative.right-item .highlight-item-alternate-box .caption .info a,
.news-grid .portfolio-item.post-<?php echo get_the_ID(); ?>.double-item-style-alternative.right-item .highlight-item-alternate-box .caption .info .sep {
color: <?php echo $post_item_data['highlight_title_right_color']; ?> !important;
}
.news-grid .portfolio-item.post-<?php echo get_the_ID(); ?>.double-item-style-alternative.right-item .highlight-item-alternate-box .caption .info .sep {
border-left-color: <?php echo $post_item_data['highlight_title_right_color']; ?>;
}
<?php endif; ?>
</style>
<?php endif; ?>
<div class="wrap clearfix rtgrefg">
<?php if (isset($settings['post_type_indication']) && $settings['post_type_indication'] == 'yes') {
$postType = get_post_type() == 'thegem_pf_item' ? 'Portfolio' : get_post_type(); ?>
<div class="post-type title-h6"><span><?php echo $postType; ?></span></div>
<?php } ?>
<?php if ($settings['layout'] == 'metro' || $settings['caption_position'] == 'hover' || (!isset($settings['blog_show_featured_image']) || $settings['blog_show_featured_image'] == 'yes')) { ?>
<div <?php post_class($thegem_image_classes); ?>>
<div class="image-inner <?php echo $post_format != 'gallery' && $post_format != 'animated_gif' && $post_format != 'video' && !$thegem_has_post_thumbnail ? 'without-image' : ''; ?>">
<?php
if ($settings['layout'] == 'metro' && $post_format == 'audio') {
$thegem_size = 'thegem-news-grid-metro-video';
}
if ($settings['layout'] == 'metro' && $post_format == 'quote') {
$thegem_size = 'thegem-portfolio-metro-retina';
}
$audio_with_thumb = false;
if ($post_format == 'audio' && isset($settings['search_post'] ) ) {
$audio_with_thumb = true;
}
if ($post_format != 'gallery' && $post_format != 'animated_gif' && $post_format != 'video' &&
((!$thegem_has_post_thumbnail && $settings['layout'] == 'metro') ||
($post_format == 'audio' && !isset($settings['search_post']) && $settings['layout'] == 'metro') ||
((!isset($settings['image_size']) || $settings['image_size'] == 'default' || !$thegem_has_post_thumbnail) && ($settings['layout'] == 'justified' || $settings['layout'] == 'creative')) ||
(!$thegem_has_post_thumbnail && isset($settings['search']) && !in_array($post_format, array('quote', 'audio', 'video'))))) {
thegem_generate_picture('THEGEM_TRANSPARENT_IMAGE', $thegem_size, array(), array('alt' => get_the_title(), 'style' => 'max-width: 110%'));
}
if ($post_format == 'video') {
switch ($post_item_data['video_type']) {
case 'youtube':
$video_id = thegem_parcing_youtube_url($post_item_data['video']);
$thegem_video_link = '//www.youtube.com/embed/' . $video_id . '?autoplay=1';
$thegem_video_class = 'youtube';
break;
case 'vimeo':
$video_id = thegem_parcing_vimeo_url($post_item_data['video']);
$thegem_video_link = '//player.vimeo.com/video/' . $video_id . '?autoplay=1';
$thegem_video_class = 'vimeo';
break;
default:
$video_id = $thegem_video_link = $post_item_data['video'];
$thegem_video_class = 'self_video';
}
if ($post_item_data['video_start'] == 'open_in_lightbox') {
if ($post_item_data['video_type'] == 'self' && !empty($post_item_data['video_poster'])) { ?>
<img src="<?php echo $post_item_data['video_poster']; ?>" alt="Video Poster">
<?php } else if ($thegem_has_post_thumbnail) {
thegem_post_picture($thegem_size, $thegem_sources, array('alt' => get_the_title()));
} else if ($settings['layout'] == 'metro' || $settings['layout'] == 'masonry') {
thegem_generate_picture('THEGEM_TRANSPARENT_IMAGE', $thegem_size, array(), array('alt' => get_the_title()));
} ?>
<a href="<?php echo esc_url($thegem_video_link); ?>"
class="portfolio-video-icon <?php echo $thegem_video_class; ?>"
<?php if (isset($aspect_ratio)) { ?>data-ratio="<?php echo $aspect_ratio; ?>"<?php } ?>
data-fancybox="thegem-portfolio"
data-elementor-open-lightbox="no"
aria-label="<?php the_title(); ?>">
</a>
<?php } else {
$play_on_mobile = true;
if (!$post_item_data['video_play_on_mobile']) {
if ($thegem_has_post_thumbnail) {
thegem_post_picture($thegem_size, $thegem_sources, array('alt' => get_the_title(), "class" => "video-image-mobile"));
} else {
thegem_generate_picture('THEGEM_TRANSPARENT_IMAGE', $thegem_size, array(), array('alt' => get_the_title(), "class" => "video-image-mobile"));
}
$play_on_mobile = false;
} else if ($settings['layout'] == 'metro' || ($settings['layout'] == 'masonry' && !isset($aspect_ratio))) {
thegem_generate_picture('THEGEM_TRANSPARENT_IMAGE', $thegem_size, array(), array('alt' => get_the_title(), 'style' => 'max-width: 110%'));
}
$autoplay = $post_item_data['video_start'] == 'autoplay'; ?>
<div class="gem-video-portfolio type-<?php echo $post_item_data['video_type']; ?> <?php echo $autoplay ? 'autoplay' : 'play-on-hover'; ?> <?php echo $play_on_mobile ? '' : 'hide-on-mobile'; ?> <?php echo !$autoplay || $play_on_mobile ? 'run-embed-video' : ''; ?>"
data-video-type="<?php echo $post_item_data['video_type']; ?>"
data-video-id="<?php echo $video_id; ?>"
<?php if (isset($aspect_ratio)) { ?>style="aspect-ratio: <?php echo $aspect_ratio; ?>"<?php } ?>>
<?php echo thegem_portfolio_video_background(
$post_item_data['video_type'],
$video_id,
$post_item_data['video_overlay'],
$post_item_data['video_poster'],
$autoplay,
$play_on_mobile); ?>
</div>
<?php
}
} else if ($post_format == 'animated_gif') {
if (!empty($post_item_data['gif'])) {
$gif_src = wp_get_attachment_image_src($post_item_data['gif'], 'full');
if ($gif_src) { ?>
<img width="<?php echo $gif_src[1]; ?>" height="<?php echo $gif_src[2]; ?>" class="gem-gif-portfolio" src="<?php if ($gif_preload) { echo $gif_src[0]; } ?>" <?php if (!$gif_preload) { echo 'data-src="' . $gif_src[0] . '"'; } ?>>
<?php }
} else {
thegem_generate_picture('THEGEM_TRANSPARENT_IMAGE', $thegem_size, array(), array('alt' => get_the_title()));
}
if ($post_item_data['gif_start'] == 'play_on_hover') {
if (!empty($post_item_data['gif_poster'])) { ?>
<img class="gem-gif-poster" src="<?php echo $post_item_data['gif_poster']; ?>">
<?php } else {
thegem_generate_picture($post_item_data['gif'], $thegem_size, $thegem_sources, array("class" => "gem-gif-poster"));
}
}
} else if ($post_format == 'gallery') {
if (get_post_type() == 'thegem_pf_item') {
$thegem_gallery_images_ids = get_post_meta(get_the_ID(), 'thegem_portfolio_item_gallery_images', true);
} else {
if (empty(thegem_get_option(get_post_type() . '_post_gallery_disabled'))) {
$thegem_gallery_images_ids = get_post_meta(get_the_ID(), 'thegem_post_item_gallery_images', true);
} else {
thegem_generate_picture(get_post_thumbnail_id(), $thegem_size, $thegem_sources, array('class' => 'img-responsive', 'alt' => get_post_meta(get_post_thumbnail_id(), '_wp_attachment_image_alt', true)));
}
}
$thegem_gallery_images_urls = [];
if ($thegem_gallery_images_ids) {
$attachments_ids = array_filter(explode(',', $thegem_gallery_images_ids)); ?>
<div class="portfolio-image-slider <?php if (!empty($post_item_data['gallery_autoscroll'])) { echo 'autoscroll'; } ?>" <?php if (!empty($post_item_data['gallery_autoscroll'])) { ?> data-interval="<?php echo isset($post_item_data['gallery_autoscroll_speed']) ? $post_item_data['gallery_autoscroll_speed'] : $post_item_data['gallery_autoscroll']; ?>"<?php } ?>>
<?php foreach ($attachments_ids as $i => $slide) {
$slide_image = wp_get_attachment_image($slide, $thegem_size);
if (empty($slide_image)) {
continue;
}
$thegem_gallery_images_urls[] = wp_get_attachment_image_url($slide, 'full'); ?>
<div class="slide <?php echo $slide; ?>"<?php if ($i != 0) {echo ' style="opacity: 0;"';} ?>>
<a href="<?php echo esc_url(get_permalink()); ?>">
<?php echo $slide_image; ?>
</a>
</div>
<?php } ?>
<button class="btn btn-next" data-direction="next" aria-label="<?php esc_attr_e('Next', 'thegem'); ?>"></button>
<button class="btn btn-prev" data-direction="prev" aria-label="<?php esc_attr_e('Prev', 'thegem'); ?>"></button>
</div>
<?php }
if ($settings['layout'] == 'metro') {
thegem_generate_picture('THEGEM_TRANSPARENT_IMAGE', $thegem_size, array(), array('alt' => get_the_title(), 'style' => 'max-width: 110%'));
}
} else {
echo thegem_get_post_featured_content(get_the_ID(), $thegem_size, false, $thegem_sources, $audio_with_thumb);
}
if (!$thegem_has_post_thumbnail && isset($settings['search']) && !in_array($post_format, array('quote', 'audio', 'video', 'gallery', 'animated_gif'))) { ?>
<div class="post-featured-content">
<a href="<?php echo esc_url(get_permalink(get_the_ID())); ?>" aria-label="<?php the_title(); ?>">
<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m14 17h-7v-2h7m3-2h-10v-2h10m0-2h-10v-2h10m2-4h-14c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-14c0-1.11-.9-2-2-2z"/></svg>
</a>
</div>
<?php } ?>
</div>
</div>
<?php } else { ?>
<div class="image-inner empty"></div>
<?php } ?>
</div>
<?php if ( $settings['layout'] == 'creative' ) { ?>
</div>
<?php } ?>
</div>
<?php else: ?>
<div <?php post_class( $thegem_classes ); ?>>
<?php if ($settings['layout'] == 'creative') { ?>
<div class="wrap-out">
<div class="wrap clearfix">
<?php if ( isset( $settings['post_type_indication'] ) && $settings['post_type_indication'] == 'yes' ) { ?>
<div class="post-type title-h6"><span>Post Type</span></div>
<?php } ?>
<?php if ($settings['caption_position'] == 'hover' || (!isset($settings['blog_show_featured_image']) || $settings['blog_show_featured_image'] == 'yes')) { ?>
<div class="image">
<div class="image-inner">
<?php thegem_generate_picture( 'THEGEM_TRANSPARENT_IMAGE', $thegem_size, array(), array( 'alt' => get_the_title(),
'style' => 'max-width: 110%'
) ); ?>
</div>
</div>
<?php } else { ?>
<div class="image-inner empty"></div>
<?php } ?>
<?php if ( $settings['caption_position'] == 'page' ): ?>
<div class="caption">
<?php if ( $version == 'new' && ( $settings['blog_show_date'] == 'yes' || $settings['blog_show_author'] == 'yes' ) ): ?>
<div class="post-author-date">
Author
<?php endif; ?>
<?php if ( $settings['blog_show_date'] == 'yes' ): ?>
<?php if ( $version == 'new' && $settings['blog_show_author'] == 'yes' ): ?>
<div class="post-author-date-separator"> - </div>
<?php endif; ?>
<div class="post-date">Date</div>
<?php endif; ?>
<?php if ( $version == 'new' && ( $settings['blog_show_date'] == 'yes' || $settings['blog_show_author'] == 'yes' ) ): ?>
</div>
<?php endif; ?>
<?php if ( $settings['blog_show_title'] == 'yes' ) {
if ( isset( $settings['blog_title_preset'] ) && $settings['blog_title_preset'] != 'default' ) {
$title = $settings['blog_title_preset'];
} else if ( isset( $settings['search_post'] ) ) {
$title = 'title-h5';
} else if ($settings['thegem_elementor_preset'] == 'new' || ($settings['thegem_elementor_preset'] == 'list' && $settings['columns_desktop'] == '1x')) {
$title = 'title-h4';
} else if ($settings['thegem_elementor_preset'] == 'list' && in_array($settings['columns_desktop'], ['3x', '4x'])) {
$title = 'main-menu-item';
} else {
$title = 'title-h6';
}
if (isset($settings['title_weight'])) {
$title .= ' ' . $settings['title_weight'];
}
?>
<<?php echo $title_tag; ?> class="title">
<span class="<?php echo $title; ?>"><a href="#" rel="bookmark">Title</a></span>
</<?php echo $title_tag; ?>>
<?php } ?>
<?php if ( $settings['thegem_elementor_preset'] == 'default' ): ?>
<div class="info">Categories</div>
<?php endif; ?>
<?php if ( $version == 'new' && ( $settings['blog_show_description'] == 'yes' || $show_social_sharing ) ): ?>
<?php if ( $settings['blog_show_description'] == 'yes' ):
$description_preset = 'text-body';
if (isset($settings['blog_description_preset']) && $settings['blog_description_preset'] != 'default') {
$description_preset = $settings['blog_description_preset'];
} else if ($settings['thegem_elementor_preset'] == 'list' && in_array($settings['columns_desktop'], ['3x', '4x'])) {
$description_preset = 'text-body-tiny';
} ?>
<div class="description <?php echo $description_preset; ?>">Description</div>
<?php endif; ?>
<?php if ( $show_social_sharing ): ?>
<div class="grid-post-meta clearfix without-likes">
<div class="grid-post-meta-inner">
<?php if ( $show_social_sharing ): ?>
<div class="grid-post-share">
<a href="#" class="icon share" aria-label="<?php esc_attr_e('Share', 'thegem'); ?>"><i class="default"></i></a>
</div>
<?php endif; ?>
<div class="grid-post-meta-comments-likes">
<span class="comments-link"><i class="default"></i></span>
<span class="post-meta-likes"><i class="default"></i></span>
</div>
</div>
</div>
<?php endif; ?>
<?php endif; ?>
</div>
<?php endif; ?>
</div>
</div>
<?php } ?>
</div>
<?php endif; ?>