function vntd_portfolio_carousel($atts, $content = null)
{
extract(shortcode_atts(array("cats" => '', "posts_nr" => '6', "thumb_style" => ''), $atts));
wp_enqueue_script('prettyPhoto', '', '', '', true);
wp_enqueue_style('prettyPhoto');
wp_enqueue_script('owl-carousel', '', '', '', true);
wp_enqueue_style('owl-carousel');
ob_start();
echo '<div class="vntd-portfolio-carousel"><div class="works white">';
$size = '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];
?>
<!-- Item -->
<div class="item">
<!-- Image, Buttons -->
<div class="f-image">
<!-- Image -->
<img src="<?php
echo $thumb_url;
?>
" alt="<?php
echo the_title();
?>
">
<!-- Hover Tags, Link -->
<div class="f-button first">
<a href="<?php
echo get_permalink();
?>
" class="featured-ball first ex-link" >
<i class="fa fa-link"></i>
</a>
</div>
<!-- End Link -->
<!-- Detail -->
<div class="f-button second">
<a href="<?php
echo $thumb_url;
?>
" data-rel="prettyPhoto[featured-work]" class="featured-ball second">
<i class="fa fa-plus"></i>
</a>
</div>
<!-- End Detail -->
</div>
<!-- End Image, Buttons -->
<!-- Texts -->
<div class="texts">
<!-- Item Header -->
<h1 class="f-head font-primary normal uppercase">
<?php
the_title();
?>
</h1>
<!-- Item Description -->
<h2 class="f-text font-secondary normal">
<?php
vntd_portfolio_overlay_categories();
?>
</h2>
</div>
<!-- End Texts -->
</div>
<!-- End Item -->
<?php
}
}
wp_reset_postdata();
echo '</div>';
$content = ob_get_contents();
ob_end_clean();
return $content;
}
function vntd_related_work()
{
global $post;
$cols = 4;
$title = $nav_style = $url = '';
$thumb_size = 'portfolio-square';
echo '<div id="related-work" class="vntd-carousel portfolio-carousel vntd-carousel-nav-side portfolio-style-default vntd-cols-' . $cols . '" data-cols="' . $cols . '">';
echo '<h3>' . __('Related Work', 'vntd_north') . '</h3>';
vntd_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' . vntd_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 vntd_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
vntd_portfolio_overlay_categories();
?>
</span>
</div>
</div>
<?php
echo '</li>';
}
}
wp_reset_postdata();
echo '</ul></div></div></div>';
}
function vntd_portfolio_grid($atts, $content = null)
{
extract(shortcode_atts(array("filter" => 'yes', "posts_nr" => '', "cats" => '', "thumb_size" => 'square', "order" => '', "el_position" => '', "width" => '', "composer" => '', "paged_posts" => '', "more_url" => '', "thumb_space" => 'yes', "cols" => '5', "thumb_size" => 'square', "link_type" => 'ajax'), $atts));
// 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';
}
}
if ($link_type != 'direct' && $link_type != 'external') {
wp_enqueue_script('portfolioExpand', '', '', '', true);
wp_enqueue_style('portfolioExpand');
}
ob_start();
echo '<div class="portfolio t-center ' . $layout_class . '"><div class="vntd-grid-before"></div>';
if ($filter == "yes") {
vntd_portfolio_filters($cats);
}
echo '<div class="portfolio-items">';
wp_reset_postdata();
$paged = '';
if ($paged_posts == 'yes') {
$paged = get_query_var('paged') ? get_query_var('paged') : 1;
}
//echo $cats_arr."ECHO TEST | | ".$cats;
$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 = "portfolio-square";
if ($thumb_size == "auto") {
$size = "portfolio-auto";
}
//$size = "portfolio-auto";
$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];
$post_link = get_permalink();
$post_link_type = get_post_meta($post->ID, 'link_type', TRUE);
if ($link_type != 'direct' && $post_link_type != 'direct') {
$data_content = ' data-content="' . get_permalink() . '"';
$ajax_class = ' colio-link';
}
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);
}
?>
<div class="item <?php
echo $item_class;
?>
<?php
echo vntd_portfolio_item_class();
?>
"<?php
echo $data_content;
?>
>
<!-- Item Inner -->
<div class="item-inner">
<!-- Item Link -->
<a href="<?php
echo $post_link;
?>
" class="work-image<?php
echo $ajax_class;
?>
">
<!-- Item Image -->
<img src="<?php
echo $thumb_url;
?>
" alt="<?php
the_title();
?>
">
<!-- Item Details -->
<div class="item-details">
<!-- Item Header -->
<h1 class="portfolio-grid-title white"><?php
the_title();
?>
</h1>
<!-- Item Strips -->
<span class="portfolio-strips"></span>
<!-- Item Description -->
<p class="font-primary uppercase">
<?php
vntd_portfolio_overlay_categories();
?>
</p>
</div>
<!-- End Item Details -->
</a>
<!-- End Item Link -->
</div>
<!-- End Item Inner -->
</div>
<?php
$data_content = $ajax_class = '';
}
}
?>
<?php
if ($paged_posts == 'yes') {
vntd_pagination($the_query);
}
wp_reset_postdata();
echo '</div>';
if ($more_url) {
echo '<a href="' . $more_url . '" class="portfolio-view-more uppercase ex-link"><i class="fa fa-plus fa-3x"></i></a>';
}
echo '</div>';
$content = ob_get_contents();
ob_end_clean();
return $content;
}
