function waxom_portfolio_grid($atts, $content = null)
{
extract(shortcode_atts(array("filter" => 'yes', "filter_style" => 'boxed', "filter_counter" => 'yes', "filter_color" => 'dark', "grid_title" => '', "hover_style" => 'simple', "animation" => 'quicksand', "content_type" => 'default', "posts_nr" => '', "cats" => '', "thumb_style" => 'title_category', "thumb_size" => 'square', "order" => '', "el_position" => '', "width" => '', "composer" => '', "paged_posts" => '', "more_url" => '', "thumb_space" => '15', "cols" => '4', "thumb_size" => '', "ajax" => 'yes', "love" => 'yes', "pagination" => 'no'), $atts));
wp_enqueue_script('cubePortfolio');
wp_enqueue_script('cubeConfig');
wp_enqueue_style('cubePortfolio');
wp_enqueue_script('magnific-popup', '', '', '', true);
wp_enqueue_style('magnific-popup');
// Define container and item span value
global $post;
if (!$posts_nr) {
$posts_nr = "-1";
}
$block_id = rand(5, 5000);
$layout_class = '';
$item_class = 'boxed-item col-xs-4';
if ($thumb_space == 'no') {
$layout_class = 'fullwidth relative';
$item_class = 'five';
if ($cols == "4") {
$item_class = 'four';
}
}
$thumb_gap = 30;
if ($thumb_space == "no") {
$thumb_gap = 0;
}
$rand_id = rand(1, 9999);
ob_start();
echo '<div class="portfolio vntd-portfolio-grid portfolio-style ' . $layout_class . ' portfolio-' . $hover_style . ' portfolio-' . $thumb_style . ' portfolio-cols-' . $cols . ' portfolio-counter-' . $filter_counter . ' portfolio-filter-' . $filter_color . ' portfolio-content-' . $content_type . ' portfolio-love-' . $love . '">';
if ($filter == "yes") {
waxom_filters('project-type', $cats, $filter_style, $grid_title, $rand_id);
}
echo '<div id="portfolio-' . $rand_id . '" class="portfolio-items grid-items cbp" data-cols="' . $cols . '" data-animation="' . $animation . '" data-gap="' . $thumb_gap . '" data-filters="portfolio-filters-' . $rand_id . '">';
wp_reset_query();
$paged = waxom_query_pagination();
$cats_arr = explode(" ", $cats);
$args = array('posts_per_page' => $posts_nr, 'project-type' => $cats, 'paged' => $paged, 'post_type' => 'portfolio');
$the_query = new WP_Query($args);
// Default Thumbnail Sizes
$size = "vntd-portfolio-square";
if ($thumb_size == "auto") {
$size = "vntd-portfolio-auto";
}
if ($cols == 1) {
$size = "vntd-sidebar-landscape";
}
$data_content = $ajax_class = '';
if ($the_query->have_posts()) {
while ($the_query->have_posts()) {
$the_query->the_post();
$img_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), $size);
$thumb_url = $img_url[0];
// For lightbox zoom
$img_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'large');
$big_thumb_url = $img_url[0];
$post_link = get_permalink();
$post_link_type = get_post_meta($post->ID, 'link_type', TRUE);
if ($post_link_type == 'external' && get_post_meta($post->ID, 'portfolio_external_url', TRUE)) {
$data_content = '';
$ajax_class = '';
$post_link = get_post_meta($post->ID, 'portfolio_external_url', TRUE);
}
$excerpt = $excerpt_class = ' no-excerpt';
if (get_post_meta($post->ID, 'portfolio_post_excerpt', TRUE)) {
$excerpt = get_post_meta($post->ID, 'portfolio_post_excerpt', TRUE);
$excerpt_class = ' has-excerpt';
}
$lightbox_content_class = $item_lightbox_class = '';
if ($content_type == 'lightbox' && $post_link_type != 'link' && $post_link_type != 'external') {
$item_lightbox_class = ' portfolio-item-lightbox';
$lightbox_content_class = ' cbp-portfolio-lightbox';
}
?>
<div class="item cbp-item <?php
echo esc_attr($item_class) . $excerpt_class . $item_lightbox_class;
?>
<?php
echo waxom_portfolio_item_class();
?>
"<?php
echo $data_content;
?>
>
<div class="item-inner">
<a href="<?php
echo esc_url($post_link);
?>
" class="work-image<?php
echo esc_attr($lightbox_content_class);
?>
">
<img src="<?php
echo esc_url($thumb_url);
?>
" alt="<?php
the_title();
?>
">
<div class="portfolio-item-overlay">
<?php
if ($hover_style != "bottom") {
?>
<div class="portfolio-overlay-icons">
<span class="overlay-icon overlay-icon-link" data-href="<?php
echo esc_url($post_link);
?>
"><i class="fa fa-link"></i></span>
<span class="overlay-icon overlay-icon-zoom cbp-image-lightbox" data-href="<?php
echo esc_url($big_thumb_url);
?>
"><i class="fa fa-search"></i></span>
</div>
<?php
}
?>
<h3 class="portfolio-overlay-title">
<?php
the_title();
?>
</h3>
<div class="portfolio-overlay-cats"><?php
waxom_portfolio_overlay_categories();
?>
</div>
<?php
if (get_post_meta($post->ID, 'portfolio_post_excerpt', TRUE)) {
?>
<p class="portfolio-overlay-excerpt">
<?php
echo get_post_meta($post->ID, 'portfolio_post_excerpt', TRUE);
?>
</p>
<?php
}
?>
</div>
</a>
</div>
<?php
if ($thumb_style && $thumb_style != "simple") {
?>
<div class="item-outer">
<h3 class="portfolio-outer-title">
<a href="<?php
echo esc_url($post_link);
?>
" class="portfolio-outer-link<?php
echo $lightbox_content_class;
?>
"><?php
the_title();
?>
</a>
</h3>
<div class="portfolio-outer-cats"><?php
waxom_portfolio_overlay_categories();
?>
</div>
<?php
if (get_post_meta($post->ID, 'portfolio_post_excerpt', TRUE)) {
?>
<p class="portfolio-outer-excerpt">
<?php
echo get_post_meta($post->ID, 'portfolio_post_excerpt', TRUE);
?>
</p>
<?php
}
if ($love == "yes" && $thumb_style == "title_category") {
waxom_love_button();
}
if ($thumb_style == "title_excerpt_more") {
?>
<div class="portfolio-view-more btn btn-dark"><a href="<?php
echo esc_url($post_link);
?>
"><?php
esc_html_e('View More', 'waxom');
?>
</a></div>
<?php
}
?>
</div>
<?php
}
?>
</div>
<?php
}
}
echo '</div>';
if ($ajax == 'yes' && $posts_nr > 1) {
waxom_ajax_pagination($the_query, "portfolio");
echo '<div id="portfolio-load-posts" class="pagination-wrap"><a href="#" class="btn btn-style-default btn-accent2 btn-larger">' . esc_html__('Load More', 'waxom') . '</a></div>';
}
if ($pagination == 'yes') {
waxom_pagination($the_query);
}
echo '</div>';
wp_reset_postdata();
$content = ob_get_contents();
ob_end_clean();
return $content;
}
function waxom_portfolio_carousel($atts, $content = null)
{
extract(shortcode_atts(array("cats" => '', "posts_nr" => '', "thumb_style" => 'title_category', "hover_style" => 'simple', "cols" => 3, "thumb_space" => 'yes', "autoplay" => '', "dots" => "true", "nav" => "false", "nav_position" => "top_right", "carousel_title" => '', "love" => 'yes'), $atts));
wp_enqueue_script('magnific-popup', '', '', '', true);
wp_enqueue_style('magnific-popup');
wp_enqueue_script('owl-carousel', '', '', '', true);
wp_enqueue_style('owl-carousel');
ob_start();
$margin = 30;
if ($thumb_space == 'no') {
$margin = 0;
}
echo '<div class="vntd-carousel-holder">';
if ($carousel_title) {
echo '<div class="vntd-carousel-title"><h3>' . $carousel_title . '</h3></div>';
}
echo '<div class="vntd-portfolio-carousel carousel-gallery vntd-carousel portfolio-style portfolio-' . $hover_style . ' portfolio-' . $thumb_style . ' carousel-nav-' . $nav . ' nav-position-' . $nav_position . '" data-cols="' . $cols . '" data-autoplay="' . $autoplay . '" data-margin="' . $margin . '" data-dots="' . $dots . '" data-nav="' . $nav . '">';
$size = 'vntd-portfolio-square';
wp_reset_postdata();
$args = array('posts_per_page' => $posts_nr, 'project-type' => $cats, 'post_type' => 'portfolio', 'orderby' => 'slug');
$the_query = new WP_Query($args);
if ($the_query->have_posts()) {
while ($the_query->have_posts()) {
$the_query->the_post();
$img_url = wp_get_attachment_image_src(get_post_thumbnail_id(get_the_ID()), $size);
$thumb_url = $img_url[0];
$img_url = wp_get_attachment_image_src(get_post_thumbnail_id(get_the_ID()), 'large');
$big_thumb_url = $img_url[0];
$post_link = get_permalink();
$post_link_type = get_post_meta(get_the_ID(), 'link_type', TRUE);
if ($post_link_type == 'external' && get_post_meta(get_the_ID(), 'portfolio_external_url', TRUE)) {
$data_content = '';
$ajax_class = '';
$post_link = get_post_meta(get_the_ID(), 'portfolio_external_url', TRUE);
}
$lightbox_content_class = $item_lightbox_class = '';
if ($post_link_type != 'link' && $post_link_type != 'external') {
$item_lightbox_class = ' portfolio-item-lightbox';
$lightbox_content_class = ' cbp-portfolio-lightbox';
}
?>
<!-- Item -->
<div class="item carousel-item">
<div class="item-inner">
<a href="<?php
echo esc_url($post_link);
?>
" class="work-image<?php
echo esc_attr($lightbox_content_class);
?>
">
<img src="<?php
echo esc_url($thumb_url);
?>
" alt="<?php
the_title();
?>
">
<div class="portfolio-item-overlay">
<?php
if ($hover_style != "bottom") {
?>
<div class="portfolio-overlay-icons">
<span class="overlay-icon overlay-icon-link" href="<?php
echo esc_url($post_link);
?>
"><i class="fa fa-link"></i></span>
<span class="overlay-icon overlay-icon-zoom carousel-lightbox" href="<?php
echo esc_url($big_thumb_url);
?>
"><i class="fa fa-search"></i></span>
</div>
<?php
}
?>
<h3 class="portfolio-overlay-title">
<?php
the_title();
?>
</h3>
<div class="portfolio-overlay-cats"><?php
waxom_portfolio_overlay_categories();
?>
</div>
<?php
if (get_post_meta(get_the_ID(), 'portfolio_post_excerpt', TRUE)) {
?>
<p class="portfolio-overlay-excerpt">
<?php
echo esc_textarea(get_post_meta(get_the_ID(), 'portfolio_post_excerpt', TRUE));
?>
</p>
<?php
}
?>
</div>
</a>
</div>
<?php
if ($thumb_style && $thumb_style != "simple") {
?>
<div class="item-outer">
<h3 class="portfolio-outer-title">
<a href="<?php
echo esc_url($post_link);
?>
" class="portfolio-outer-link<?php
echo esc_attr($lightbox_content_class);
?>
"><?php
the_title();
?>
</a>
</h3>
<div class="portfolio-outer-cats"><?php
waxom_portfolio_overlay_categories();
?>
</div>
<?php
if (get_post_meta(get_the_ID(), 'portfolio_post_excerpt', TRUE)) {
?>
<p class="portfolio-outer-excerpt">
<?php
echo get_post_meta(get_the_ID(), 'portfolio_post_excerpt', TRUE);
?>
</p>
<?php
}
if ($love == "yes" && $thumb_style == "title_category") {
waxom_love_button();
}
if ($thumb_style == "title_excerpt_more") {
?>
<div class="portfolio-view-more btn btn-dark"><a href="<?php
echo esc_url($post_link);
?>
"><?php
esc_html_e('View More', 'waxom');
?>
</a></div>
<?php
}
?>
</div>
<?php
}
?>
</div>
<!-- End Item -->
<?php
}
}
wp_reset_postdata();
echo '</div></div>';
$content = ob_get_contents();
ob_end_clean();
return $content;
}
function waxom_related_work()
{
global $post;
$cols = 4;
$title = $nav_style = $url = '';
$thumb_size = 'vntd-portfolio-square';
echo '<div id="related-work" class="vntd-carousel portfolio-carousel vntd-carousel-nav-side portfolio-style-default vntd-cols-' . esc_attr($cols) . '" data-cols="' . esc_attr($cols) . '">';
echo '<h3>' . esc_html__('Related Work', 'waxom') . '</h3>';
waxom_carousel_heading($title, $nav_style, $url);
echo '<div class="carousel-overflow"><div class="carousel-holder vntd-row"><ul>';
wp_reset_postdata();
$args = array('posts_per_page' => 8, 'project-type' => $cats, 'post_type' => 'portfolio', 'post__not_in' => array($post->ID));
$the_query = new WP_Query($args);
if ($the_query->have_posts()) {
while ($the_query->have_posts()) {
$the_query->the_post();
echo '<li class="carousel-item span' . esc_attr(waxom_carousel_get_cols($cols)) . '">';
?>
<div class="portfolio-thumbnail-holder thumbnail-default hover-item">
<a href="<?php
echo get_permalink();
?>
" class="noSwipe portfolio-thumbnail">
<img src="<?php
echo waxom_thumb(460, 345);
?>
" alt>
<span class="hover-icon hover-icon-link"></span>
</a>
<div class="portfolio-thumbnail-caption">
<h4 class="caption-title"><a href="<?php
echo get_permalink();
?>
"><?php
the_title();
?>
</a></h4>
<span class="caption-categories"><?php
waxom_portfolio_overlay_categories();
?>
</span>
</div>
</div>
<?php
echo '</li>';
}
}
wp_reset_postdata();
echo '</ul></div></div></div>';
}
