function portfolio_list($atts, $content = null)
{
global $wp_query;
global $portfolio_project_id;
global $qode_options_proya;
$portfolio_qode_like = "on";
if (isset($qode_options_proya['portfolio_qode_like'])) {
$portfolio_qode_like = $qode_options_proya['portfolio_qode_like'];
}
$args = array("type" => "standard", "spacing" => "", "hover_type_standard" => "default", "hover_type_text_on_hover_image" => "default", "hover_type_text_before_hover" => "default", "hover_type_masonry" => "default", "box_border" => "", "box_background_color" => "", "box_border_color" => "", "box_border_width" => "", "columns" => "3", "portfolio_loading_type" => "", "portfolio_loading_type_masonry" => "", "grid_size" => "", "image_size" => "", "overlay_background_color" => "", "order_by" => "date", "order" => "ASC", "number" => "-1", "filter" => "no", "filter_color" => "", "lightbox" => "yes", "view_button" => "yes", "category" => "", "selected_projects" => "", "show_load_more" => "yes", "show_title" => "", "title_tag" => "h5", "title_color" => "", "title_font_size" => "", "show_categories" => "", "category_color" => "", "portfolio_separator" => "", "separator_color" => "", "text_align" => "");
extract(shortcode_atts($args, $atts));
$headings_array = array('h2', 'h3', 'h4', 'h5', 'h6');
//get correct heading value. If provided heading isn't valid get the default one
$title_tag = in_array($title_tag, $headings_array) ? $title_tag : $args['title_tag'];
$html = "";
$_type_class = '';
$_portfolio_space_class = '';
$_portfolio_masonry_with_space_class = '';
if ($type == "hover_text") {
$_type_class = " hover_text";
$_portfolio_space_class = "portfolio_with_space";
} elseif ($type == "standard" || $type == "masonry_with_space") {
$_type_class = " standard";
$_portfolio_space_class = "portfolio_with_space";
if ($type == "masonry_with_space") {
$_portfolio_masonry_with_space_class = ' masonry_with_space';
}
} elseif ($type == "standard_no_space") {
$_type_class = " standard_no_space";
$_portfolio_space_class = "portfolio_no_space";
} elseif ($type == "hover_text_no_space") {
$_type_class = " hover_text no_space";
$_portfolio_space_class = "portfolio_no_space";
}
$_portfolio_masonry_with_space_class = '';
if ($type == "hover_text") {
$_type_class = " hover_text";
$_portfolio_space_class = "portfolio_with_space portfolio_with_hover_text";
} elseif ($type == "standard" || $type == "masonry_with_space" || $type == "masonry_with_space_without_description") {
$_type_class = " standard";
$_portfolio_space_class = "portfolio_with_space portfolio_standard";
if ($type == "masonry_with_space" || $type == "masonry_with_space_without_description") {
$_portfolio_masonry_with_space_class = ' masonry_with_space';
if ($type == "masonry_with_space_without_description") {
$_portfolio_masonry_with_space_class .= ' masonry_with_space_only_image';
}
}
} elseif ($type == "standard_no_space") {
$_type_class = " standard_no_space";
$_portfolio_space_class = "portfolio_no_space portfolio_standard";
} elseif ($type == "hover_text_no_space") {
$_type_class = " hover_text no_space";
$_portfolio_space_class = "portfolio_no_space portfolio_with_hover_text";
}
$article_style = "";
if (($type == "masonry_with_space" || $type == 'masonry_with_space_without_description') && $spacing !== '') {
$article_style .= "padding: 0 " . intval($spacing) / 2 . "px;";
$article_style .= "margin-bottom: " . $spacing . "px !important;";
}
$article_style = "style='" . $article_style . "'";
$portfolio_box_style = "";
$portfolio_description_class = "";
if ($box_border == "yes" || $box_background_color != "") {
$portfolio_box_style .= "style=";
if ($box_border == "yes") {
$portfolio_box_style .= "border-style:solid;";
if ($box_border_color != "") {
$portfolio_box_style .= "border-color:" . $box_border_color . ";";
}
if ($box_border_width != "") {
$portfolio_box_style .= "border-width:" . $box_border_width . "px;";
}
}
if ($box_background_color != "") {
$portfolio_box_style .= "background-color:" . $box_background_color . ";";
}
$portfolio_box_style .= "'";
}
if ($text_align !== '') {
$portfolio_description_class .= 'text_align_' . $text_align;
}
$portfolio_separator_aignment = "center";
if ($text_align != "") {
$portfolio_separator_aignment = $text_align;
}
// adding portfolio loading
$portfolio_loading_class = '';
if ($portfolio_loading_type !== '' && !in_array($type, array('masonry_with_space', 'masonry', 'masonry_with_space_without_description'))) {
$portfolio_loading_class = $portfolio_loading_type;
} elseif ($portfolio_loading_type_masonry !== '') {
$portfolio_loading_class = $portfolio_loading_type_masonry;
}
$filter_style = "";
if ($filter_color != "") {
$filter_style = " style='";
$filter_style .= "color:{$filter_color}";
$filter_style .= "'";
}
// adding hover type
$hover_type = "";
if ($type == 'standard' || $type == 'standard_no_space' || $type == 'masonry_with_space') {
$hover_type = $hover_type_standard;
}
if ($type == 'hover_text' || $type == 'hover_text_no_space' || $type == 'masonry_with_space_without_description') {
$hover_type = $hover_type_text_on_hover_image;
}
if ($type == 'masonry') {
$hover_type = $hover_type_masonry;
}
$overlay_styles = array();
if ($hover_type !== 'default' && $overlay_background_color !== '') {
$overlay_styles[] = 'background-color: ' . $overlay_background_color;
}
$title_styles = array();
if ($title_color !== '') {
$title_styles[] = 'color: ' . $title_color;
}
if ($title_font_size !== '') {
$title_styles[] = 'font-size: ' . $title_font_size . 'px';
}
$category_styles = array();
if ($category_color !== '') {
$category_styles[] = 'color: ' . $category_color;
}
$separator_styles = array();
if ($separator_color !== '') {
$separator_styles[] = 'background-color: ' . $separator_color;
}
if ($columns == "") {
$columns = '3';
}
$show_description_box = $show_title == 'no' && $show_categories == 'no' ? false : true;
if ($type != 'masonry') {
$html .= "<div class='projects_holder_outer v{$columns} {$_portfolio_space_class} {$_portfolio_masonry_with_space_class}'>";
if ($filter == "yes") {
if ($type == 'masonry_with_space' || $type == 'masonry_with_space_without_description') {
$html .= "<div class='filter_outer'>";
$html .= "<div class='filter_holder'>\n\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li class='filter' data-filter='*'><span>" . __('All', 'qode') . "</span></li>";
if ($category == "") {
$args = array('parent' => 0);
$portfolio_categories = get_terms('portfolio_category', $args);
} else {
$top_category = get_term_by('slug', $category, 'portfolio_category');
$term_id = '';
if (isset($top_category->term_id)) {
$term_id = $top_category->term_id;
}
$args = array('parent' => $term_id);
$portfolio_categories = get_terms('portfolio_category', $args);
}
foreach ($portfolio_categories as $portfolio_category) {
$html .= "<li class='filter' data-filter='.portfolio_category_{$portfolio_category->term_id}'><span>{$portfolio_category->name}</span>";
$args = array('child_of' => $portfolio_category->term_id);
$html .= '</li>';
}
$html .= "</ul></div>";
$html .= "</div>";
} else {
$html .= "<div class='filter_outer'>";
$html .= "<div class='filter_holder'>\n <ul>\n <li class='filter' data-filter='all'><span" . $filter_style . ">" . __('All', 'qode') . "</span></li>";
if ($category == "") {
$args = array('parent' => 0);
$portfolio_categories = get_terms('portfolio_category', $args);
} else {
$top_category = get_term_by('slug', $category, 'portfolio_category');
$term_id = '';
if (isset($top_category->term_id)) {
$term_id = $top_category->term_id;
}
$args = array('parent' => $term_id);
$portfolio_categories = get_terms('portfolio_category', $args);
}
foreach ($portfolio_categories as $portfolio_category) {
$html .= "<li class='filter' data-filter='portfolio_category_{$portfolio_category->term_id}'><span" . $filter_style . ">{$portfolio_category->name}</span>";
$args = array('child_of' => $portfolio_category->term_id);
$html .= '</li>';
}
$html .= "</ul></div>";
$html .= "</div>";
}
}
$thumb_size_class = "";
//get proper image size
switch ($image_size) {
case 'landscape':
$thumb_size_class = 'portfolio_landscape_image';
break;
case 'portrait':
$thumb_size_class = 'portfolio_portrait_image';
break;
case 'square':
$thumb_size_class = 'portfolio_square_image';
break;
default:
$thumb_size_class = 'portfolio_full_image';
break;
}
$html .= "<div class='projects_holder portfolio_main_holder clearfix v{$columns}{$_type_class} {$thumb_size_class} {$portfolio_loading_class}'>\n";
if (get_query_var('paged')) {
$paged = get_query_var('paged');
} elseif (get_query_var('page')) {
$paged = get_query_var('page');
} else {
$paged = 1;
}
if ($category == "") {
$args = array('post_type' => 'portfolio_page', 'orderby' => $order_by, 'order' => $order, 'posts_per_page' => $number, 'paged' => $paged);
} else {
$args = array('post_type' => 'portfolio_page', 'portfolio_category' => $category, 'orderby' => $order_by, 'order' => $order, 'posts_per_page' => $number, 'paged' => $paged);
}
$project_ids = null;
if ($selected_projects != "") {
$project_ids = explode(",", $selected_projects);
$args['post__in'] = $project_ids;
}
query_posts($args);
if (have_posts()) {
while (have_posts()) {
the_post();
$terms = wp_get_post_terms(get_the_ID(), 'portfolio_category');
$html .= "<article class='mix ";
foreach ($terms as $term) {
$html .= "portfolio_category_{$term->term_id} ";
}
$title = get_the_title();
$featured_image_array = wp_get_attachment_image_src(get_post_thumbnail_id(), 'full');
//original size
if (get_post_meta(get_the_ID(), 'qode_portfolio-lightbox-link', true) != "") {
$large_image = get_post_meta(get_the_ID(), 'qode_portfolio-lightbox-link', true);
} else {
$large_image = $featured_image_array[0];
}
$slug_list_ = "pretty_photo_gallery";
//get proper image size
switch ($image_size) {
case 'landscape':
$thumb_size = 'portfolio-landscape';
break;
case 'portrait':
$thumb_size = 'portfolio-portrait';
break;
case 'square':
$thumb_size = 'portfolio-square';
break;
default:
$thumb_size = 'full';
break;
}
if ($type == "masonry_with_space" || $type == "masonry_with_space_without_description") {
$thumb_size = 'portfolio_masonry_with_space';
}
$custom_portfolio_link = get_post_meta(get_the_ID(), 'qode_portfolio-external-link', true);
$portfolio_link = $custom_portfolio_link != "" ? $custom_portfolio_link : get_permalink();
if (get_post_meta(get_the_ID(), 'qode_portfolio-external-link-target', true) != "") {
$custom_portfolio_link_target = get_post_meta(get_the_ID(), 'qode_portfolio-external-link-target', true);
} else {
$custom_portfolio_link_target = '_blank';
}
$target = $custom_portfolio_link != "" ? $custom_portfolio_link_target : '_self';
$html .= "' ";
$html .= $article_style;
$html .= ">";
if ($hover_type == 'default') {
$html .= "<div class='image_holder'>";
$html .= "<a class='portfolio_link_for_touch' href='" . $portfolio_link . "' target='" . $target . "'>";
$html .= "<span class='image'>";
$html .= get_the_post_thumbnail(get_the_ID(), $thumb_size);
$html .= "</span>";
$html .= "</a>";
if ($type == "standard" || $type == "standard_no_space" || $type == "masonry_with_space") {
$html .= "<span class='text_holder'>";
$html .= "<span class='text_outer'>";
$html .= "<span class='text_inner'>";
$html .= "<span class='feature_holder'>";
if ($lightbox == "yes" || $portfolio_qode_like == "on" || $view_button !== "no") {
$html .= '<span class="feature_holder_icons">';
if ($lightbox == "yes") {
$html .= "<a class='lightbox qbutton small white' title='" . $title . "' href='" . $large_image . "' data-rel='prettyPhoto[" . $slug_list_ . "]'>" . __('zoom', 'qode') . "</a>";
}
if ($view_button !== "no") {
$html .= "<a class='preview qbutton small white' href='" . $portfolio_link . "' target='" . $target . "'>" . __('view', 'qode') . "</a>";
}
if ($portfolio_qode_like == "on") {
$html .= "<span class='portfolio_like qbutton small white'>";
$portfolio_project_id = get_the_ID();
if (function_exists('qode_like_portfolio_list')) {
$html .= qode_like_portfolio_list();
}
$html .= "</span>";
}
$html .= "</span>";
}
$html .= "</span></span></span></span>";
} else {
if ($type == "hover_text" || $type == "hover_text_no_space" || ($type = 'masonry_with_space_without_description')) {
$html .= "<span class='text_holder'>";
$html .= "<span class='text_outer'>";
$html .= "<span class='text_inner'>";
$html .= '<div class="hover_feature_holder_title"><div class="hover_feature_holder_title_inner">';
if ($show_title !== 'no') {
$html .= '<' . $title_tag . ' class="portfolio_title"><a href="' . $portfolio_link . '" ' . qode_get_inline_style($title_styles) . ' target="' . $target . '">' . get_the_title() . '</a></' . $title_tag . '>';
}
if ($portfolio_separator == "yes") {
$html .= '<div ' . qode_get_inline_style($separator_styles) . ' class="portfolio_separator separator small ' . $portfolio_separator_aignment . '"></div>';
}
if ($show_categories !== 'no') {
$html .= '<span class="project_category" ' . qode_get_inline_style($category_styles) . '>';
$k = 1;
foreach ($terms as $term) {
$html .= "{$term->name}";
if (count($terms) != $k) {
$html .= ', ';
}
$k++;
}
$html .= '</span>';
}
$html .= '</div></div>';
$html .= "<span class='feature_holder'>";
if ($lightbox == "yes" || $portfolio_qode_like == "on" || $view_button !== "no") {
$html .= '<span class="feature_holder_icons">';
if ($lightbox == "yes") {
$html .= "<a class='lightbox qbutton small white' title='" . $title . "' href='" . $large_image . "' data-rel='prettyPhoto[" . $slug_list_ . "]'>" . __('zoom', 'qode') . "</a>";
}
if ($view_button !== "no") {
$html .= "<a class='preview qbutton small white' href='" . $portfolio_link . "' target='" . $target . "'>" . __('view', 'qode') . "</a>";
}
if ($portfolio_qode_like == "on") {
$html .= "<span class='portfolio_like qbutton small white'>";
$portfolio_project_id = get_the_ID();
if (function_exists('qode_like_portfolio_list')) {
$html .= qode_like_portfolio_list();
}
$html .= "</span>";
}
$html .= "</span>";
}
$html .= "</span></span></span></span>";
}
}
$html .= "</div>";
if (($type == "standard" || $type == "standard_no_space" || $type == "masonry_with_space") && $show_description_box) {
$html .= "<div class='portfolio_description " . $portfolio_description_class . "'" . $portfolio_box_style . ">";
if ($show_title !== 'no') {
$html .= '<' . $title_tag . ' class="portfolio_title"><a href="' . $portfolio_link . '" ' . qode_get_inline_style($title_styles) . ' target="' . $target . '">' . get_the_title() . '</a></' . $title_tag . '>';
}
if ($portfolio_separator == "yes") {
$html .= '<div ' . qode_get_inline_style($separator_styles) . ' class="portfolio_separator separator small ' . $portfolio_separator_aignment . '"></div>';
}
if ($show_categories !== 'no') {
$html .= '<span class="project_category" ' . qode_get_inline_style($category_styles) . '>';
$k = 1;
foreach ($terms as $term) {
$html .= "{$term->name}";
if (count($terms) != $k) {
$html .= ', ';
}
$k++;
}
$html .= '</span>';
}
$html .= '</div>';
}
} else {
$category_html = "";
$k = 1;
foreach ($terms as $term) {
$category_html .= "{$term->name}";
if (count($terms) != $k) {
$category_html .= ' / ';
}
$k++;
}
$show_icons = "yes";
// disable icons on this hover type
if ($hover_type == 'cursor_change_hover' || $hover_type == 'thin_plus_only' || $hover_type == 'split_up') {
$show_icons = "no";
}
$disable_link = 'no';
// disable link if icons are shown for these hover type
if (($hover_type == 'subtle_vertical_hover' || $hover_type == 'image_subtle_rotate_zoom_hover' || $hover_type == 'image_text_zoom_hover') && $show_icons == 'yes') {
$disable_link = "yes";
}
$html .= '<div class="item_holder ' . $hover_type . '">';
switch ($hover_type) {
case 'subtle_vertical_hover':
case 'image_subtle_rotate_zoom_hover':
case 'image_text_zoom_hover':
case 'thin_plus_only':
case 'cursor_change_hover':
$html .= '<div class="text_holder">';
$html .= '<div class="text_holder_outer">';
$html .= '<div class="text_holder_inner">';
if ($hover_type == 'thin_plus_only') {
$html .= '<span class="thin_plus_only_icon">+</span>';
} elseif (in_array($type, array('hover_text', 'hover_text_no_space', 'masonry_with_space_without_description'))) {
if ($show_title !== 'no') {
$html .= '<' . $title_tag . ' class="portfolio_title"><a href="' . $portfolio_link . '" ' . qode_get_inline_style($title_styles) . '>' . get_the_title() . '</a></' . $title_tag . '>';
}
if ($portfolio_separator == "yes") {
$html .= '<div ' . qode_get_inline_style($separator_styles) . ' class="portfolio_separator separator small ' . $portfolio_separator_aignment . '"></div>';
}
if ($show_categories !== 'no') {
$html .= '<span class="project_category" ' . qode_get_inline_style($category_styles) . '>' . $category_html . '</span>';
}
}
if ($show_icons == 'yes') {
$html .= '<div class="icons_holder">';
if ($lightbox == "yes") {
$html .= '<a class="portfolio_lightbox" title="' . $title . '" href="' . $large_image . '" data-rel="prettyPhoto[' . $slug_list_ . ']" rel="prettyPhoto[' . $slug_list_ . ']"></a>';
}
if ($portfolio_qode_like == "on" && function_exists('qode_like_portfolio_list')) {
$html .= qode_like_portfolio_list('icon');
}
if ($view_button !== "no") {
$html .= '<a class="preview" title="' . __('Go to Project', 'qode') . '" href="' . $portfolio_link . '" data-type="portfolio_list" target="' . $target . '" ></a>';
}
$html .= '</div>';
// icons_holder
}
$html .= '</div>';
// text_holder_inner
$html .= '</div>';
// text_holder_outer
$html .= '</div>';
// text_holder
break;
case 'slow_zoom':
case 'split_up':
if (in_array($type, array('hover_text', 'hover_text_no_space', 'masonry_with_space_without_description'))) {
$html .= '<div class="text_holder">';
$html .= '<div class="text_holder_outer">';
$html .= '<div class="text_holder_inner">';
if ($show_title !== 'no') {
$html .= '<' . $title_tag . ' class="portfolio_title"><a href="' . $portfolio_link . '" ' . qode_get_inline_style($title_styles) . '>' . get_the_title() . '</a></' . $title_tag . '>';
}
if ($portfolio_separator == "yes") {
$html .= '<div ' . qode_get_inline_style($separator_styles) . ' class="portfolio_separator separator small ' . $portfolio_separator_aignment . '"></div>';
}
if ($show_categories !== 'no') {
$html .= '<span class="project_category" ' . qode_get_inline_style($category_styles) . '>' . $category_html . '</span>';
}
$html .= '</div>';
//text_holder_inner
$html .= '</div>';
// text_holder_outer
$html .= '</div>';
// text_holder
}
if ($show_icons == 'yes') {
$html .= '<div class="icons_holder">';
if ($lightbox == "yes") {
$html .= '<a class="portfolio_lightbox" title="' . $title . '" href="' . $large_image . '" data-rel="prettyPhoto[' . $slug_list_ . ']" rel="prettyPhoto[' . $slug_list_ . ']"></a>';
}
if ($portfolio_qode_like == "on" && function_exists('qode_like_portfolio_list')) {
$html .= qode_like_portfolio_list('icon');
}
if ($view_button !== "no") {
$html .= '<a class="preview" title="Go to Project" href="' . $portfolio_link . '" data-type="portfolio_list" target="' . $target . '" ></a>';
}
$html .= '</div>';
// icons_holder
}
break;
}
if ($disable_link == 'no') {
$html .= '<a class="portfolio_link_class" title="' . $title . '" href="' . $portfolio_link . '"></a>';
}
$html .= '<div ' . qode_get_inline_style($overlay_styles) . ' class="portfolio_shader"></div>';
$html .= '<div class="image_holder">';
$html .= '<span class="image">';
$html .= get_the_post_thumbnail(get_the_ID(), $thumb_size);
$html .= '</span>';
$html .= '</div>';
// close image_holder
$html .= '</div>';
// close item_holder
// portfolio description start
if ($type == "standard" || $type == "standard_no_space" || $type == "masonry_with_space") {
$html .= "<div class='portfolio_description " . $portfolio_description_class . "' " . $portfolio_box_style . ">";
if ($show_title !== 'no') {
$html .= '<' . $title_tag . ' class="portfolio_title"><a href="' . $portfolio_link . '" target="' . $target . '" ' . qode_get_inline_style($title_styles) . '>' . get_the_title() . '</a></' . $title_tag . '>';
}
if ($portfolio_separator == "yes") {
$html .= '<div ' . qode_get_inline_style($separator_styles) . ' class="portfolio_separator separator small ' . $portfolio_separator_aignment . '"></div>';
}
if ($show_categories !== 'no') {
$html .= '<span class="project_category" ' . qode_get_inline_style($category_styles) . '>' . $category_html . '</span>';
}
$html .= '</div>';
// close portfolio_description
}
}
$html .= "</article>\n";
}
$i = 1;
while ($i <= $columns) {
$i++;
if ($columns != 1) {
$html .= "<div class='filler'></div>\n";
}
}
} else {
?>
<p><?php
_e('Sorry, no posts matched your criteria.', 'qode');
?>
</p>
<?php
}
$html .= "</div>";
if (get_next_posts_link()) {
if ($show_load_more == "yes" || $show_load_more == "") {
$html .= '<div class="portfolio_paging"><span rel="' . $wp_query->max_num_pages . '" class="load_more">' . get_next_posts_link(__('Show more', 'qode')) . '</span></div>';
$html .= '<div class="portfolio_paging_loading"><a href="javascript: void(0)" class="qbutton">' . __('Loading...', 'qode') . '</a></div>';
}
}
$html .= "</div>";
wp_reset_query();
} else {
if ($filter == "yes") {
$html .= "<div class='filter_outer'>";
$html .= "<div class='filter_holder'>\n\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li class='filter' data-filter='*'><span>" . __('All', 'qode') . "</span></li>";
if ($category == "") {
$args = array('parent' => 0);
$portfolio_categories = get_terms('portfolio_category', $args);
} else {
$top_category = get_term_by('slug', $category, 'portfolio_category');
$term_id = '';
if (isset($top_category->term_id)) {
$term_id = $top_category->term_id;
}
$args = array('parent' => $term_id);
$portfolio_categories = get_terms('portfolio_category', $args);
}
foreach ($portfolio_categories as $portfolio_category) {
$html .= "<li class='filter' data-filter='.portfolio_category_{$portfolio_category->term_id}'><span>{$portfolio_category->name}</span>";
$args = array('child_of' => $portfolio_category->term_id);
$html .= '</li>';
}
$html .= "</ul></div>";
$html .= "</div>";
}
$grid_number_of_columns = "gs5";
if ($grid_size == 4) {
$grid_number_of_columns = "gs4";
}
$html .= "<div class='projects_masonry_holder portfolio_main_holder " . $grid_number_of_columns . " " . $portfolio_loading_class . "'>";
if (get_query_var('paged')) {
$paged = get_query_var('paged');
} elseif (get_query_var('page')) {
$paged = get_query_var('page');
} else {
$paged = 1;
}
if ($category == "") {
$args = array('post_type' => 'portfolio_page', 'orderby' => $order_by, 'order' => $order, 'posts_per_page' => $number, 'paged' => $paged);
} else {
$args = array('post_type' => 'portfolio_page', 'portfolio_category' => $category, 'orderby' => $order_by, 'order' => $order, 'posts_per_page' => $number, 'paged' => $paged);
}
$project_ids = null;
if ($selected_projects != "") {
$project_ids = explode(",", $selected_projects);
$args['post__in'] = $project_ids;
}
query_posts($args);
if (have_posts()) {
while (have_posts()) {
the_post();
$terms = wp_get_post_terms(get_the_ID(), 'portfolio_category');
$featured_image_array = wp_get_attachment_image_src(get_post_thumbnail_id(), 'full');
//original size
if (get_post_meta(get_the_ID(), 'qode_portfolio-lightbox-link', true) != "") {
$large_image = get_post_meta(get_the_ID(), 'qode_portfolio-lightbox-link', true);
} else {
$large_image = $featured_image_array[0];
}
$custom_portfolio_link = get_post_meta(get_the_ID(), 'qode_portfolio-external-link', true);
$portfolio_link = $custom_portfolio_link != "" ? $custom_portfolio_link : get_permalink();
if (get_post_meta(get_the_ID(), 'qode_portfolio-external-link-target', true) != "") {
$custom_portfolio_link_target = get_post_meta(get_the_ID(), 'qode_portfolio-external-link-target', true);
} else {
$custom_portfolio_link_target = '_blank';
}
$target = $custom_portfolio_link != "" ? $custom_portfolio_link_target : '_self';
$masonry_size = "default";
$masonry_size = get_post_meta(get_the_ID(), "qode_portfolio_type_masonry_style", true);
$image_size = "";
if ($masonry_size == "large_width") {
$image_size = "portfolio_masonry_wide";
} elseif ($masonry_size == "large_height") {
$image_size = "portfolio_masonry_tall";
} elseif ($masonry_size == "large_width_height") {
$image_size = "portfolio_masonry_large";
} else {
$image_size = "portfolio_masonry_regular";
}
if ($type == "masonry_with_space") {
$image_size = "portfolio_masonry_with_space";
}
$slug_list_ = "pretty_photo_gallery";
$title = get_the_title();
$html .= "<article class='portfolio_masonry_item ";
foreach ($terms as $term) {
$html .= "portfolio_category_{$term->term_id} ";
}
$html .= " " . $masonry_size;
$html .= "'>";
if ($hover_type == 'default') {
$html .= "<div class='image_holder'>";
$html .= "<a class='portfolio_link_for_touch' href='" . $portfolio_link . "' target='" . $target . "'>";
$html .= "<span class='image'>";
$html .= get_the_post_thumbnail(get_the_ID(), $image_size);
$html .= "</span>";
$html .= "</a>";
$html .= "<span class='text_holder'>";
$html .= "<span class='text_outer'>";
$html .= "<span class='text_inner'>";
$html .= '<div class="hover_feature_holder_title"><div class="hover_feature_holder_title_inner">';
if ($show_title !== 'no') {
$html .= '<' . $title_tag . ' class="portfolio_title"><a href="' . $portfolio_link . '" ' . qode_get_inline_style($title_styles) . ' target="' . $target . '">' . get_the_title() . '</a></' . $title_tag . '>';
}
if ($portfolio_separator == "yes") {
$html .= '<div ' . qode_get_inline_style($separator_styles) . ' class="portfolio_separator separator small ' . $portfolio_separator_aignment . '"></div>';
}
if ($show_categories !== 'no') {
$html .= '<span class="project_category" ' . qode_get_inline_style($category_styles) . '>';
$k = 1;
foreach ($terms as $term) {
$html .= "{$term->name}";
if (count($terms) != $k) {
$html .= ', ';
}
$k++;
}
$html .= '</span>';
}
$html .= '</div></div>';
if ($lightbox == "yes" || $portfolio_qode_like == "on" || $view_button !== "no") {
$html .= "<span class='feature_holder'>";
$html .= '<span class="feature_holder_icons">';
if ($lightbox == "yes") {
$html .= "<a class='lightbox qbutton small white' title='" . $title . "' href='" . $large_image . "' data-rel='prettyPhoto[" . $slug_list_ . "]'>" . __('zoom', 'qode') . "</a>";
}
if ($view_button !== "no") {
$html .= "<a class='preview qbutton small white' href='" . $portfolio_link . "' target='" . $target . "'>" . __('view', 'qode') . "</i></a>";
}
if ($portfolio_qode_like == "on") {
$html .= "<span class='portfolio_like qbutton small white'>";
$portfolio_project_id = get_the_ID();
if (function_exists('qode_like_portfolio_list')) {
$html .= qode_like_portfolio_list();
}
$html .= "</span>";
}
$html .= "</span>";
$html .= "</span>";
}
$html .= "</span></span></span>";
$html .= "</div>";
} else {
$category_html = "";
$k = 1;
foreach ($terms as $term) {
$category_html .= "{$term->name}";
if (count($terms) != $k) {
$category_html .= ' / ';
}
$k++;
}
$show_icons = "yes";
// disable icons on this hover type
if ($hover_type == 'cursor_change_hover' || $hover_type == 'thin_plus_only' || $hover_type == 'split_up') {
$show_icons = "no";
}
$disable_link = 'no';
// disable link if icons are shown for these hover type
if (($hover_type == 'subtle_vertical_hover' || $hover_type == 'image_subtle_rotate_zoom_hover' || $hover_type == 'image_text_zoom_hover') && $show_icons == 'yes') {
$disable_link = "yes";
}
$html .= '<div class="item_holder ' . $hover_type . '">';
switch ($hover_type) {
case 'subtle_vertical_hover':
case 'image_subtle_rotate_zoom_hover':
case 'cursor_change_hover':
case 'image_text_zoom_hover':
case 'thin_plus_only':
if ($show_icons == 'yes' || $hover_type == 'thin_plus_only' || ($hover_type = 'cursor_change_hover')) {
$html .= '<div class="text_holder">';
$html .= '<div class="text_holder_outer">';
$html .= '<div class="text_holder_inner">';
if ($hover_type == 'thin_plus_only') {
$html .= '<span class="thin_plus_only_icon">+</span>';
} else {
if ($show_title !== 'no') {
$html .= '<' . $title_tag . ' class="portfolio_title"><a href="' . $portfolio_link . '" ' . qode_get_inline_style($title_styles) . '>' . get_the_title() . '</a></' . $title_tag . '>';
}
if ($portfolio_separator == "yes") {
$html .= '<div ' . qode_get_inline_style($separator_styles) . ' class="portfolio_separator separator small ' . $portfolio_separator_aignment . '"></div>';
}
if ($show_categories !== 'no') {
$html .= '<span class="project_category" ' . qode_get_inline_style($category_styles) . '>' . $category_html . '</span>';
}
if ($show_icons == 'yes') {
$html .= '<div class="icons_holder">';
if ($lightbox == "yes") {
$html .= '<a class="portfolio_lightbox" title="' . $title . '" href="' . $large_image . '" data-rel="prettyPhoto[' . $slug_list_ . ']" rel="prettyPhoto[' . $slug_list_ . ']"></a>';
}
if ($portfolio_qode_like == "on" && function_exists('qode_like_portfolio_list')) {
$html .= qode_like_portfolio_list('icon');
}
if ($view_button !== "no") {
$html .= '<a class="preview" title="Go to Project" href="' . $portfolio_link . '" data-type="portfolio_list" target="' . $target . '" ></a>';
}
$html .= '</div>';
// icons_holder
}
}
$html .= '</div>';
// text_holder_inner
$html .= '</div>';
// text_holder_outer
$html .= '</div>';
// text_holder
}
break;
case 'slow_zoom':
case 'split_up':
$html .= '<div class="text_holder">';
$html .= '<div class="text_holder_outer">';
$html .= '<div class="text_holder_inner">';
if ($show_title !== 'no') {
$html .= '<' . $title_tag . ' class="portfolio_title"><a href="' . $portfolio_link . '" ' . qode_get_inline_style($title_styles) . '>' . get_the_title() . '</a></' . $title_tag . '>';
}
if ($portfolio_separator == "yes") {
$html .= '<div ' . qode_get_inline_style($separator_styles) . ' class="portfolio_separator separator small ' . $portfolio_separator_aignment . '"></div>';
}
if ($show_categories !== 'no') {
$html .= '<span class="project_category" ' . qode_get_inline_style($category_styles) . '>' . $category_html . '</span>';
}
$html .= '</div>';
//text_holder_inner
$html .= '</div>';
// text_holder_outer
$html .= '</div>';
// text_holder
if ($show_icons == "yes") {
$html .= '<div class="icons_holder">';
if ($lightbox == "yes") {
$html .= '<a class="portfolio_lightbox" title="' . $title . '" href="' . $large_image . '" data-rel="prettyPhoto[' . $slug_list_ . ']" rel="prettyPhoto[' . $slug_list_ . ']"></a>';
}
if ($portfolio_qode_like == "on" && function_exists('qode_like_portfolio_list')) {
$html .= qode_like_portfolio_list('icon');
}
if ($view_button !== "no") {
$html .= '<a class="preview" title="Preview" href="' . $portfolio_link . '" data-type="portfolio_list" target="' . $target . '" ></a>';
}
$html .= '</div>';
// icons_holder
}
break;
}
if ($disable_link == 'no') {
$html .= '<a class="portfolio_link_class" title="' . $title . '" href="' . $portfolio_link . '"></a>';
}
$html .= '<div ' . qode_get_inline_style($overlay_styles) . ' class="portfolio_shader"></div>';
$html .= '<div class="image_holder">';
$html .= '<span class="image">';
$html .= get_the_post_thumbnail(get_the_ID(), $image_size);
$html .= '</span>';
$html .= '</div>';
// close text_holder
$html .= '</div>';
// close item_holder
}
$html .= "</article>";
}
} else {
?>
<p><?php
_e('Sorry, no posts matched your criteria.', 'qode');
?>
</p>
<?php
}
wp_reset_query();
$html .= "</div>";
}
return $html;
}
/**
* Function that echoes generated style attribute
* @param $value string | array attribute value
*
* @see qode_get_inline_style()
*/
function qode_inline_style($value)
{
echo qode_get_inline_style($value);
}
