File: D:/HostingSpaces/MDalebout4/datapeer.nl/wwwroot/wp-content/themes/salient/template-portfolio.php
<?php
/*template name: Portfolio */
get_header();
$options = get_nectar_theme_options();
//calculate cols
if(!empty($options['main_portfolio_layout'])) {
switch($options['main_portfolio_layout']){
case '3':
$cols = 'cols-3';
break;
case '4':
$cols = 'cols-4';
break;
case 'fullwidth':
$cols = 'elastic';
break;
}
} else {
$cols = 'cols-3';
}
if(!empty($cols)) {
switch($cols){
case 'cols-3':
$span_num = 'span_4';
break;
case 'cols-4':
$span_num = 'span_3';
break;
case 'elastic':
$span_num = 'elastic-portfolio-item';
break;
}
}
$project_style = (!empty($options['main_portfolio_project_style'])) ? $options['main_portfolio_project_style'] : '1' ;
$item_spacing = (!empty($options['main_portfolio_item_spacing'])) ? $options['main_portfolio_item_spacing'] : 'default';
$masonry_layout = (!empty($options['portfolio_use_masonry']) && $options['portfolio_use_masonry'] == '1') ? 'true' : 'false';
$masonry_sizing_type = (!empty($options['portfolio_masonry_grid_sizing']) && $options['portfolio_masonry_grid_sizing'] == 'photography') ? 'photography' : 'default';
$infinite_scroll_class = (!empty($options['portfolio_pagination_type']) && $options['portfolio_pagination_type'] == 'infinite_scroll') ? ' infinite_scroll' : null;
$lightbox_only = false;
//disable masonry for default project style fullwidth
if($project_style == '1' && $cols == 'elastic') $masonry_layout = 'false';
$display_sortable = get_post_meta($post->ID, 'nectar-metabox-portfolio-display-sortable', true);
$inline_filters = (!empty($options['portfolio_inline_filters']) && $options['portfolio_inline_filters'] == '1') ? '1' : '0';
$filters_id = (!empty($options['portfolio_inline_filters']) && $options['portfolio_inline_filters'] == '1') ? 'portfolio-filters-inline' : 'portfolio-filters';
$bg = get_post_meta($post->ID, '_nectar_header_bg', true);
?>
<script>
jQuery(document).ready(function($){
//more padding if using header bg on 4 col
if( $('#page-header-bg').length > 0 && '<?php echo $cols; ?>' == 'cols-4') { $('.container-wrap').css('padding-top','3.3em'); }
});
</script>
<style>
<?php if($span_num == 'elastic-portfolio-item') { ?>
.container-wrap { padding-bottom: 0px!important; }
#call-to-action .triangle { display: none; }
<?php } ?>
<?php if($span_num == 'elastic-portfolio-item' && !empty($bg)) { ?>
.container-wrap { padding-top: 0px!important; }
<?php } ?>
<?php if($inline_filters == '1' && empty($bg)) { ?>
.page-header-no-bg { display: none; }
.container-wrap { padding-top: 0px!important; }
body #portfolio-filters-inline { margin-top: -50px!important; padding-top: 5.8em!important; }
<?php } ?>
<?php if($inline_filters == '1' && empty($bg) && $span_num != 'elastic-portfolio-item') { ?>
#portfolio-filters-inline.non-fw { margin-top: -37px!important; padding-top: 6.5em!important;}
<?php } ?>
<?php if($inline_filters == '1' && !empty($bg) && $span_num != 'elastic-portfolio-item') { ?>
.container-wrap { padding-top: 3px!important; }
<?php } ?>
</style>
<?php nectar_page_header($post->ID); ?>
<div class="container-wrap">
<div class="container" data-col-num="<?php echo $cols; ?>">
<?php if(have_posts()) : while(have_posts()) : the_post(); ?>
<div class="container main-content">
<div class="row">
<?php the_content(); ?>
</div>
</div>
<?php endwhile; endif;
if(!post_password_required()) { ?>
<?php //inline portfolio filters
if( $display_sortable == 'on' && $inline_filters == '1') {
$filters_width = (!empty($options['header-fullwidth']) && $options['header-fullwidth'] == '1' && $cols == 'elastic') ? 'full-width-content ': 'full-width-section ';
?>
<div class="<?php echo $filters_id .' '; echo $filters_width; if($span_num != 'elastic-portfolio-item') echo 'non-fw'; ?>" data-color-scheme="default">
<div class="container <?php if($span_num == 'elastic-portfolio-item') { echo 'normal-container'; } ?>">
<span id="current-category"><?php echo __('All', 'salient'); ?></span>
<ul>
<li id="sort-label"><?php echo (!empty($options['portfolio-sortable-text'])) ? $options['portfolio-sortable-text'] : __('Sort Portfolio','salient'); ?>:</li>
<li><a href="#" data-filter="*"><?php echo __('All', 'salient'); ?></a></li>
<?php wp_list_categories(array('title_li' => '', 'taxonomy' => 'project-type', 'show_option_none' => '', 'walker' => new Walker_Portfolio_Filter())); ?>
</ul>
<div class="clear"></div>
</div>
</div>
<?php } ?>
<div class="portfolio-wrap <?php if($project_style == '1' && $span_num == 'elastic-portfolio-item') echo 'default-style'; if($project_style == '6' && $span_num == 'elastic-portfolio-item') echo 'spaced'; ?>">
<?php
$default_loader_class = (empty($options['loading-image']) && !empty($options['theme-skin']) && $options['theme-skin'] == 'ascend') ? 'default-loader' : null;
$default_loader = (empty($options['loading-image']) && !empty($options['theme-skin']) && $options['theme-skin'] == 'ascend') ? '<span class="default-loading-icon spin"></span>' : null;
$load_in_animation = (!empty($options['portfolio_loading_animation'])) ? $options['portfolio_loading_animation'] : 'none'; ?>
<span class="portfolio-loading <?php echo $default_loader_class; ?> <?php echo (!empty($options['loading-image-animation']) && !empty($options['loading-image'])) ? $options['loading-image-animation'] : null; ?>"> <?php echo $default_loader; ?> </span>
<?php
//get categories
global $post;
$categories = get_post_meta($post->ID, 'nectar-metabox-portfolio-display', true);
$project_categories = null;
$category_count = 0;
if(!empty($categories)) {
foreach($categories as $key => $slug){
if($category_count == 0){
$project_categories .= $slug;
} else {
$project_categories .= ', '.$slug;
}
$category_count++;
}
}
//incase only all was selected
if($project_categories == 'all') {
$project_categories = null;
}
?>
<div id="portfolio" class="row portfolio-items <?php if($masonry_layout == 'true') echo 'masonry-items'; else { echo 'no-masonry'; } ?> <?php echo $infinite_scroll_class; ?>" data-categories-to-show="<?php echo $project_categories; ?>" data-gutter="<?php echo $item_spacing; ?>" data-masonry-type="<?php echo $masonry_sizing_type; ?>" data-ps="<?php echo $project_style; ?>" data-starting-filter="" data-col-num="<?php echo $cols; ?>">
<?php
add_filter('wp_get_attachment_image_attributes','nectar_remove_lazy_load_functionality');
$posts_per_page = '-1';
if(!empty($options['portfolio_pagination']) && $options['portfolio_pagination'] == '1') {
$posts_per_page = (!empty($options['portfolio_pagination_number'])) ? $options['portfolio_pagination_number'] : '-1';
}
$portfolio = array(
'posts_per_page' => $posts_per_page,
'post_type' => 'portfolio',
'project-type'=> $project_categories,
'paged'=> $paged
);
$wp_query = new WP_Query($portfolio);
if(have_posts()) : while(have_posts()) : the_post(); ?>
<?php
$terms = get_the_terms($post->id,"project-type");
$project_cats = NULL;
if ( !empty($terms) ){
foreach ( $terms as $term ) {
$project_cats .= strtolower($term->slug) . ' ';
}
}
global $masonry_layout;
$masonry_item_sizing = ($masonry_layout == 'true') ? get_post_meta($post->ID, '_portfolio_item_masonry_sizing', true) : null;
if(empty($masonry_item_sizing) && $masonry_layout == 'true') $masonry_item_sizing = 'regular';
$masonry_item_content_pos = get_post_meta($post->ID, '_portfolio_item_masonry_content_pos', true);
if(empty($masonry_item_content_pos)) $masonry_item_content_pos = 'middle';
$masonry_sizing_type = (!empty($options['portfolio_masonry_grid_sizing']) && $options['portfolio_masonry_grid_sizing'] == 'photography') ? 'photography' : 'default';
//no tall size for photography
if($masonry_sizing_type == 'photography' && $masonry_item_sizing == 'tall') $masonry_item_sizing = 'wide_tall';
$custom_project_link = get_post_meta($post->ID, '_nectar_external_project_url', true);
$the_project_link = (!empty($custom_project_link)) ? $custom_project_link : get_permalink();
$project_excerpt = get_post_meta($post->ID, '_nectar_project_excerpt', true);
$customProjectClass = get_post_meta($post->ID, '_nectar_project_css_class', true);
if(!empty($customProjectClass)) $customProjectClass = ' ' . sanitize_text_field($customProjectClass);
$project_image_caption = get_post(get_post_thumbnail_id())->post_content;
$project_image_caption = strip_tags($project_image_caption);
$project_accent_color = get_post_meta($post->ID, '_nectar_project_accent_color', true);
$project_title_color = get_post_meta($post->ID, '_nectar_project_title_color', true);
$project_subtitle_color = get_post_meta($post->ID, '_nectar_project_subtitle_color', true);
?>
<div class="col <?php echo $span_num . ' '. $masonry_item_sizing . $customProjectClass; ?> element <?php echo $project_cats; ?>" data-project-cat="<?php echo $project_cats; ?>" <?php if(!empty($project_accent_color)) { echo 'data-project-color="' . $project_accent_color .'"'; } else { echo 'data-default-color="true"';} ?> data-title-color="<?php echo $project_title_color; ?>" data-subtitle-color="<?php echo $project_subtitle_color; ?>">
<div class="inner-wrap animated" data-animation="<?php echo $load_in_animation; ?>">
<?php //project style 1
if($project_style == '1') {
$using_custom_content = get_post_meta($post->ID, '_nectar_portfolio_custom_grid_item', true);
$custom_content = get_post_meta($post->ID, '_nectar_portfolio_custom_grid_item_content', true); ?>
<div class="work-item style-1" data-custom-content="<?php echo $using_custom_content; ?>">
<?php
$thumb_size = (!empty($masonry_item_sizing)) ? $masonry_item_sizing : 'portfolio-thumb';
if($masonry_sizing_type == 'photography' && !empty($masonry_item_sizing)) {
$thumb_size = $thumb_size.'_photography';
//no tall size in photography
if($thumb_size == 'tall_photography') $thumb_size = 'wide_tall_photography';
}
//custom thumbnail
$custom_thumbnail = get_post_meta($post->ID, '_nectar_portfolio_custom_thumbnail', true);
if( !empty($custom_thumbnail) ){
echo '<img class="custom-thumbnail skip-lazy" src="'.$custom_thumbnail.'" alt="'. get_the_title() .'" />';
}
else {
if ( has_post_thumbnail() ) {
echo get_the_post_thumbnail($post->ID, $thumb_size, array('title' => ''));
}
//no image added
else {
switch($thumb_size) {
case 'wide_photography':
$no_image_size = 'no-portfolio-item-photography-wide.jpg';
break;
case 'regular_photography':
$no_image_size = 'no-portfolio-item-photography-regular.jpg';
break;
case 'wide_tall_photography':
$no_image_size = 'no-portfolio-item-photography-regular.jpg';
break;
case 'wide':
$no_image_size = 'no-portfolio-item-wide.jpg';
break;
case 'tall':
$no_image_size = 'no-portfolio-item-tall.jpg';
break;
case 'regular':
$no_image_size = 'no-portfolio-item-tiny.jpg';
break;
case 'wide_tall':
$no_image_size = 'no-portfolio-item-tiny.jpg';
break;
default:
$no_image_size = 'no-portfolio-item-small.jpg';
break;
}
echo '<img src="'.get_template_directory_uri().'/img/'.$no_image_size.' skip-lazy" alt="no image added yet." />';
}
} ?>
<div class="work-info-bg"></div>
<div class="work-info">
<?php
//custom content
if($using_custom_content == 'on') {
if(!empty($custom_project_link)) echo '<a href="'.$the_project_link.'"></a>';
echo '<div class="vert-center"><div class="custom-content">' . do_shortcode($custom_content) . '</div></div></div></div>';
//default
} else { ?>
<div class="vert-center">
<?php
$featured_image = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full' );
$video_embed = get_post_meta($post->ID, '_nectar_video_embed', true);
$video_m4v = get_post_meta($post->ID, '_nectar_video_m4v', true);
//video
if( !empty($video_embed) || !empty($video_m4v) ) {
echo nectar_portfolio_video_popup_link($post, $project_style, $video_embed, $video_m4v);
}
//image
else {
echo '<a href="'. $featured_image[0].'"';
if(!empty($project_image_caption)) echo 'title="'.$project_image_caption.'"';
echo 'class="pretty_photo default-link">'.__("View Larger", 'salient').'</a> ';
}
if($lightbox_only != 'true') {
echo '<a class="default-link" href="' . $the_project_link . '">'.__("More Details", 'salient').'</a>';
} ?>
</div><!--/vert-center-->
</div>
</div><!--work-item-->
<div class="work-meta">
<h4 class="title"><?php the_title(); ?></h4>
<?php if(!empty($project_excerpt)) { echo '<p>'.$project_excerpt.'</p>'; } elseif(!empty($options['portfolio_date']) && $options['portfolio_date'] == 1) echo '<p>' . get_the_date() . '</p>'; ?>
</div>
<div class="nectar-love-wrap">
<?php if( function_exists('nectar_love') ) nectar_love(); ?>
</div><!--/nectar-love-wrap-->
<?php }
} //project style 1
//project style 2
else if($project_style == '2') {
$using_custom_content = get_post_meta($post->ID, '_nectar_portfolio_custom_grid_item', true);
$custom_content = get_post_meta($post->ID, '_nectar_portfolio_custom_grid_item_content', true); ?>
<div class="work-item style-2" data-custom-content="<?php echo $using_custom_content; ?>">
<?php
$thumb_size = (!empty($masonry_item_sizing)) ? $masonry_item_sizing : 'portfolio-thumb';
if($masonry_sizing_type == 'photography' && !empty($masonry_item_sizing)) {
$thumb_size = $thumb_size.'_photography';
//no tall size in photography
if($thumb_size == 'tall_photography') $thumb_size = 'wide_tall_photography';
}
//custom thumbnail
$custom_thumbnail = get_post_meta($post->ID, '_nectar_portfolio_custom_thumbnail', true);
if( !empty($custom_thumbnail) ){
echo '<img class="custom-thumbnail skip-lazy" src="'.$custom_thumbnail.'" alt="'. get_the_title() .'" />';
}
else {
if ( has_post_thumbnail() ) {
echo get_the_post_thumbnail($post->ID, $thumb_size, array('title' => ''));
}
//no image added
else {
switch($thumb_size) {
case 'wide_photography':
$no_image_size = 'no-portfolio-item-photography-wide.jpg';
break;
case 'regular_photography':
$no_image_size = 'no-portfolio-item-photography-regular.jpg';
break;
case 'wide_tall_photography':
$no_image_size = 'no-portfolio-item-photography-regular.jpg';
break;
case 'wide':
$no_image_size = 'no-portfolio-item-wide.jpg';
break;
case 'tall':
$no_image_size = 'no-portfolio-item-tall.jpg';
break;
case 'regular':
$no_image_size = 'no-portfolio-item-tiny.jpg';
break;
case 'wide_tall':
$no_image_size = 'no-portfolio-item-tiny.jpg';
break;
default:
$no_image_size = 'no-portfolio-item-small.jpg';
break;
}
echo '<img src="'.get_template_directory_uri().'/img/'.$no_image_size.' skip-lazy" alt="no image added yet." />';
}
} ?>
<div class="work-info-bg"></div>
<div class="work-info">
<?php
//custom content
if($using_custom_content == 'on') {
if(!empty($custom_project_link)) echo '<a href="'.$the_project_link.'"></a>';
//default
} else { ?>
<?php if($lightbox_only != 'true') { ?>
<a href="<?php echo $the_project_link; ?>"></a>
<?php } else {
$featured_image = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full' );
$video_embed = get_post_meta($post->ID, '_nectar_video_embed', true);
$video_m4v = get_post_meta($post->ID, '_nectar_video_m4v', true);
//video
if( !empty($video_embed) || !empty($video_m4v) ) {
echo nectar_portfolio_video_popup_link($post, $project_style, $video_embed, $video_m4v);
} else { ?>
<a href="<?php echo $featured_image[0]; ?>" <?php if(!empty($project_image_caption)) echo ' title="'.$project_image_caption.'" '; ?> class="pretty_photo"></a>
<?php }
}
} ?>
<div class="vert-center">
<?php
if(!empty($using_custom_content) && $using_custom_content == 'on') {
echo '<div class="custom-content">' . do_shortcode($custom_content) . '</div>';
} else { ?>
<h3><?php echo get_the_title(); ?></h3>
<?php if(!empty($project_excerpt)) { echo '<p>'.$project_excerpt.'</p>'; } elseif(!empty($options['portfolio_date']) && $options['portfolio_date'] == 1) echo '<p>' . get_the_date() . '</p>';
} ?>
</div><!--/vert-center-->
</div>
</div><!--work-item-->
<?php } //project style 2
else if($project_style == '3') {
$using_custom_content = get_post_meta($post->ID, '_nectar_portfolio_custom_grid_item', true);
$custom_content = get_post_meta($post->ID, '_nectar_portfolio_custom_grid_item_content', true); ?>
<div class="work-item style-3" data-custom-content="<?php echo $using_custom_content; ?>" data-text-align="<?php echo $masonry_item_content_pos; ?>">
<?php
$thumb_size = (!empty($masonry_item_sizing)) ? $masonry_item_sizing : 'portfolio-thumb';
if($masonry_sizing_type == 'photography' && !empty($masonry_item_sizing)) {
$thumb_size = $thumb_size.'_photography';
//no tall size in photography
if($thumb_size == 'tall_photography') $thumb_size = 'wide_tall_photography';
}
//custom thumbnail
$custom_thumbnail = get_post_meta($post->ID, '_nectar_portfolio_custom_thumbnail', true);
if( !empty($custom_thumbnail) ){
echo '<img class="custom-thumbnail skip-lazy" src="'.$custom_thumbnail.'" alt="'. get_the_title() .'" />';
}
else {
if ( has_post_thumbnail() ) {
echo get_the_post_thumbnail($post->ID, $thumb_size, array('title' => ''));
}
//no image added
else {
switch($thumb_size) {
case 'wide_photography':
$no_image_size = 'no-portfolio-item-photography-wide.jpg';
break;
case 'regular_photography':
$no_image_size = 'no-portfolio-item-photography-regular.jpg';
break;
case 'wide_tall_photography':
$no_image_size = 'no-portfolio-item-photography-regular.jpg';
break;
case 'wide':
$no_image_size = 'no-portfolio-item-wide.jpg';
break;
case 'tall':
$no_image_size = 'no-portfolio-item-tall.jpg';
break;
case 'regular':
$no_image_size = 'no-portfolio-item-tiny.jpg';
break;
case 'wide_tall':
$no_image_size = 'no-portfolio-item-tiny.jpg';
break;
default:
$no_image_size = 'no-portfolio-item-small.jpg';
break;
}
echo '<img src="'.get_template_directory_uri().'/img/'.$no_image_size.'" class="no-img skip-lazy" alt="no image added yet." />';
}
} ?>
<div class="work-info-bg"></div>
<div class="work-info">
<?php
//custom content
if($using_custom_content == 'on') {
if(!empty($custom_project_link)) echo '<a href="'.$the_project_link.'"></a>';
//default
} else {
if($lightbox_only != 'true') { ?>
<a href="<?php echo $the_project_link; ?>"></a>
<?php } else {
$featured_image = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full' );
$video_embed = get_post_meta($post->ID, '_nectar_video_embed', true);
$video_m4v = get_post_meta($post->ID, '_nectar_video_m4v', true);
//video
if( !empty($video_embed) || !empty($video_m4v) ) {
echo nectar_portfolio_video_popup_link($post, $project_style, $video_embed, $video_m4v);
} else { ?>
<a href="<?php echo $featured_image[0]; ?>" <?php if(!empty($project_image_caption)) echo ' title="'.$project_image_caption.'" '; ?> class="pretty_photo"></a>
<?php } ?>
<?php }
} ?>
<div class="vert-center">
<?php
if(!empty($using_custom_content) && $using_custom_content == 'on') {
echo '<div class="custom-content">' . do_shortcode($custom_content) . '</div>';
} else { ?>
<h3><?php echo get_the_title(); ?> </h3>
<?php if(!empty($project_excerpt)) { echo '<p>'.$project_excerpt.'</p>'; } elseif(!empty($options['portfolio_date']) && $options['portfolio_date'] == 1) echo '<p>' . get_the_date() . '</p>'; ?>
<?php } ?>
</div><!--/vert-center-->
</div>
</div><!--work-item-->
<?php } //project style 3
else if($project_style == '4') {
$using_custom_content = get_post_meta($post->ID, '_nectar_portfolio_custom_grid_item', true);
$custom_content = get_post_meta($post->ID, '_nectar_portfolio_custom_grid_item_content', true); ?>
<div class="work-item style-4" data-custom-content="<?php echo $using_custom_content; ?>">
<?php
$thumb_size = (!empty($masonry_item_sizing)) ? $masonry_item_sizing : 'portfolio-thumb';
if($masonry_sizing_type == 'photography' && !empty($masonry_item_sizing)) {
$thumb_size = $thumb_size.'_photography';
//no tall size in photography
if($thumb_size == 'tall_photography') $thumb_size = 'wide_tall_photography';
}
//custom thumbnail
$custom_thumbnail = get_post_meta($post->ID, '_nectar_portfolio_custom_thumbnail', true);
if( !empty($custom_thumbnail) ){
echo '<img class="custom-thumbnail skip-lazy" src="'.$custom_thumbnail.'" alt="'. get_the_title() .'" />';
}
else {
if ( has_post_thumbnail() ) {
echo get_the_post_thumbnail($post->ID, $thumb_size, array('title' => ''));
}
//no image added
else {
switch($thumb_size) {
case 'wide_photography':
$no_image_size = 'no-portfolio-item-photography-wide.jpg';
break;
case 'regular_photography':
$no_image_size = 'no-portfolio-item-photography-regular.jpg';
break;
case 'wide_tall_photography':
$no_image_size = 'no-portfolio-item-photography-regular.jpg';
break;
case 'wide':
$no_image_size = 'no-portfolio-item-wide.jpg';
break;
case 'tall':
$no_image_size = 'no-portfolio-item-tall.jpg';
break;
case 'regular':
$no_image_size = 'no-portfolio-item-tiny.jpg';
break;
case 'wide_tall':
$no_image_size = 'no-portfolio-item-tiny.jpg';
break;
default:
$no_image_size = 'no-portfolio-item-small.jpg';
break;
}
echo '<img src="'.get_template_directory_uri().'/img/'.$no_image_size.'" class="no-img skip-lazy" alt="no image added yet." />';
}
}
if(!empty($using_custom_content) && $using_custom_content == 'on' && !empty($project_accent_color)) echo '<div class="work-info-bg"></div>'; ?>
<div class="work-info">
<?php
//custom content
if($using_custom_content == 'on') {
if(!empty($custom_project_link)) echo '<a href="'.$the_project_link.'"></a>';
//default
} else {
if($lightbox_only != 'true') { ?>
<a href="<?php echo $the_project_link; ?>"></a>
<?php } else {
$featured_image = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full' );
$video_embed = get_post_meta($post->ID, '_nectar_video_embed', true);
$video_m4v = get_post_meta($post->ID, '_nectar_video_m4v', true);
//video
if( !empty($video_embed) || !empty($video_m4v) ) {
echo nectar_portfolio_video_popup_link($post, $project_style, $video_embed, $video_m4v);
} else { ?>
<a href="<?php echo $featured_image[0]; ?>" <?php if(!empty($project_image_caption)) echo ' title="'.$project_image_caption.'" '; ?> class="pretty_photo"></a>
<?php }
}
}
if(!empty($using_custom_content) && $using_custom_content == 'on') {
echo '<div class="vert-center"><div class="custom-content">' . do_shortcode($custom_content) . '</div></div>';
} else { ?>
<div class="bottom-meta">
<h3><?php echo get_the_title(); ?> </h3>
<?php if(!empty($project_excerpt)) { echo '<p>'.$project_excerpt.'</p>'; } elseif(!empty($options['portfolio_date']) && $options['portfolio_date'] == 1) echo '<p>' . get_the_date() . '</p>'; ?>
</div><!--/bottom-meta-->
<?php } ?>
</div>
</div><!--work-item-->
<?php } //project style 4
else if($project_style == '5') {
$using_custom_content = get_post_meta($post->ID, '_nectar_portfolio_custom_grid_item', true);
$custom_content = get_post_meta($post->ID, '_nectar_portfolio_custom_grid_item_content', true); ?>
<div class="work-item style-3-alt" data-custom-content="<?php echo $using_custom_content; ?>" data-text-align="<?php echo $masonry_item_content_pos; ?>">
<?php
$thumb_size = (!empty($masonry_item_sizing)) ? $masonry_item_sizing : 'portfolio-thumb';
if($masonry_sizing_type == 'photography' && !empty($masonry_item_sizing)) {
$thumb_size = $thumb_size.'_photography';
//no tall size in photography
if($thumb_size == 'tall_photography') $thumb_size = 'wide_tall_photography';
}
//custom thumbnail
$custom_thumbnail = get_post_meta($post->ID, '_nectar_portfolio_custom_thumbnail', true);
if( !empty($custom_thumbnail) ){
echo '<img class="custom-thumbnail skip-lazy" src="'.$custom_thumbnail.'" alt="'. get_the_title() .'" />';
}
else {
if ( has_post_thumbnail() ) {
echo get_the_post_thumbnail($post->ID, $thumb_size, array('title' => ''));
}
//no image added
else {
switch($thumb_size) {
case 'wide_photography':
$no_image_size = 'no-portfolio-item-photography-wide.jpg';
break;
case 'regular_photography':
$no_image_size = 'no-portfolio-item-photography-regular.jpg';
break;
case 'wide_tall_photography':
$no_image_size = 'no-portfolio-item-photography-regular.jpg';
break;
case 'wide':
$no_image_size = 'no-portfolio-item-wide.jpg';
break;
case 'tall':
$no_image_size = 'no-portfolio-item-tall.jpg';
break;
case 'regular':
$no_image_size = 'no-portfolio-item-tiny.jpg';
break;
case 'wide_tall':
$no_image_size = 'no-portfolio-item-tiny.jpg';
break;
default:
$no_image_size = 'no-portfolio-item-small.jpg';
break;
}
echo '<img src="'.get_template_directory_uri().'/img/'.$no_image_size.'" class="no-img skip-lazy" alt="'.get_the_title().'" />';
}
} ?>
<div class="work-info-bg"></div>
<div class="work-info">
<?php
//custom content
if($using_custom_content == 'on') {
if(!empty($custom_project_link)) echo '<a href="'.$the_project_link.'"></a>';
//default
} else {
if($lightbox_only != 'true') { ?>
<a href="<?php echo $the_project_link; ?>"></a>
<?php } else {
$featured_image = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full' );
$video_embed = get_post_meta($post->ID, '_nectar_video_embed', true);
$video_m4v = get_post_meta($post->ID, '_nectar_video_m4v', true);
//video
if( !empty($video_embed) || !empty($video_m4v) ) {
echo nectar_portfolio_video_popup_link($post, $project_style, $video_embed, $video_m4v);
} else { ?>
<a href="<?php echo $featured_image[0]; ?>" <?php if(!empty($project_image_caption)) echo ' title="'.$project_image_caption.'" '; ?> class="pretty_photo"></a>
<?php }
}
} ?>
<div class="vert-center">
<?php
if(!empty($using_custom_content) && $using_custom_content == 'on') {
echo '<div class="custom-content">' . do_shortcode($custom_content) . '</div>';
} else { ?>
<h3><?php echo get_the_title(); ?> </h3>
<?php if(!empty($project_excerpt)) { echo '<p>'.$project_excerpt.'</p>'; } elseif(!empty($options['portfolio_date']) && $options['portfolio_date'] == 1) echo '<p>' . get_the_date() . '</p>'; ?>
<?php } ?>
</div><!--/vert-center-->
</div>
</div><!--work-item-->
<?php } //project style 5
else if($project_style == '6') {
$using_custom_content = get_post_meta($post->ID, '_nectar_portfolio_custom_grid_item', true);
$custom_content = get_post_meta($post->ID, '_nectar_portfolio_custom_grid_item_content', true); ?>
<div class="work-item style-5" data-custom-content="<?php echo $using_custom_content; ?>" data-text-align="<?php echo $masonry_item_content_pos; ?>">
<?php
$thumb_size = (!empty($masonry_item_sizing)) ? $masonry_item_sizing : 'portfolio-thumb';
if($masonry_sizing_type == 'photography' && !empty($masonry_item_sizing)) {
$thumb_size = $thumb_size.'_photography';
//no tall size in photography
if($thumb_size == 'tall_photography') $thumb_size = 'wide_tall_photography';
}
$parallax_images = get_post_meta($post->ID, '_nectar_3d_parallax_images', true);
if(!empty($parallax_images)) {
echo '<div class="parallaxImg">';
$images = explode( ',', $parallax_images);
$i = 0;
foreach ( $images as $attach_id ) {
$i++;
$img = wp_get_attachment_image_src( $attach_id, $thumb_size );
//add one sizer img
if($i == 1) echo '<img class="sizer skip-lazy" src="'.$img[0].'" alt="'.get_the_title().'" />';
echo '<div class="parallaxImg-layer" data-img="'.$img[0].'" Layer-'.$i.'"></div>';
}
echo '</div>';
}
//no parallax images set
else {
if ( has_post_thumbnail() ) {
$thumbnail_id = get_post_thumbnail_id($post->ID);
$thumbnail_url = wp_get_attachment_image_src($thumbnail_id,$thumb_size);
echo '<img class="sizer skip-lazy" src="'.$thumbnail_url[0].'" alt="'.get_the_title().'" />';
echo '<div class="parallaxImg">';
echo '<div class="parallaxImg-layer" data-img="'.$thumbnail_url[0].'"></div>';
echo '<div class="parallaxImg-layer"><div class="bg-overlay"></div> <div class="work-meta"><div class="inner">';
echo ' <h4 class="title"> '.get_the_title().'</h4>';
if(!empty($project_excerpt)) echo '<p>'.$project_excerpt.'</p>';
elseif(!empty($options['portfolio_date']) && $options['portfolio_date'] == 1) echo '<p>' . get_the_date() . '</p>';
echo '</div></div></div></div>';
}
//no image added
else {
switch($thumb_size) {
case 'wide_photography':
$no_image_size = 'no-portfolio-item-photography-wide.jpg';
break;
case 'regular_photography':
$no_image_size = 'no-portfolio-item-photography-regular.jpg';
break;
case 'wide_tall_photography':
$no_image_size = 'no-portfolio-item-photography-regular.jpg';
break;
case 'wide':
$no_image_size = 'no-portfolio-item-wide.jpg';
break;
case 'tall':
$no_image_size = 'no-portfolio-item-tall.jpg';
break;
case 'regular':
$no_image_size = 'no-portfolio-item-tiny.jpg';
break;
case 'wide_tall':
$no_image_size = 'no-portfolio-item-tiny.jpg';
break;
default:
$no_image_size = 'no-portfolio-item-small.jpg';
break;
}
echo '<img class="sizer skip-lazy" src="'.get_template_directory_uri().'/img/'.$no_image_size.'" alt="'.get_the_title().'" />';
echo '<div class="parallaxImg">';
echo '<div class="parallaxImg-layer" data-img="'.get_template_directory_uri().'/img/'.$no_image_size.'" "></div>';
echo '<div class="parallaxImg-layer"><div class="bg-overlay"></div> <div class="work-meta"><div class="inner">';
echo ' <h4 class="title"> '.get_the_title().'</h4>';
if(!empty($project_excerpt)) echo '<p>'.$project_excerpt.'</p>';
elseif(!empty($options['portfolio_date']) && $options['portfolio_date'] == 1) echo '<p>' . get_the_date() . '</p>';
echo '</div></div></div></div>';
}
}
if($lightbox_only != 'true') { ?>
<a href="<?php echo $the_project_link; ?>"></a>
<?php } else {
$featured_image = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full' );
$video_embed = get_post_meta($post->ID, '_nectar_video_embed', true);
$video_m4v = get_post_meta($post->ID, '_nectar_video_m4v', true);
//video
if( !empty($video_embed) || !empty($video_m4v) ) {
echo nectar_portfolio_video_popup_link($post, $project_style, $video_embed, $video_m4v);
} else { ?>
<a href="<?php echo $featured_image[0]; ?>" <?php if(!empty($project_image_caption)) echo ' title="'.$project_image_caption.'" '; ?> class="pretty_photo"></a>
<?php }
}
?>
</div><!--work-item-->
<?php } //project style 6
//project style 7
else if($project_style == '7') {
$using_custom_content = get_post_meta($post->ID, '_nectar_portfolio_custom_grid_item', true);
$custom_content = get_post_meta($post->ID, '_nectar_portfolio_custom_grid_item_content', true); ?>
<div class="work-item style-2" data-custom-content="<?php echo $using_custom_content; ?>">
<?php
$thumb_size = (!empty($masonry_item_sizing)) ? $masonry_item_sizing : 'portfolio-thumb';
if($masonry_sizing_type == 'photography' && !empty($masonry_item_sizing)) {
$thumb_size = $thumb_size.'_photography';
//no tall size in photography
if($thumb_size == 'tall_photography') $thumb_size = 'wide_tall_photography';
}
//custom thumbnail
$custom_thumbnail = get_post_meta($post->ID, '_nectar_portfolio_custom_thumbnail', true);
if( !empty($custom_thumbnail) ){
echo '<img class="custom-thumbnail skip-lazy" src="'.nectar_ssl_check($custom_thumbnail).'" alt="'. get_the_title() .'" />';
}
else {
if ( has_post_thumbnail() ) {
echo get_the_post_thumbnail($post->ID, $thumb_size, array('title' => ''));
}
//no image added
else {
switch($thumb_size) {
case 'wide_photography':
$no_image_size = 'no-portfolio-item-photography-wide.jpg';
break;
case 'regular_photography':
$no_image_size = 'no-portfolio-item-photography-regular.jpg';
break;
case 'wide_tall_photography':
$no_image_size = 'no-portfolio-item-photography-regular.jpg';
break;
case 'wide':
$no_image_size = 'no-portfolio-item-wide.jpg';
break;
case 'tall':
$no_image_size = 'no-portfolio-item-tall.jpg';
break;
case 'regular':
$no_image_size = 'no-portfolio-item-tiny.jpg';
break;
case 'wide_tall':
$no_image_size = 'no-portfolio-item-tiny.jpg';
break;
default:
$no_image_size = 'no-portfolio-item-small.jpg';
break;
}
echo '<img src="'.get_template_directory_uri().'/img/'.$no_image_size.'" alt="no image added yet." />';
}
} ?>
<div class="work-info-bg"></div>
<div class="work-info">
<?php
//custom content
if($using_custom_content == 'on') {
if(!empty($custom_project_link)) echo '<a href="'.$the_project_link.'"></a>';
//default
} else { ?>
<?php if($lightbox_only != 'true') { ?>
<a href="<?php echo $the_project_link; ?>"></a>
<?php } else {
$featured_image = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full' );
$video_embed = get_post_meta($post->ID, '_nectar_video_embed', true);
$video_m4v = get_post_meta($post->ID, '_nectar_video_m4v', true);
//video
if( !empty($video_embed) || !empty($video_m4v) ) {
echo nectar_portfolio_video_popup_link($post, $project_style, $video_embed, $video_m4v);
} else { ?>
<a href="<?php echo $featured_image[0]; ?>" <?php if(!empty($project_image_caption)) echo ' title="'.$project_image_caption.'" '; ?> class="pretty_photo"></a>
<?php }
}
} ?>
<div class="vert-center">
<?php
if(!empty($using_custom_content) && $using_custom_content == 'on') {
echo '<div class="custom-content">' . do_shortcode($custom_content) . '</div>';
} else { ?>
<h3><?php echo get_the_title(); ?></h3>
<?php if(!empty($project_excerpt)) { echo '<p>'.$project_excerpt.'</p>'; } elseif(!empty($options['portfolio_date']) && $options['portfolio_date'] == 1) echo '<p>' . get_the_date() . '</p>';
} ?>
</div><!--/vert-center-->
</div>
</div><!--work-item-->
<?php } //project style 7
//project style 8
else if($project_style == '8') {
$using_custom_content = get_post_meta($post->ID, '_nectar_portfolio_custom_grid_item', true);
$custom_content = get_post_meta($post->ID, '_nectar_portfolio_custom_grid_item_content', true); ?>
<div class="work-item style-2" data-custom-content="<?php echo $using_custom_content; ?>">
<?php
$thumb_size = (!empty($masonry_item_sizing)) ? $masonry_item_sizing : 'portfolio-thumb';
if($masonry_sizing_type == 'photography' && !empty($masonry_item_sizing)) {
$thumb_size = $thumb_size.'_photography';
//no tall size in photography
if($thumb_size == 'tall_photography') $thumb_size = 'wide_tall_photography';
}
//custom thumbnail
$custom_thumbnail = get_post_meta($post->ID, '_nectar_portfolio_custom_thumbnail', true);
if( !empty($custom_thumbnail) ){
echo '<img class="custom-thumbnail skip-lazy" src="'.nectar_ssl_check($custom_thumbnail).'" alt="'. get_the_title() .'" />';
}
else {
if ( has_post_thumbnail() ) {
echo get_the_post_thumbnail($post->ID, $thumb_size, array('title' => ''));
}
//no image added
else {
switch($thumb_size) {
case 'wide_photography':
$no_image_size = 'no-portfolio-item-photography-wide.jpg';
break;
case 'regular_photography':
$no_image_size = 'no-portfolio-item-photography-regular.jpg';
break;
case 'wide_tall_photography':
$no_image_size = 'no-portfolio-item-photography-regular.jpg';
break;
case 'wide':
$no_image_size = 'no-portfolio-item-wide.jpg';
break;
case 'tall':
$no_image_size = 'no-portfolio-item-tall.jpg';
break;
case 'regular':
$no_image_size = 'no-portfolio-item-tiny.jpg';
break;
case 'wide_tall':
$no_image_size = 'no-portfolio-item-tiny.jpg';
break;
default:
$no_image_size = 'no-portfolio-item-small.jpg';
break;
}
echo '<img src="'.get_template_directory_uri().'/img/'.$no_image_size.'" alt="no image added yet." />';
}
} ?>
<div class="work-info-bg"></div>
<div class="work-info">
<?php
//custom content
if($using_custom_content == 'on') {
if(!empty($custom_project_link)) echo '<a href="'.$the_project_link.'"></a>';
//default
} else { ?>
<?php if($lightbox_only != 'true') { ?>
<a href="<?php echo $the_project_link; ?>"></a>
<?php } else {
$featured_image = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full' );
$video_embed = get_post_meta($post->ID, '_nectar_video_embed', true);
$video_m4v = get_post_meta($post->ID, '_nectar_video_m4v', true);
//video
if( !empty($video_embed) || !empty($video_m4v) ) {
echo nectar_portfolio_video_popup_link($post, $project_style, $video_embed, $video_m4v);
} else { ?>
<a href="<?php echo $featured_image[0]; ?>" <?php if(!empty($project_image_caption)) echo ' title="'.$project_image_caption.'" '; ?> class="pretty_photo"></a>
<?php }
}
} ?>
<div class="vert-center">
<?php
if(!empty($using_custom_content) && $using_custom_content == 'on') {
echo '<div class="custom-content">' . do_shortcode($custom_content) . '</div>';
} else { ?>
<?php if(!empty($project_excerpt)) { echo '<p>'.$project_excerpt.'</p>'; } elseif(!empty($options['portfolio_date']) && $options['portfolio_date'] == 1) echo '<p>' . get_the_date() . '</p>'; ?>
<h3><?php echo get_the_title(); ?></h3>
<svg class="next-arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 39 12"><line class="top" x1="23" y1="-0.5" x2="29.5" y2="6.5" stroke="#ffffff;"/><line class="bottom" x1="23" y1="12.5" x2="29.5" y2="5.5" stroke="#ffffff;"/></svg><span class="line"></span></span>
<?php } ?>
</div><!--/vert-center-->
</div>
</div><!--work-item-->
<?php } //project style 8
else if($project_style == '9') {
$using_custom_content = get_post_meta($post->ID, '_nectar_portfolio_custom_grid_item', true);
$custom_content = get_post_meta($post->ID, '_nectar_portfolio_custom_grid_item_content', true); ?>
<div class="work-item style-1" data-custom-content="<?php echo $using_custom_content; ?>">
<?php
$thumb_size = (!empty($masonry_item_sizing)) ? $masonry_item_sizing : 'portfolio-thumb';
if($masonry_sizing_type == 'photography' && !empty($masonry_item_sizing)) {
$thumb_size = $thumb_size.'_photography';
//no tall size in photography
if($thumb_size == 'tall_photography') $thumb_size = 'wide_tall_photography';
}
//custom thumbnail
$custom_thumbnail = get_post_meta($post->ID, '_nectar_portfolio_custom_thumbnail', true);
if( !empty($custom_thumbnail) ){
$image_srcset = '';
$custom_thumbnail_id = fjarrett_get_attachment_id_from_url($custom_thumbnail);
if(!is_null($custom_thumbnail_id) && !empty($custom_thumbnail_id)) {
if (function_exists('wp_get_attachment_image_srcset')) {
$image_srcset_values = wp_get_attachment_image_srcset( $custom_thumbnail_id, 'full');
if($image_srcset_values) {
$image_srcset .= 'srcset="' . $image_srcset_values . '" ';
}
}
}
echo '<img class="custom-thumbnail skip-lazy" src="'.nectar_ssl_check($custom_thumbnail).'" '. $image_srcset. $image_sizes .' alt="'. get_the_title() .'" />';
}
else {
if ( has_post_thumbnail() ) {
//create featured image with srcset
$image_width = null;
$image_height = null;
if(!empty($image_meta['sizes']) && !empty($image_meta['sizes'][$thumb_size])) $image_width = $image_meta['sizes'][$thumb_size]['width'];
if(!empty($image_meta['sizes']) && !empty($image_meta['sizes'][$thumb_size])) $image_height = $image_meta['sizes'][$thumb_size]['height'];
$wp_img_alt_tag = get_post_meta( get_post_thumbnail_id(), '_wp_attachment_image_alt', true );
$image_src = null;
$image_src = wp_get_attachment_image_src( get_post_thumbnail_id(), $thumb_size);
if(!empty($image_src)) $image_src = $image_src[0];
$project_featured_img = '<img class="size-'.$masonry_item_sizing.' skip-lazy" src="'.$image_src.'" alt="'.$wp_img_alt_tag.'" height="'.$image_height.'" width="'.$image_width.'" />';
echo $project_featured_img;
}
//no image added
else {
switch($thumb_size) {
case 'wide_photography':
$no_image_size = 'no-portfolio-item-photography-wide.jpg';
break;
case 'regular_photography':
$no_image_size = 'no-portfolio-item-photography-regular.jpg';
break;
case 'wide_tall_photography':
$no_image_size = 'no-portfolio-item-photography-regular.jpg';
break;
case 'wide':
$no_image_size = 'no-portfolio-item-wide.jpg';
break;
case 'tall':
$no_image_size = 'no-portfolio-item-tall.jpg';
break;
case 'regular':
$no_image_size = 'no-portfolio-item-tiny.jpg';
break;
case 'wide_tall':
$no_image_size = 'no-portfolio-item-tiny.jpg';
break;
default:
$no_image_size = 'no-portfolio-item-small.jpg';
break;
}
echo '<img src="'.get_template_directory_uri().'/img/'.$no_image_size.'" alt="no image added yet." />';
}
} ?>
<div class="work-info">
<?php if($lightbox_only != 'true') { ?>
<a href="<?php echo $the_project_link; ?>"></a>
<?php } else {
$featured_image = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full' );
$video_embed = get_post_meta($post->ID, '_nectar_video_embed', true);
$video_m4v = get_post_meta($post->ID, '_nectar_video_m4v', true);
//video
if( !empty($video_embed) || !empty($video_m4v) ) {
echo nectar_portfolio_video_popup_link($post, $project_style, $video_embed, $video_m4v);
} else { ?>
<a href="<?php echo $featured_image[0]; ?>" <?php if(!empty($project_image_caption)) echo ' title="'.$project_image_caption.'" '; ?> class="pretty_photo"></a>
<?php }
} ?>
</div>
</div><!--work-item-->
<div class="work-meta">
<h4 class="title"><?php the_title(); ?></h4>
<?php if(!empty($project_excerpt)) { echo '<p>'.$project_excerpt.'</p>'; } elseif(!empty($options['portfolio_date']) && $options['portfolio_date'] == 1) echo '<p>' . get_the_date() . '</p>'; ?>
</div>
<?php } //project style 9 ?>
</div><!--inner-->
</div><!--/col-->
<?php endwhile; endif; ?>
</div><!--/portfolio-->
</div><!--/portfolio wrap-->
<?php
remove_filter('wp_get_attachment_image_attributes','nectar_remove_lazy_load_functionality');
if( !empty($options['portfolio_extra_pagination']) && $options['portfolio_extra_pagination'] == '1' ){
global $wp_query, $wp_rewrite;
$fw_pagination = ($span_num == 'elastic-portfolio-item') ? 'fw-pagination': null;
$masonry_padding = ($project_style != '1') ? 'alt-style-padding' : null;
$wp_query->query_vars['paged'] > 1 ? $current = $wp_query->query_vars['paged'] : $current = 1;
$total_pages = $wp_query->max_num_pages;
$permalink_structure = get_option('permalink_structure');
$format = empty( $permalink_structure ) ? '&paged=%#%' : 'page/%#%/';
if ($total_pages > 1){
echo '<div id="pagination" class="'.$fw_pagination.' '.$masonry_padding. $infinite_scroll_class.'" data-is-text="'.__("All items loaded", 'salient').'">';
echo paginate_links(array(
'base' => get_pagenum_link(1) .'%_%',
'format' => $format,
'current' => $current,
'total' => $total_pages,
));
echo '</div>';
}
}
//regular pagination
else{
$fw_pagination = ($span_num == 'elastic-portfolio-item') ? 'fw-pagination': null;
$masonry_padding = ($project_style == '1') ? 'alt-style-padding' : null;
if( get_next_posts_link() || get_previous_posts_link() ) {
echo '<div id="pagination" class="'.$fw_pagination.' '.$masonry_padding. $infinite_scroll_class.'" data-is-text="'.__("All items loaded", 'salient').'">
<div class="prev">'.get_previous_posts_link('« Previous Entries').'</div>
<div class="next">'.get_next_posts_link('Next Entries »','').'</div>
</div>';
}
}
}//password protection ?>
</div><!--/container-->
</div><!--/container-wrap-->
<?php get_footer(); ?>