/**
* This method is used to display the output of the element.
* @return void
*/
function element()
{
$options = $this->data['options'];
?>
<?php
if (!empty($options['vb_video_image']) && !empty($options['vb_video_url'])) {
echo '<div class="adbox video ' . $this->data['uid'] . ' ' . $this->opt('css_class', '') . '">';
$image = vt_resize('', $options['vb_video_image'], '', '', true);
echo '<img class="adbox-img" src="' . $image['url'] . '" alt="">';
echo '<div class="video_trigger_wrapper">';
echo '<div class="adbox_container">';
echo '<a class="playVideo" data-lightbox="iframe" href="' . $options['vb_video_url'] . '"></a>';
if (isset($options['vb_video_title']) && !empty($options['vb_video_title'])) {
echo '<h5 class="adbox-title kl-font-alt">' . $options['vb_video_title'] . '</h5>';
}
echo '</div>';
echo '</div>';
// close video_trigger_container
echo '</div>';
// close adbox
} else {
if (!empty($options['vb_video_url'])) {
if (!empty($options['vb_video_title'])) {
echo '<h4 class="m_title text-custom">' . $options['vb_video_title'] . '</h4>';
}
echo get_video_from_link($options['vb_video_url'], '', '', '');
}
}
?>
<?php
}
function _video_box($options)
{
$element_size = zn_get_size($options['_sizer']);
?>
<div class="<?php
echo $element_size['sizer'];
?>
">
<?php
if (!empty($options['vb_video_image']) && !empty($options['vb_video_url'])) {
echo '<div class="adbox video">';
$image = vt_resize('', $options['vb_video_image'], $element_size['width'], '', true);
echo '<img src="' . $image['url'] . '" alt="">';
echo '<div class="video_trigger_container">';
echo '<a class="playVideo" data-rel="prettyPhoto" href="' . $options['vb_video_url'] . '?width=80%&height=80%"></a>';
echo $options['vb_video_title'];
echo '</div>';
echo '</div>';
} else {
if (!empty($options['vb_video_url'])) {
if (!empty($options['vb_video_title'])) {
echo '<h4 class="m_title">' . $options['vb_video_title'] . '</h4>';
}
echo get_video_from_link($options['vb_video_url'], '', $element_size['width'], $element_size['height']);
}
}
?>
</div>
<?php
}
function _static8($options)
{
?>
<div id="slideshow" class="gradient">
<div class="video-container">
<?php
if ($options['sc_vb_video_type'] == 'self') {
echo '<video autoplay class="video" loop id="the-video"> ';
if (!empty($options['sc_vb_sh_video1'])) {
echo '<source src="' . $options['sc_vb_sh_video1'] . '"/> ';
}
if (!empty($options['sc_vb_sh_video2'])) {
echo '<source src="' . $options['sc_vb_sh_video2'] . '" type=\'video/ogg; codecs="theora, vorbis"\'/> ';
}
if (!empty($options['sc_vb_sh_video_cover'])) {
echo '<img src="' . $options['sc_vb_sh_video_cover'] . '"> ';
}
echo '</video>';
} elseif ($options['sc_vb_video_type'] == 'iframe' && !empty($options['sc_vb_embed'])) {
echo get_video_from_link($options['sc_vb_embed'], '', '400', '600');
}
echo '<div class="captions">';
if (!empty($options['sc_vb_line1'])) {
echo '<span class="line">' . do_shortcode($options['sc_vb_line1']) . '</span>';
}
if (!empty($options['sc_vb_line2'])) {
echo '<span class="line">' . do_shortcode($options['sc_vb_line2']) . '</span>';
}
echo '</div>';
?>
</div>
</div><!-- end slideshow -->
<?php
}
</ul>';
}
echo '
</div>
<!-- // video-wrapper -->
</div>
<!-- // video-container -->
';
} else {
if ($slideType == 'embed_iframe') {
$source_vd_embed_iframe = isset($slide['source_vd_embed_iframe']) && !empty($slide['source_vd_embed_iframe']) ? $slide['source_vd_embed_iframe'] : '';
if (!empty($source_vd_embed_iframe)) {
$video_attributes = array('loop' => isset($slide['io_slide_vd_loop']) && !empty($slide['io_slide_vd_loop']) && $slide['io_slide_vd_loop'] == 'yes' ? 1 : 0, 'autoplay' => isset($slide['io_slide_vd_autoplay']) && !empty($slide['io_slide_vd_autoplay']) && $slide['io_slide_vd_autoplay'] == 'yes' ? 1 : 0);
// Source Video
echo '<div class="kl-bg-source__iframe kl-video valign">';
echo get_video_from_link($source_vd_embed_iframe, 'no-adjust', '100%', null, $video_attributes);
echo '</div>';
}
}
}
}
// // Slide Overalay
// if ( isset ( $slide['io_slide_overlay'] ) && ! empty ( $slide['io_slide_overlay'] ) ) {
// $overlay_color = $slide['io_slide_overlay_color'] ? $slide['io_slide_overlay_color'] : '#000';
// $overlay_opac = $slide['io_slide_overlay_opacity'] ? $slide['io_slide_overlay_opacity'] : '30';
// echo '<div class="kl-slide-overlay" style="background-color:'.zn_hex2rgba_str($overlay_color, $overlay_opac).'"></div>';
// }
// Overlays
if (isset($slide['io_slide_overlay']) && $slide['io_slide_overlay'] != 0) {
$overlay_color = $slide['io_slide_overlay_color'];
$overlay_opac = $slide['io_slide_overlay_opacity'];
function _portfolio_carousel($options)
{
$element_size = zn_get_size($options['_sizer']);
global $post, $paged;
$posts_per_page = isset($options['ports_per_page']) ? $options['ports_per_page'] : '4';
// how many posts
if (is_front_page()) {
$paged = get_query_var('page') ? get_query_var('page') : 1;
} else {
$paged = get_query_var('paged') ? get_query_var('paged') : 1;
}
$query = array('post_type' => 'portfolio', 'paged' => $paged, 'posts_per_page' => $posts_per_page, 'tax_query' => array(array('taxonomy' => 'project_category', 'field' => 'id', 'terms' => $options['portfolio_categories'])), 'showposts' => $options['ports_per_page_visible']);
// Start the query
query_posts($query);
$i = 1;
?>
<div class="span12">
<?php
if (have_posts()) {
while (have_posts()) {
the_post();
// Get post meta information
$post_meta_fields = get_post_meta($post->ID, 'zn_meta_elements', true);
$post_meta_fields = maybe_unserialize($post_meta_fields);
?>
<div class="row-fluid hg-portfolio-carousel">
<div class="span6">
<div class="ptcontent">
<h3 class="title">
<a href="<?php
the_permalink();
?>
"><span class="name"><?php
the_title();
?>
</span></a>
</h3>
<div class="pt-cat-desc">
<?php
if (preg_match('/<!--more(.*?)?-->/', $post->post_content)) {
the_content('');
} else {
the_excerpt();
}
?>
</div><!-- end item desc -->
<div class="itemLinks">
<?php
if (!empty($post_meta_fields['sp_link']['url'])) {
echo '<span><a href="' . $post_meta_fields['sp_link']['url'] . '" target="' . $post_meta_fields['sp_link']['target'] . '" >' . __("Live Preview: ", THEMENAME) . '<strong>' . $post_meta_fields['sp_link']['url'] . '</strong></a></span>';
}
?>
<span class="seemore">
<a href="<?php
the_permalink();
?>
" ><?php
_e('See more →', THEMENAME);
?>
</a>
</span>
</div><!-- end item links -->
</div><!-- end item content -->
</div>
<div class="span6">
<div class="ptcarousel">
<?php
if (count($post_meta_fields['port_media']) > 1) {
?>
<div class="controls">
<a href="#" class="prev"><span class="icon-chevron-left icon-white"></span></a>
<a href="#" class="next"><span class="icon-chevron-right icon-white"></span></a>
</div>
<?php
}
?>
<ul class="ptcarousel1">
<?php
if (!empty($post_meta_fields['port_media']) && is_array($post_meta_fields['port_media'])) {
foreach ($post_meta_fields['port_media'] as $media) {
$size = zn_get_size('eight');
$has_image = false;
// Modified portfolio display
// Check to see if we have images
if ($portfolio_image = $media['port_media_image_comb']) {
if (is_array($portfolio_image)) {
if ($saved_image = $portfolio_image['image']) {
if (!empty($portfolio_image['alt'])) {
$saved_alt = 'alt="' . $portfolio_image['alt'] . '"';
} else {
$saved_alt = '';
}
if (!empty($portfolio_image['title'])) {
$saved_title = 'title="' . $portfolio_image['title'] . '"';
} else {
$saved_title = '';
}
$has_image = true;
}
} else {
$saved_image = $portfolio_image;
$has_image = true;
$saved_alt = '';
$saved_title = '';
}
if ($has_image) {
$image = vt_resize('', $saved_image, $size['width'], '', true);
}
}
// Check to see if we have video
if ($portfolio_media = $media['port_media_video_comb']) {
}
// Display the media
if (!empty($saved_image) && $portfolio_media) {
echo '<li>';
echo '<a href="' . $portfolio_media . '" data-type="video" rel="prettyPhoto" class="hoverLink">';
echo '<img src="' . $image['url'] . '" width="' . $image['width'] . '" height="' . $image['height'] . '" ' . $saved_alt . ' ' . $saved_title . ' />';
echo '</a>';
echo '</li>';
} elseif (!empty($saved_image)) {
echo '<li>';
echo '<a href="' . $saved_image . '" data-type="image" rel="prettyPhoto" class="hoverLink">';
echo '<img src="' . $image['url'] . '" width="' . $image['width'] . '" height="' . $image['height'] . '" ' . $saved_alt . ' ' . $saved_title . ' />';
echo '</a>';
echo '</li>';
} elseif ($portfolio_media) {
echo '<li>';
echo get_video_from_link($portfolio_media, '', $size['width'], $size['height']);
echo '</li>';
}
}
}
?>
</ul>
</div><!-- end ptcarousel -->
</div>
<?php
if ($i % $options['ports_per_page_visible'] != 0) {
echo '<div class="span12"><hr class="bs-docs-separator"></div>';
}
$i++;
?>
</div><!-- end portfolio layout -->
<?php
}
?>
<?php
}
?>
<?php
echo '<div class="clear"></div>';
echo '<div class="span12" >';
zn_pagination();
wp_reset_query();
echo '</div>';
?>
</div>
<?php
$zn_pcarousel = array('zn_pcarousel' => "\n\t\t\t\t(function(\$) {\n\t\t\t\t\t\$(window).load(function(){\n\t\t\t\t\t\t// ** Portfolio Carousel\n\t\t\t\t\t\tvar carousels =\tjQuery('.ptcarousel1');\n\t\t\t\t\t\tcarousels.each(function(index, element) {\n\n\t\t\t\t\t\t\tif ( \$(this).children().length > 1 ){\n\t\t\t\t\t\t\t\t\$(this).carouFredSel({\n\t\t\t\t\t\t\t\t\tresponsive: true,\n\t\t\t\t\t\t\t\t\titems: { width: 570 },\n\t\t\t\t\t\t\t\t\tprev\t: {\tbutton : \$(this).parent().find('a.prev'), key : \"left\" },\n\t\t\t\t\t\t\t\t\tnext\t: { button : \$(this).parent().find('a.next'), key : \"right\" },\n\t\t\t\t\t\t\t\t\tauto: {timeoutDuration: 5000},\n\t\t\t\t\t\t\t\t\tscroll: { fx: \"crossfade\", duration: \"1500\" }\n\t\t\t\t\t\t\t\t});\t\n\t\t\t\t\t\t\t}\n\n\n\t\t\t\t\t\t});\n\t\t\t\t\t\t// *** end Portfolio Carousel\n\t\t\t\t\t});\n\t\t\t\t})(jQuery);\n\t\t\t");
zn_update_array($zn_pcarousel);
}
// Display the media
if (!empty($saved_image) && $portfolio_media) {
echo '<div class="span3">';
echo '<a href="' . $portfolio_media . '" rel="prettyPhoto" class="hoverBorder">';
echo '<img src="' . $image['url'] . '" width="' . $image['width'] . '" height="' . $image['height'] . '" ' . $saved_alt . ' ' . $saved_title . ' />';
echo '</a>';
echo '</div>';
} elseif (!empty($saved_image)) {
echo '<div class="span3">';
echo '<a href="' . $saved_image . '" rel="prettyPhoto" class="hoverBorder">';
echo '<img src="' . $image['url'] . '" width="' . $image['width'] . '" height="' . $image['height'] . '" ' . $saved_alt . ' ' . $saved_title . ' />';
echo '</a>';
echo '</div>';
} elseif ($portfolio_media) {
echo '<div class="span3">';
echo get_video_from_link($portfolio_media, '', $size['width'], '202');
echo '</div>';
}
}
echo '<div class="clear"></div>';
echo '</div>';
}
?>
</div><!-- end Portfolio page -->
<?php
}
wp_reset_query();
?>
function _static7($options)
{
if (isset($options['ww_header_style']) && !empty($options['ww_header_style'])) {
$style = 'uh_' . $options['ww_header_style'];
} else {
$style = '';
}
?>
<div id="slideshow" class="<?php
echo $style;
?>
">
<div class="bgback"></div>
<div data-images="<?php
echo IMAGES_URL;
?>
/" id="sparkles"></div>
<div class="zn_slideshow">
<div class="container">
<div class="static-content event-style">
<div class="row">
<div class="span7">
<?php
// TITLE
if (isset($options['sc_ec_title']) && !empty($options['sc_ec_title'])) {
echo '<h3>' . do_shortcode($options['sc_ec_title']) . '</h3>';
}
?>
<div class="ud_counter">
<ul id="Counter">
<li>0<span>day</span></li>
<li>00<span>hours</span></li>
<li>00<span>min</span></li>
<li>00<span>sec</span></li>
</ul>
<?php
echo '<span class="till_lauch"><img src="' . MASTER_THEME_DIR . '/images/rocket.png"></span>';
?>
</div><!-- end counter -->
<?php
if (!empty($options['sc_ec_mlid'])) {
echo '<div class="mail_when_ready">';
echo ' <form method="post" class="newsletter_subscribe newsletter-signup" data-url="' . trailingslashit(home_url()) . '" name="newsletter_form">';
echo ' <input type="text" name="zn_mc_email" class="nl-email" value="" placeholder="' . __("*****@*****.**", THEMENAME) . '" />';
echo ' <input type="hidden" name="zn_list_class" class="nl-lid" value="' . $options['sc_ec_mlid'] . '" />';
echo ' <input type="submit" name="submit" class="nl-submit" value="' . __("JOIN US", THEMENAME) . '" />';
echo ' </form>';
echo '<span class="zn_mailchimp_result"></span>';
echo '</div>';
}
if (!empty($options['sc_ec_mlid']) && isset($options['single_ec_social']) && is_array($options['single_ec_social'])) {
echo '<span class="or">' . __("-or stay connected: ", THEMENAME) . '</span>';
}
if (isset($options['single_ec_social']) && is_array($options['single_ec_social'])) {
$icon_class = '';
if ($options['sc_ec_social_color'] == 'colored') {
$icon_class = 'colored';
}
echo '<ul class="social-icons ' . $icon_class . ' fixclear">';
foreach ($options['single_ec_social'] as $key => $icon) {
$link = '';
$target = '';
if (isset($icon['sc_ec_social_link']) && is_array($icon['sc_ec_social_link'])) {
$link = $icon['sc_ec_social_link']['url'];
$target = 'target="' . $icon['sc_ec_social_link']['target'] . '"';
}
echo '<li class="' . $icon['sc_ec_social_icon'] . '"><a href="' . $link . '" ' . $target . '>' . $icon['sc_ec_social_title'] . '</a></li>';
}
echo '</ul>';
}
?>
<div class="clear"></div>
</div>
<?php
echo '<div class="span5">';
// Text
if (isset($options['sc_ec_vid_desc']) && !empty($options['sc_ec_vid_desc'])) {
echo '<h5 style="text-align:right;">' . $options['sc_ec_vid_desc'] . '</h5>';
}
// VIDEO
if (isset($options['sc_ec_vime']) && !empty($options['sc_ec_vime'])) {
echo get_video_from_link($options['sc_ec_vime'], 'black_border full_width', '520px', '270px');
}
echo '</div>';
?>
</div>
</div><!-- end static content / event style -->
</div>
</div>
<div class="zn_header_bottom_style"></div><!-- header bottom style -->
</div><!-- end slideshow -->
<?php
$zn_event_countdown = array('zn_event_countdown' => "\n\t\t\t\tvar counter = {\n\t\t\t\t\tinit: function (d)\n\t\t\t\t\t{\n\t\t\t\t\t\tjQuery('#Counter').countdown({\n\t\t\t\t\t\t\tuntil: new Date(d),\n\t\t\t\t\t\t\tlayout: counter.layout(),\n\t\t\t\t\t\t\tlabels: ['" . __('years', THEMENAME) . "', '" . __('months', THEMENAME) . "', '" . __('weeks', THEMENAME) . "', '" . __('days', THEMENAME) . "', '" . __('hours', THEMENAME) . "', '" . __('min', THEMENAME) . "', '" . __('sec', THEMENAME) . "'],\n\t\t\t\t\t\t\tlabels1: ['" . __('year', THEMENAME) . "', '" . __('month', THEMENAME) . "', '" . __('week', THEMENAME) . "', '" . __('day', THEMENAME) . "', '" . __('hour', THEMENAME) . "', '" . __('min', THEMENAME) . "', '" . __('sec', THEMENAME) . "']\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t\tlayout: function ()\n\t\t\t\t\t{\n\t\t\t\t\t\treturn '<li>{dn}<span>{dl}</span></li>' + \n\t\t\t\t\t\t\t\t\t'<li>{hnn}<span>{hl}</span></li>' + \n\t\t\t\t\t\t\t\t\t'<li>{mnn}<span>{ml}</span></li>' + \n\t\t\t\t\t\t\t\t\t'<li>{snn}<span>{sl}</span></li>';\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// initialize the counter\n\t\t\t\tcounter.init(\"" . $options['sc_ec_date']['date'] . " " . $options['sc_ec_date']['time'] . "\");\n\t\t\t");
zn_update_array($zn_event_countdown);
$zn_mailchimp = array('zn_mailchimp' => "// PREPARE THE NEWSLETTER AND SEND DATA TO MAILCHIMP\n\t\t\t\t\t\tjQuery('.nl-submit').click(function() {\n\n\t\t\t\t\t\t\tajax_url = jQuery(this).parent().attr('data-url');\n\t\t\t\t\t\t\tresult_placeholder = jQuery(this).parent().next('span.zn_mailchimp_result');\n\n\n\t\t\t\t\t\t\tjQuery.ajax({\n\t\t\t\t\t\t\t\turl: ajax_url,\n\t\t\t\t\t\t\t\ttype: 'POST',\n\t\t\t\t\t\t\t\tdata: {\n\t\t\t\t\t\t\t\t\tzn_mc_email: jQuery(this).prevAll('.nl-email').val(),\n\t\t\t\t\t\t\t\t\tzn_mailchimp_list: jQuery(this).prev('.nl-lid').val(),\n\t\t\t\t\t\t\t\t\tzn_ajax: '' // Change here with something different\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tsuccess: function(data){\n\t\t\t\t\t\t\t\t\tresult_placeholder.html(data);\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\terror: function() {\n\t\t\t\t\t\t\t\t\tresult_placeholder.html('ERROR.').css('color', 'red');\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t});\n\t\t\t\t\t");
zn_update_array($zn_mailchimp);
}
function _portfolio_category($options)
{
$element_size = zn_get_size($options['_sizer']);
wp_reset_query();
global $post;
$posts_per_page = isset($options['ports_per_page']) ? $options['ports_per_page'] : '4';
// how many posts
$query = array('post_type' => 'portfolio', 'paged' => get_query_var('paged') ? get_query_var('paged') : 1, 'posts_per_page' => $posts_per_page, 'tax_query' => array(array('taxonomy' => 'project_category', 'field' => 'id', 'terms' => $options['portfolio_categories'])), 'showposts' => $options['ports_per_page_visible']);
// Start the query
query_posts($query);
if ($options['ports_num_columns'] == '1') {
echo '<div class="span12">';
// Start the loop
while (have_posts()) {
the_post();
// Get post meta information
$post_meta_fields = get_post_meta($post->ID, 'zn_meta_elements', true);
$post_meta_fields = maybe_unserialize($post_meta_fields);
echo '<div class="row-fluid">';
echo '<div class="span6">';
echo '<div class="img-intro">';
if (!empty($post_meta_fields['port_media']) && is_array($post_meta_fields['port_media'])) {
$size = zn_get_size('eight');
$has_image = false;
// Modified portfolio display
// Check to see if we have images
if ($portfolio_image = $post_meta_fields['port_media']['0']['port_media_image_comb']) {
if (is_array($portfolio_image)) {
if ($saved_image = $portfolio_image['image']) {
if (!empty($portfolio_image['alt'])) {
$saved_alt = 'alt="' . $portfolio_image['alt'] . '"';
} else {
$saved_alt = '';
}
if (!empty($portfolio_image['title'])) {
$saved_title = 'title="' . $portfolio_image['title'] . '"';
} else {
$saved_title = '';
}
$has_image = true;
}
} else {
$saved_image = $portfolio_image;
$has_image = true;
$saved_alt = '';
$saved_title = '';
}
if ($has_image) {
$image = vt_resize('', $saved_image, $size['width'], '', true);
}
}
// Check to see if we have video
if ($portfolio_media = $post_meta_fields['port_media']['0']['port_media_video_comb']) {
}
// Display the media
if (!empty($saved_image) && $portfolio_media) {
echo '<a href="' . $portfolio_media . '" data-type="video" rel="prettyPhoto" class="hoverLink">';
echo '<img src="' . $image['url'] . '" width="' . $image['width'] . '" height="' . $image['height'] . '" ' . $saved_alt . ' ' . $saved_title . ' />';
echo '</a>';
} elseif (!empty($saved_image)) {
echo '<a href="' . $saved_image . '" data-type="image" rel="prettyPhoto" class="hoverLink">';
echo '<img src="' . $image['url'] . '" width="' . $image['width'] . '" height="' . $image['height'] . '" ' . $saved_alt . ' ' . $saved_title . ' />';
echo '</a>';
} elseif ($portfolio_media) {
echo get_video_from_link($portfolio_media, '', $size['width'], $size['height']);
}
}
echo '</div><!-- img intro -->';
echo '</div>';
echo '<div class="span6">';
echo '<h3 class="title">';
echo '<a href="' . get_permalink() . '" >' . get_the_title() . '</a>';
echo '</h3>';
echo '<div class="pt-cat-desc">';
the_content();
echo '</div><!-- pt cat desc -->';
echo '</div>';
echo '</div><!-- end row -->';
}
echo '<div class="row-fluid zn_content_no_margin">';
echo '<div class="span12">';
zn_pagination();
wp_reset_query();
echo '</div>';
echo '</div>';
echo '</div>';
} else {
$proper_size = 12 / $options['ports_num_columns'];
$i = 1;
echo '<div class="span12">';
// Start the loop
while (have_posts()) {
the_post();
if ($i % $options['ports_num_columns'] == 1) {
echo '<div class="row-fluid">';
}
// Get post meta information
$post_meta_fields = get_post_meta($post->ID, 'zn_meta_elements', true);
$post_meta_fields = maybe_unserialize($post_meta_fields);
echo '<div class="span' . $proper_size . '">';
echo '<div class="img-intro">';
if (!empty($post_meta_fields['port_media']) && is_array($post_meta_fields['port_media'])) {
$size = zn_get_size('span' . $proper_size);
$has_image = false;
// Modified portfolio display
// Check to see if we have images
if ($portfolio_image = $post_meta_fields['port_media']['0']['port_media_image_comb']) {
if (is_array($portfolio_image)) {
if ($saved_image = $portfolio_image['image']) {
if (!empty($portfolio_image['alt'])) {
$saved_alt = 'alt="' . $portfolio_image['alt'] . '"';
} else {
$saved_alt = '';
}
if (!empty($portfolio_image['title'])) {
$saved_title = 'title="' . $portfolio_image['title'] . '"';
} else {
$saved_title = '';
}
$has_image = true;
}
} else {
$saved_image = $portfolio_image;
$has_image = true;
$saved_alt = '';
$saved_title = '';
}
if ($has_image) {
$image = vt_resize('', $saved_image, $size['width'], '', true);
}
}
// Check to see if we have video
if ($portfolio_media = $post_meta_fields['port_media']['0']['port_media_video_comb']) {
}
// Display the media
if (!empty($saved_image) && $portfolio_media) {
echo '<a href="' . $portfolio_media . '" data-type="video" rel="prettyPhoto" class="hoverLink">';
echo '<img src="' . $image['url'] . '" width="' . $image['width'] . '" height="' . $image['height'] . '" ' . $saved_alt . ' ' . $saved_title . ' />';
echo '</a>';
} elseif (!empty($saved_image)) {
echo '<a href="' . $saved_image . '" data-type="image" rel="prettyPhoto" class="hoverLink">';
echo '<img src="' . $image['url'] . '" width="' . $image['width'] . '" height="' . $image['height'] . '" ' . $saved_alt . ' ' . $saved_title . ' />';
echo '</a>';
} elseif ($portfolio_media) {
echo get_video_from_link($portfolio_media, '', $size['width'], $size['height']);
}
}
echo '</div><!-- img intro -->';
echo '<h3 class="title">';
echo '<a href="' . get_permalink() . '" >' . get_the_title() . '</a>';
echo '</h3>';
echo '<div class="pt-cat-desc">';
if (preg_match('/<!--more(.*?)?-->/', $post->post_content)) {
the_content('');
} else {
the_excerpt();
}
echo '</div><!-- pt cat desc -->';
echo '</div>';
if ($i % $options['ports_num_columns'] == 0 && $i % $options['ports_per_page_visible'] != 0) {
echo '<div class="row-fluid"><div class="span12"><hr class="bs-docs-separator"></div></div></div>';
}
$i++;
}
echo '<div class="clear"></div>';
echo '<div class="row-fluid"></div>';
echo '<div class="span12" >';
zn_pagination();
wp_reset_query();
echo '</div>';
echo '</div><!-- end row -->';
echo '</div>';
}
}
function _recent_work2($options)
{
$element_size = zn_get_size($options['_sizer']);
?>
<div class="recentwork_carousel style2 <?php
echo $element_size['sizer'];
?>
">
<?php
// ELEMENT TITLE
if (!empty($options['rw_title'])) {
echo '<h3 class="m_title">' . $options['rw_title'] . '</h3>';
}
?>
<div class="controls">
<a href="#" class="prev"><span class="icon-chevron-left"></span></a>
<?php
// PORTFOLIO PAGE LINK
if (!empty($options['rw_port_link'])) {
echo '<a href="' . $options['rw_port_link'] . '" class="complete"><span class="icon-th"></span></a>';
}
?>
<a href="#" class="next"><span class="icon-chevron-right"></span></a>
</div>
<ul id="recent_works2" class="fixclear recent_works2">
<?php
global $post;
$posts_per_page = isset($options['ports_per_page']) ? $options['ports_per_page'] : '4';
// how many posts
// Start the query
query_posts(array('post_type' => 'portfolio', 'posts_per_page' => $posts_per_page, 'tax_query' => array(array('taxonomy' => 'project_category', 'field' => 'id', 'terms' => $options['portfolio_categories']))));
// Start the loop
while (have_posts()) {
the_post();
// Get post meta information
$post_meta_fields = get_post_meta($post->ID, 'zn_meta_elements', true);
$post_meta_fields = maybe_unserialize($post_meta_fields);
echo '<li>';
echo '<a href="' . get_permalink() . '">';
if (!empty($post_meta_fields['port_media']) && is_array($post_meta_fields['port_media'])) {
$size = zn_get_size('four');
$has_image = false;
if ($portfolio_image = $post_meta_fields['port_media']['0']['port_media_image_comb']) {
if (is_array($portfolio_image)) {
if ($saved_image = $portfolio_image['image']) {
if (!empty($portfolio_image['alt'])) {
$saved_alt = 'alt="' . $portfolio_image['alt'] . '"';
} else {
$saved_alt = '';
}
if (!empty($portfolio_image['title'])) {
$saved_title = 'title="' . $portfolio_image['title'] . '"';
} else {
$saved_title = '';
}
$has_image = true;
}
} else {
$saved_image = $portfolio_image;
$has_image = true;
$saved_alt = '';
$saved_title = '';
}
if ($has_image) {
$image = vt_resize('', $saved_image, $size['width'], '169', true);
}
}
// Check to see if we have video
if ($portfolio_media = $post_meta_fields['port_media']['0']['port_media_video_comb']) {
}
// IMAGE
if (!empty($saved_image)) {
echo '<img src="' . $image['url'] . '" width="' . $image['width'] . '" height="' . $image['height'] . '" ' . $saved_alt . ' ' . $saved_title . ' />';
} elseif ($portfolio_media) {
echo get_video_from_link($portfolio_media, '', $size['width'], '169');
}
}
echo '<div class="details">';
echo '<span class="plus">+</span>';
// GET THE POST TITLE
echo '<h4>' . get_the_title() . '</h4>';
// GET ALL POST CATEGORIES
echo '<span>' . strip_tags(get_the_term_list($post->ID, 'project_category', '', ' , ', '')) . '</span>';
echo '</div>';
echo '</a>';
echo '</li>';
}
wp_reset_query();
?>
</ul>
</div><!-- end row // recentworks_carousel default-style -->
<?php
$zn_recent_works2 = array('zn_recent_works2' => "\n\t\t\t\t\t\t\tjQuery(window).load(function(){\n\t\t\t\t\t\t\t\tjQuery('.recent_works2').carouFredSel({\n\t\t\t\t\t\t\t\t\tresponsive: true,\n\t\t\t\t\t\t\t\t\tscroll: 1,\n\t\t\t\t\t\t\t\t\tauto: false,\n\t\t\t\t\t\t\t\t\titems: {\n\t\t\t\t\t\t\t\t\t\twidth: 400,\n\t\t\t\t\t\t\t\t\t\tvisible: {\n\t\t\t\t\t\t\t\t\t\t\tmin: 4,\n\t\t\t\t\t\t\t\t\t\t\tmax: 10\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tprev\t: {\t\n\t\t\t\t\t\t\t\t\t\tbutton\t: function(){return jQuery(this).closest('.recentwork_carousel').find('.prev');},\n\t\t\t\t\t\t\t\t\t\tkey\t\t: \"left\"\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tnext\t: { \n\t\t\t\t\t\t\t\t\t\tbutton\t: function(){return jQuery(this).closest('.recentwork_carousel').find('.next');},\n\t\t\t\t\t\t\t\t\t\tkey\t\t: \"right\"\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t// *** end recent works carousel");
zn_update_array($zn_recent_works2);
}
if (!empty($extra_saved_image) && $portfolio_media) {
echo '<div class="portfolio-item-extraimg">';
echo '<a href="' . $portfolio_media . '" data-lightbox="mfp" data-mfp="iframe" class="hoverBorder">';
echo '<img src="' . $image['url'] . '" alt="' . $saved_alt . '" ' . $saved_title . ' class="img-responsive"/>';
echo '</a>';
echo '</div>';
} elseif (!empty($extra_saved_image)) {
echo '<div class="portfolio-item-extraimg">';
echo '<a href="' . $extra_saved_image . '" data-lightbox="mfp" data-mfp="image" class="hoverBorder">';
echo '<img src="' . $image['url'] . '" alt="' . $saved_alt . '" ' . $saved_title . ' class="img-responsive"/>';
echo '</a>';
echo '</div>';
} elseif ($portfolio_media) {
echo '<div class="portfolio-item-extraimg">';
echo '<div class="embed-responsive embed-responsive-16by9">';
echo get_video_from_link($portfolio_media, 'embed-responsive-item', '100%', '100%');
echo '</div>';
echo '</div>';
}
}
echo '<div class="clearfix"></div>';
echo '</div>';
}
?>
</div>
</div>
<!-- right side -->
<div class="clearfix"></div>
/**
* This method is used to display the output of the element.
*
* @return void
*/
function element()
{
$options = $this->data['options'];
$saved_alt = $saved_title = '';
$rwheight = (int) $this->opt('rw_height', 165);
$elm_classes = array();
$elm_classes[] = $this->data['uid'];
$elm_classes[] = $this->opt('css_class', '');
$color_scheme = $this->opt('element_scheme', '') == '' ? zget_option('zn_main_style', 'color_options', false, 'light') : $this->opt('element_scheme', '');
$elm_classes[] = 'recentwork3--' . $color_scheme;
$elm_classes[] = 'element-scheme--' . $color_scheme;
// [wpk]
// @since 4.0.9
$autoplay = $this->opt('rw3_slider_autoplay', 1) == 1 ? 1 : 0;
$timeout = $this->opt('rw3_slider_timeout', 5000);
?>
<div class="recentwork_carousel recentwork_carousel_v3 <?php
echo implode(' ', $elm_classes);
?>
">
<div class="container recentwork_carousel__top-container">
<div class="row">
<div class="col-sm-12">
<?php
// ELEMENT TITLE
if (!empty($options['rw_title'])) {
echo '<h3 class="recentwork_carousel__title element-scheme__hdg1">' . $options['rw_title'] . '</h3>';
}
// PORTFOLIO PAGE LINK
if (!empty($options['rw_port_link'])) {
echo '<a href="' . $options['rw_port_link'] . '" class="btn btn-link">' . $this->opt('rw_port_link_text', 'VIEW ALL') . '</a>';
}
?>
<div class="controls recentwork_carousel__controls">
<a href="#" class="prev recentwork_carousel__prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
<a href="#" class="next recentwork_carousel__next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div>
</div>
</div>
</div>
<div class="work-carousel recentwork_carousel__crsl-wrapper">
<ul class="recent_works3 recentwork_carousel__crsl clearfix"
data-autoplay="<?php
echo $autoplay;
?>
"
data-timeout="<?php
echo $timeout;
?>
">
<?php
global $post;
$posts_per_page = $this->opt('ports_per_page', '6');
$portfolio_categories = $this->opt('portfolio_categories');
// Start the query
$queryArgs = array('post_type' => 'portfolio', 'post_status' => 'publish', 'posts_per_page' => $posts_per_page);
if (!empty($portfolio_categories)) {
$queryArgs['tax_query'] = array(array('taxonomy' => 'project_category', 'field' => 'term_id', 'terms' => $portfolio_categories));
}
$theQuery = new WP_Query($queryArgs);
// Start the loop
if ($theQuery->have_posts()) {
while ($theQuery->have_posts()) {
$theQuery->the_post();
echo '<li>';
echo '<a href="' . get_permalink() . '" class="recentwork_carousel__link">';
$pevents = false;
$port_media = get_post_meta($post->ID, 'zn_port_media', true);
if (!empty($port_media) && is_array($port_media)) {
$size = zn_get_size('four');
$has_image = false;
if ($portfolio_image = $port_media[0]['port_media_image_comb']) {
if (is_array($portfolio_image)) {
$saved_image = $portfolio_image['image'];
$saved_title = 'title="' . $portfolio_image['title'] . '"';
} else {
$saved_image = $portfolio_image;
$saved_title = '';
}
}
// Check to see if we have video
if ($portfolio_media = $port_media[0]['port_media_video_comb']) {
}
// IMAGE
if (!empty($saved_image)) {
echo '<div style="height: ' . $rwheight . 'px; background-image:url(' . $saved_image . ');" ' . $saved_title . ' class="recentwork_carousel__img"></div>';
} elseif ($portfolio_media) {
echo get_video_from_link($portfolio_media, '', '100%', $rwheight);
$pevents = true;
}
}
// Details
echo '<div class="details recentwork_carousel__details ' . ($pevents ? 'nopointer' : '') . '">';
// GET ALL POST CATEGORIES
echo '<span class="recentwork_carousel__cat">' . strip_tags(get_the_term_list($post->ID, 'project_category', '', ' , ', '')) . '</span>';
// GET THE POST TITLE
echo '<h4 class="recentwork_carousel__crsl-title">' . get_the_title() . '</h4>';
echo '</div>';
echo '</a>';
echo '</li>';
}
// end while
// wp_reset_query();
wp_reset_postdata();
}
// end if has posts
?>
</ul>
</div>
</div><!-- end -->
<?php
}
function _static11($options)
{
if (isset($options['ww_header_style']) && !empty($options['ww_header_style'])) {
$style = 'uh_' . $options['ww_header_style'];
} else {
$style = '';
}
?>
<div id="slideshow" class="<?php
echo $style;
?>
">
<div class="bgback"></div>
<div data-images="<?php
echo IMAGES_URL;
?>
/" id="sparkles"></div>
<div class="container zn_slideshow">
<div class="static-content default-style with-login">
<div class="row">
<div class="span7">
<?php
if (!empty($options['ww_slide_title'])) {
echo '<h2>' . do_shortcode($options['ww_slide_title']) . '</h2>';
}
if (!empty($options['ww_slide_subtitle'])) {
echo '<h3>' . do_shortcode($options['ww_slide_subtitle']) . '</h3>';
}
if (!empty($options['ww_slide_m_button']) && !empty($options['ww_slide_l_text']) && !empty($options['ww_slide_link']['url'])) {
echo '<div class="info_pop animated fadeBoxIn left" data-arrow="top">';
echo '<a href="' . $options['ww_slide_link']['url'] . '" target="' . $options['ww_slide_link']['url'] . '" class="buyit">' . $options['ww_slide_l_text'] . '</a>';
echo '<h5 class="text">' . $options['ww_slide_m_button'] . '</h5>';
echo '<div class="clear"></div>';
echo '</div>';
}
?>
</div>
<div class="span5">
<?php
// Text
if (isset($options['sc_ec_vid_desc']) && !empty($options['sc_ec_vid_desc'])) {
echo '<h5 style="text-align:right;">' . $options['sc_ec_vid_desc'] . '</h5>';
}
// VIDEO
if (isset($options['sc_ec_vime']) && !empty($options['sc_ec_vime'])) {
echo get_video_from_link($options['sc_ec_vime'], 'black_border full_width', '520px', '270px');
}
?>
</div>
</div><!-- end row -->
</div><!-- end static content -->
</div>
<div class="zn_header_bottom_style"></div><!-- header bottom style -->
</div><!-- end slideshow -->
<?php
}
function _content_sidebar($options)
{
global $post, $data;
$element_size = zn_get_size($options['_sizer']);
// WE HAVE NORMAL POST TYPE
if ('post' == get_post_type()) {
?>
<div class="span12">
<div class="container">
<div id="mainbody">
<div class="row">
<?php
while (have_posts()) {
the_post();
// GET POST OPTIONS
$post_meta_fields = get_post_meta($post->ID, 'zn_meta_elements', true);
$post_meta_fields = maybe_unserialize($post_meta_fields);
$image = '';
// Create the featured image html
if (has_post_thumbnail($post->ID)) {
$thumb = get_post_thumbnail_id($post->ID);
$f_image = wp_get_attachment_url($thumb);
if ($f_image) {
$feature_image = wp_get_attachment_url($thumb);
$image = vt_resize('', $f_image, 280, 187, true);
$image = '<a data-rel="prettyPhoto" href="' . $feature_image . '" class="hoverBorder pull-left" style="margin-right: 20px;margin-bottom:4px;"><img class="shadow" src="' . $image['url'] . '" alt=""/></a>';
}
}
// Here will check if sidebar is enabled
$content_css = 'span12';
$sidebar_css = '';
$has_sidebar = false;
$mainbody_css = '';
// WE CHECK IF THIS IS NOT A PAGE FROM OUR THEME
if (empty($post_meta_fields['page_layout']) || empty($post_meta_fields['sidebar_select'])) {
if ($data['default_sidebar_position'] == 'left_sidebar') {
$content_css = 'span9 zn_float_right zn_content';
$sidebar_css = 'sidebar-left';
$has_sidebar = true;
$mainbody_css = 'zn_has_sidebar';
} elseif ($data['default_sidebar_position'] == 'right_sidebar') {
$content_css = 'span9 zn_content';
$sidebar_css = 'sidebar-right';
$has_sidebar = true;
$mainbody_css = 'zn_has_sidebar';
}
} elseif ($post_meta_fields['page_layout'] == 'left_sidebar' || $post_meta_fields['page_layout'] == 'default' && !empty($data['default_sidebar_position']) && $data['default_sidebar_position'] == 'left_sidebar') {
$content_css = 'span9 zn_float_right zn_content';
$sidebar_css = 'sidebar-left';
$has_sidebar = true;
$mainbody_css = 'zn_has_sidebar';
} elseif ($post_meta_fields['page_layout'] == 'right_sidebar' || $post_meta_fields['page_layout'] == 'default' && !empty($data['default_sidebar_position']) && $data['default_sidebar_position'] == 'right_sidebar') {
$content_css = 'span9 zn_content';
$sidebar_css = 'sidebar-right ';
$has_sidebar = true;
$mainbody_css = 'zn_has_sidebar';
}
?>
<div class="<?php
echo $content_css;
?>
post-<?php
the_ID();
?>
">
<h1 class="page-title"><?php
the_title();
?>
</h1>
<div class="itemView clearfix eBlog">
<div class="itemHeader">
<div class="post_details">
<span class="itemAuthor"><?php
echo __("by ", THEMENAME);
the_author_posts_link();
?>
</span>
<span class="infSep"> / </span>
<span class="itemDateCreated"><span class="icon-calendar"></span> <?php
the_time('l, d F Y');
?>
</span>
<span class="infSep"> / </span>
<span class="itemCommentsBlock"></span>
<span class="itemCategory"><span class="icon-folder-close"></span> <?php
echo __('Published in ', THEMENAME);
?>
</span><?php
the_category(", ");
?>
</div>
</div><!-- end itemheader -->
<div class="itemBody">
<!-- Blog Image -->
<?php
echo $image;
?>
<!-- Blog Content -->
<?php
the_content();
?>
</div><!-- end item body -->
<div class="clear"></div>
<?php
wp_link_pages(array('before' => '<div class="page-link"><span>' . __('Pages:', THEMENAME) . '</span>', 'after' => '</div>'));
if (!empty($post_meta_fields['show_social']) && $post_meta_fields['show_social'] == 'show' || !empty($post_meta_fields['show_social']) && $post_meta_fields['show_social'] == 'default' && $data['show_social'] == 'show') {
?>
<!-- Social sharing -->
<div class="itemSocialSharing clearfix">
<!-- Twitter Button -->
<div class="itemTwitterButton">
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
<!-- Facebook Button -->
<div class="itemFacebookButton">
<div id="fb-root"></div>
<div class="fb-like" data-send="false" data-layout="button_count" data-width="90" data-show-faces="false"></div>
</div>
<!-- Google +1 Button -->
<div class="itemGooglePlusOneButton">
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<div class="g-plusone" data-size="medium"></div>
</div>
<div class="clear"></div>
</div><!-- end social sharing -->
<?php
}
?>
<?php
if (has_tag()) {
?>
<!-- TAGS -->
<div class="itemTagsBlock">
<span><?php
echo __('Tagged under:', THEMENAME);
?>
</span>
<?php
the_tags('');
?>
<div class="clear"></div>
</div><!-- end tags blocks -->
<?php
}
?>
<div class="clear"></div>
<!-- DISQUS comments block -->
<div class="disqusForm">
<?php
comments_template();
?>
</div>
<div class="clear"></div>
<!-- end DISQUS comments block -->
</div>
<!-- End Item Layout -->
</div>
<?php
}
// START SIDEBAR OPTIONS
// WE CHECK IF THIS IS NOT A PAGE FROM THE THEME
if (empty($post_meta_fields['page_layout']) || empty($post_meta_fields['sidebar_select'])) {
if ($data['default_sidebar_position'] == 'left_sidebar' || $data['default_sidebar_position'] == 'right_sidebar') {
echo '<div class="span3">';
echo '<div id="sidebar" class="sidebar ' . $sidebar_css . '">';
if (!function_exists('dynamic_sidebar') || !dynamic_sidebar($data['single_sidebar'])) {
}
echo '</div>';
echo '</div>';
}
} elseif (($post_meta_fields['page_layout'] == 'left_sidebar' || $post_meta_fields['page_layout'] == 'right_sidebar') && $post_meta_fields['sidebar_select'] != 'default' || $post_meta_fields['page_layout'] == 'default' && $data['default_sidebar_position'] != 'no_sidebar' && $post_meta_fields['sidebar_select'] != 'default') {
echo '<div class="span3">';
echo '<div id="sidebar" class="sidebar ' . $sidebar_css . '">';
if (!function_exists('dynamic_sidebar') || !dynamic_sidebar($post_meta_fields['sidebar_select'])) {
}
echo '</div>';
echo '</div>';
} elseif ($post_meta_fields['page_layout'] == 'default' && $data['default_sidebar_position'] != 'no_sidebar' && $post_meta_fields['sidebar_select'] == 'default' || ($post_meta_fields['page_layout'] == 'left_sidebar' || $post_meta_fields['page_layout'] == 'right_sidebar') && $post_meta_fields['sidebar_select'] == 'default') {
echo '<div class="span3">';
echo '<div id="sidebar" class="sidebar ' . $sidebar_css . '">';
if (!function_exists('dynamic_sidebar') || !dynamic_sidebar($data['single_sidebar'])) {
}
echo '</div>';
echo '</div>';
}
?>
</div><!-- end row -->
</div><!-- end mainbody -->
</div><!-- end container -->
</div><!-- end span12 -->
<?php
} elseif ('page' == get_post_type()) {
global $post, $data, $meta_fields;
// Here will check if sidebar is enabled
$content_css = 'span12';
$sidebar_css = '';
$has_sidebar = false;
$mainbody_css = '';
// WE CHECK IF THIS IS NOT A PAGE FROM OUR THEME
if (empty($meta_fields['page_layout']) || empty($meta_fields['sidebar_select'])) {
if ($data['page_sidebar_position'] == 'left_sidebar') {
$content_css = 'span9 zn_float_right zn_content';
$sidebar_css = 'sidebar-left';
$has_sidebar = true;
$mainbody_css = 'zn_has_sidebar';
} elseif ($data['page_sidebar_position'] == 'right_sidebar') {
$content_css = 'span9 zn_content';
$sidebar_css = 'sidebar-right';
$has_sidebar = true;
$mainbody_css = 'zn_has_sidebar';
}
} elseif ($meta_fields['page_layout'] == 'left_sidebar' || $meta_fields['page_layout'] == 'default' && !empty($data['page_sidebar_position']) && $data['page_sidebar_position'] == 'left_sidebar') {
$content_css = 'span9 zn_float_right zn_content';
$sidebar_css = 'sidebar-left';
$has_sidebar = true;
$mainbody_css = 'zn_has_sidebar';
} elseif ($meta_fields['page_layout'] == 'right_sidebar' || $meta_fields['page_layout'] == 'default' && !empty($data['page_sidebar_position']) && $data['page_sidebar_position'] == 'right_sidebar') {
$content_css = 'span9 zn_content';
$sidebar_css = 'sidebar-right ';
$has_sidebar = true;
$mainbody_css = 'zn_has_sidebar';
}
while (have_posts()) {
the_post();
$content = get_the_content();
$content = apply_filters('the_content', $content);
if (!empty($content) || isset($meta_fields['page_title_show']) && $meta_fields['page_title_show'] == 'yes') {
echo '<div class="span12">';
$row_margin = 'zn_content_no_margin';
if (get_the_content() || $has_sidebar) {
$row_margin = '';
}
echo '<div class="container">';
echo '<div class="mainbody ' . $mainbody_css . '">';
echo '<div class="row ' . $row_margin . '">';
echo '<div class="' . $content_css . '">';
// TITLE CHECK
if (isset($meta_fields['page_title_show']) && $meta_fields['page_title_show'] == 'yes') {
echo '<h1 class="page-title">' . get_the_title() . '</h1>';
}
// PAGE CONTENT
the_content();
if (!empty($data['zn_enable_page_comments']) && $data['zn_enable_page_comments'] == 'yes') {
?>
<!-- DISQUS comments block -->
<div class="disqusForm">
<?php
comments_template();
?>
</div>
<div class="clear"></div>
<!-- end DISQUS comments block -->
<?php
}
echo '</div>';
// START SIDEBAR OPTIONS
// WE CHECK IF THIS IS NOT A PAGE FROM THE THEME
if (empty($meta_fields['page_layout']) || empty($meta_fields['sidebar_select'])) {
if ($data['page_sidebar_position'] == 'left_sidebar' || $data['page_sidebar_position'] == 'right_sidebar') {
echo '<div class="span3">';
echo '<div id="sidebar" class="sidebar ' . $sidebar_css . '">';
if (!function_exists('dynamic_sidebar') || !dynamic_sidebar($data['page_sidebar'])) {
}
echo '</div>';
echo '</div>';
}
} elseif (($meta_fields['page_layout'] == 'left_sidebar' || $meta_fields['page_layout'] == 'right_sidebar') && $meta_fields['sidebar_select'] != 'default' || $meta_fields['page_layout'] == 'default' && $data['page_sidebar_position'] != 'no_sidebar' && $meta_fields['sidebar_select'] != 'default') {
echo '<div class="span3">';
echo '<div id="sidebar" class="sidebar ' . $sidebar_css . '">';
if (!function_exists('dynamic_sidebar') || !dynamic_sidebar($meta_fields['sidebar_select'])) {
}
echo '</div>';
echo '</div>';
} elseif ($meta_fields['page_layout'] == 'default' && $data['page_sidebar_position'] != 'no_sidebar' && $meta_fields['sidebar_select'] == 'default' || ($meta_fields['page_layout'] == 'left_sidebar' || $meta_fields['page_layout'] == 'right_sidebar') && $meta_fields['sidebar_select'] == 'default') {
echo '<div class="span3">';
echo '<div id="sidebar" class="sidebar ' . $sidebar_css . '">';
if (!function_exists('dynamic_sidebar') || !dynamic_sidebar($data['page_sidebar'])) {
}
echo '</div>';
echo '</div>';
}
echo '</div>';
echo '</div>';
echo '</div>';
echo '</div>';
}
}
} elseif ('portfolio' == get_post_type()) {
global $post, $data;
?>
<div class="span12">
<div class="container">
<div id="mainbody">
<div class="row">
<div class="span12">
<?php
while (have_posts()) {
the_post();
// GET POST OPTIONS
$post_meta_fields = get_post_meta($post->ID, 'zn_meta_elements', true);
$post_meta_fields = maybe_unserialize($post_meta_fields);
// Sidebar check
$has_sidebar = false;
// TITLE CHECK
if (isset($post_meta_fields['page_title_show']) && $post_meta_fields['page_title_show'] == 'yes') {
echo '<h1 class="page-title">' . get_the_title() . '</h1>';
}
?>
<div class="hg-portfolio-item row">
<div class="text span7">
<?php
the_content('');
?>
</div><!-- end text -->
<div class="img-full span5">
<?php
if (!empty($post_meta_fields['port_media']) && is_array($post_meta_fields['port_media'])) {
$all_media = count($post_meta_fields['port_media']);
if (!empty($post_meta_fields['port_media']['0']['port_media_image_comb']) && !empty($post_meta_fields['port_media']['0']['port_media_video_comb'])) {
echo '<a href="' . $post_meta_fields['port_media']['0']['port_media_video_comb'] . '" rel="prettyPhoto" class="hoverBorder">';
$size = zn_get_size('span5');
$image = vt_resize('', $post_meta_fields['port_media']['0']['port_media_image_comb'], $size['width'], '', true);
echo '<img src="' . $image['url'] . '" width="' . $image['width'] . '" height="' . $image['height'] . '" alt="' . get_the_title() . '" />';
echo '</a>';
unset($post_meta_fields['port_media']['0']);
} elseif (!empty($post_meta_fields['port_media']['0']['port_media_image_comb'])) {
echo '<a href="' . $post_meta_fields['port_media']['0']['port_media_image_comb'] . '" rel="prettyPhoto" class="hoverBorder">';
$size = zn_get_size('span5');
$image = vt_resize('', $post_meta_fields['port_media']['0']['port_media_image_comb'], $size['width'], '', true);
echo '<img src="' . $image['url'] . '" width="' . $image['width'] . '" height="' . $image['height'] . '" alt="' . get_the_title() . '" />';
echo '</a>';
unset($post_meta_fields['port_media']['0']);
} elseif (!empty($post_meta_fields['port_media']['0']['port_media_video_comb'])) {
$size = zn_get_size('span5');
echo get_video_from_link($post_meta_fields['port_media']['0']['port_media_video_comb'], '', $size['width'], $size['height']);
unset($post_meta_fields['port_media']['0']);
}
}
?>
<div class="clear"></div>
<?php
if (!empty($post_meta_fields['sp_link']['url']) || !empty($post_meta_fields['sp_col'])) {
echo '<div class="itemLinks">';
if (!empty($post_meta_fields['sp_link']['url'])) {
echo '<p><a href="' . $post_meta_fields['sp_link']['url'] . '" target="' . $post_meta_fields['sp_link']['target'] . '" >' . __("Live Preview: ", THEMENAME) . '<strong>' . $post_meta_fields['sp_link']['url'] . '</strong></a></p>';
}
if (!empty($post_meta_fields['sp_col'])) {
echo '<p>' . __("Our collaborators: ", THEMENAME) . '<strong>' . $post_meta_fields['sp_col'] . '</strong></p>';
}
echo '<p>' . __("Category: ", THEMENAME) . '<strong>' . get_the_term_list($post->ID, 'project_category', '', ' , ', '') . '</strong></p>';
echo '</div>';
}
?>
<?php
if (!empty($post_meta_fields['sp_show_social']) && $post_meta_fields['sp_show_social'] == 'yes') {
?>
<div class="itemSocialSharing fixclear">
<!-- Twitter Button -->
<div class="itemTwitterButton">
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
<!-- Facebook Button -->
<div class="itemFacebookButton">
<div id="fb-root"></div>
<script type="text/javascript">
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "http://connect.facebook.net/en_US/all.js#appId=177111755694317&xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-like" data-send="false" data-layout="button_count" data-width="90" data-show-faces="false"></div>
</div>
<!-- Google +1 Button -->
<div class="itemGooglePlusOneButton">
<g:plusone size="medium"></g:plusone>
<script type="text/javascript">
(function() {
window.___gcfg = {lang: 'en'}; // Define button default language here
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
<div class="clr"></div>
</div><!-- social links -->
<?php
}
?>
</div><!-- right side -->
<div class="clear"></div>
<?php
if (!empty($post_meta_fields['port_media']) && is_array($post_meta_fields['port_media'])) {
echo '<div class="zn_other_images">';
foreach ($post_meta_fields['port_media'] as $media) {
if (!empty($media['port_media_image_comb']) && !empty($media['port_media_video_comb'])) {
echo '<div class="span3">';
echo '<a href="' . $media['port_media_video_comb'] . '" rel="prettyPhoto" class="hoverBorder">';
$size = zn_get_size('four');
$image = vt_resize('', $media['port_media_image_comb'], $size['width'], '202', true);
echo '<img src="' . $image['url'] . '" width="' . $image['width'] . '" height="' . $image['height'] . '" alt="' . get_the_title() . '" />';
echo '</a>';
echo '</div>';
} elseif (!empty($media['port_media_image_comb'])) {
echo '<div class="span3">';
echo '<a href="' . $media['port_media_image_comb'] . '" rel="prettyPhoto" class="hoverBorder">';
$size = zn_get_size('four');
$image = vt_resize('', $media['port_media_image_comb'], $size['width'], '202', true);
echo '<img src="' . $image['url'] . '" width="' . $image['width'] . '" height="' . $image['height'] . '" alt="' . get_the_title() . '" />';
echo '</a>';
echo '</div>';
} elseif (!empty($media['port_media_video_comb'])) {
echo '<div class="span3">';
$size = zn_get_size('four');
echo get_video_from_link($media['port_media_video_comb'], '', $size['width'], 202);
echo '</div>';
}
}
echo '<div class="clear"></div>';
echo '</div>';
}
?>
</div><!-- end Portfolio page -->
<?php
}
wp_reset_query();
?>
</div>
</div><!-- end row -->
</div><!-- end mainbody -->
</div><!-- end container -->
</div><!-- end container -->
<?php
}
}
/**
* This method is used to display the output of the element.
*
* @return void
*/
function element()
{
$options = $this->data['options'];
$rwheight = (int) $this->opt('rw_height', 165);
// [wpk]
// @since 4.0.9
$autoplay = $this->opt('rw2_slider_autoplay', 1) == 1 ? 1 : 0;
$timeout = $this->opt('rw2_slider_timeout', 5000);
?>
<div class="recentwork_carousel recentwork_carousel_v2 <?php
echo $this->data['uid'];
?>
<?php
echo $this->opt('css_class', '');
?>
">
<?php
// ELEMENT TITLE
if (!empty($options['rw_title'])) {
echo '<h3 class="recentwork_carousel__title m_title m_title_ext text-custom">' . $options['rw_title'] . '</h3>';
}
?>
<div class="controls recentwork_carousel__controls">
<a href="#" class="prev recentwork_carousel__prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
<?php
// PORTFOLIO PAGE LINK
if (!empty($options['rw_port_link'])) {
echo '<a href="' . $options['rw_port_link'] . '" class="complete"><span class="glyphicon glyphicon-th"></span></a>';
}
?>
<a href="#" class="next recentwork_carousel__next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div>
<div class="work-carousel recentwork_carousel__crsl-wrapper">
<ul class="recent_works2 recentwork_carousel__crsl clearfix"
data-autoplay="<?php
echo $autoplay;
?>
"
data-timeout="<?php
echo $timeout;
?>
">
<?php
global $post;
$posts_per_page = $this->opt('ports_per_page', '6');
$categories = $this->opt('portfolio_categories', false);
// Start the query
$queryArgs = array('post_type' => 'portfolio', 'post_status' => 'publish', 'posts_per_page' => $posts_per_page);
if (!empty($categories)) {
$queryArgs['tax_query'] = array(array('taxonomy' => 'project_category', 'field' => 'id', 'terms' => $categories));
}
$theQuery = new WP_Query($queryArgs);
// Start the loop
if ($theQuery->have_posts()) {
while ($theQuery->have_posts()) {
$theQuery->the_post();
echo '<li>';
echo '<a href="' . get_permalink() . '" class="recentwork_carousel__link">';
$port_media = get_post_meta($post->ID, 'zn_port_media', true);
if (!empty($port_media) && is_array($port_media)) {
$size = zn_get_size('four');
$has_image = false;
if ($portfolio_image = $port_media[0]['port_media_image_comb']) {
if (is_array($portfolio_image)) {
if ($saved_image = $portfolio_image['image']) {
$has_image = true;
}
} else {
$saved_image = $portfolio_image;
$has_image = true;
}
if ($has_image) {
$image = vt_resize('', $saved_image, 450, $rwheight, true);
}
}
// Check to see if we have video
if ($portfolio_media = $port_media[0]['port_media_video_comb']) {
}
// IMAGE
if (!empty($saved_image)) {
echo '<div style="height: ' . $rwheight . 'px; background-image:url(' . $image['url'] . ');" class="recentwork_carousel__img"></div>';
} elseif ($portfolio_media) {
echo get_video_from_link($portfolio_media, '', '100%', $rwheight);
}
}
echo '<div class="details recentwork_carousel__details">';
echo '<span class="plus recentwork_carousel__plus">+</span>';
// GET THE POST TITLE
echo '<h4 class="recentwork_carousel__crsl-title">' . get_the_title() . '</h4>';
// GET ALL POST CATEGORIES
echo '<span class="recentwork_carousel__cat">' . strip_tags(get_the_term_list($post->ID, 'project_category', '', ' , ', '')) . '</span>';
echo '</div>';
echo '</a>';
echo '</li>';
}
wp_reset_query();
}
?>
</ul>
</div>
</div><!-- end -->
<?php
}
/**
* This method is used to display the output of the element.
*
* @return void
*/
function element()
{
$options = $this->data['options'];
$style = $this->opt('ww_header_style', '');
if (!empty($style)) {
$style = 'uh_' . $style;
}
$bottom_mask = $this->opt('hm_header_bmasks', 'none');
$bm_class = $bottom_mask != 'none' ? 'maskcontainer--' . $bottom_mask : '';
// Scrolling Effect
$is_screffect = $this->opt('sc_scrolling', 0) == 1;
$scrolling_type = $this->opt('sc_scrolling_type', 'translate_op_scale');
$scr_main_class = '';
$scr_effect_class = '';
$scr_effect_attribs = '';
$scr_effect_attribs_fade = '';
if ($is_screffect) {
$scr_main_class = 'scrollme';
$scr_effect_class = 'animateme';
$scr_effect_attribs_split = '';
if ($scrolling_type == 'translate_op_scale') {
$scr_effect_attribs_split = 'data-translatey="300" data-opacity="0.1" data-scale="1.5"';
} elseif ($scrolling_type == 'translate_op') {
$scr_effect_attribs_split = 'data-translatey="300" data-opacity="0.1"';
} elseif ($scrolling_type == 'translate') {
$scr_effect_attribs_split = 'data-translatey="300"';
}
$scr_effect_attribs = ' data-when="span" data-from="0" data-to="0.75" data-easing="linear" ' . $scr_effect_attribs_split;
$scr_effect_attribs_fade = ' data-when="span" data-from="0" data-to="0.75" data-translatey="200" data-opacity="0.1" data-easing="linear"';
}
?>
<div class="kl-slideshow static-content__slideshow <?php
echo $style;
?>
<?php
echo $this->data['uid'];
?>
<?php
echo $bm_class;
?>
<?php
echo $scr_main_class;
?>
<?php
echo $this->opt('css_class', '');
?>
">
<div class="bgback"></div>
<div class="kl-slideshow-inner static-content__wrapper <?php
echo $this->opt('sc_fullscreen', '0') ? 'static-content--fullscreen' : '';
?>
<?php
echo (int) $this->opt('ww_height') ? 'static-content--height' : '';
?>
">
<?php
if ($this->opt('source_type', '') != '' || $this->opt('source_overlay', '') != 0) {
?>
<div class="static-content__source <?php
echo $scr_effect_class;
?>
" <?php
echo $scr_effect_attribs;
?>
>
<?php
WpkPageHelper::zn_background_source(array('source_type' => $this->opt('source_type'), 'source_background_image' => $this->opt('background_image'), 'source_vd_yt' => $this->opt('source_vd_yt'), 'source_vd_self_mp4' => $this->opt('source_vd_self_mp4'), 'source_vd_self_ogg' => $this->opt('source_vd_self_ogg'), 'source_vd_self_webm' => $this->opt('source_vd_self_webm'), 'source_vd_vp' => $this->opt('source_vd_vp'), 'source_vd_autoplay' => $this->opt('source_vd_autoplay'), 'source_vd_loop' => $this->opt('source_vd_loop'), 'source_vd_muted' => $this->opt('source_vd_muted'), 'source_vd_controls' => $this->opt('source_vd_controls'), 'source_vd_controls_pos' => $this->opt('source_vd_controls_pos'), 'source_overlay' => $this->opt('source_overlay'), 'source_overlay_color' => $this->opt('source_overlay_color'), 'source_overlay_opacity' => $this->opt('source_overlay_opacity'), 'source_overlay_color_gradient' => $this->opt('source_overlay_color_gradient'), 'source_overlay_color_gradient_opac' => $this->opt('source_overlay_color_gradient_opac')));
?>
<div class="th-sparkles"></div>
</div><!-- /.static-content__source -->
<?php
}
?>
<div class="static-content__inner container">
<div class="kl-slideshow-safepadding sc__container <?php
echo $scr_effect_class;
?>
" <?php
echo $scr_effect_attribs_fade;
?>
>
<div class="static-content event-style">
<div class="row">
<div class="col-sm-10 col-sm-offset-1 col-md-7 col-md-offset-0">
<?php
// TITLE
if (isset($options['sc_ec_title']) && !empty($options['sc_ec_title'])) {
echo '<h3 class="static-content__subtitle">' . do_shortcode($options['sc_ec_title']) . '</h3>';
}
?>
<div class="ud_counter kl-counter kl-font-alt">
<ul class="sc_counter kl-counter-list">
<li class="kl-counter-li"><?php
_e('0', 'zn_framework');
?>
<span class="kl-counter-unit"><?php
_e('day', 'zn_framework');
?>
</span></li>
<li class="kl-counter-li"><?php
_e('00', 'zn_framework');
?>
<span class="kl-counter-unit"><?php
_e('hours', 'zn_framework');
?>
</span></li>
<li class="kl-counter-li"><?php
_e('00', 'zn_framework');
?>
<span class="kl-counter-unit"><?php
_e('min', 'zn_framework');
?>
</span></li>
<li class="kl-counter-li"><?php
_e('00', 'zn_framework');
?>
<span class="kl-counter-unit"><?php
_e('sec', 'zn_framework');
?>
</span></li>
</ul>
<?php
echo '<span class="till_lauch kl-counter-launch"><img class="kl-counter-launch-img" src="' . THEME_BASE_URI . '/images/rocket.png" alt="' . __('Launch Date', 'zn_framework') . '"></span>';
?>
</div><!-- end counter -->
<?php
if (!empty($options['sc_ec_mlid'])) {
echo '<div class="mail_when_ready kl-newsletter-wrapper">';
echo ' <form method="post" class="newsletter_subscribe newsletter-signup kl-newsletter clearfix" data-url="' . trailingslashit(home_url()) . '" name="newsletter_form">';
echo ' <input type="text" name="zn_mc_email" class="nl-email form-control kl-newsletter-field" value="" placeholder="' . __("*****@*****.**", 'zn_framework') . '" />';
echo ' <input type="hidden" name="zn_list_class" class="nl-lid" value="' . $options['sc_ec_mlid'] . '" />';
echo ' <input type="submit" name="submit" class="nl-submit kl-newsletter-submit kl-font-alt btn btn-fullcolor" value="' . __("JOIN US", 'zn_framework') . '" />';
echo ' </form>';
echo '<span class="zn_mailchimp_result kl-newsletter-result"></span>';
echo '</div>';
}
if (!empty($options['sc_ec_mlid']) && isset($options['single_ec_social']) && is_array($options['single_ec_social'])) {
echo '<span class="or">' . __("-or stay connected: ", 'zn_framework') . '</span>';
}
if (isset($options['single_ec_social']) && is_array($options['single_ec_social'])) {
$icon_class = $this->opt('sc_ec_social_color', 'normal');
echo '<ul class="social-icons sc--' . $icon_class . ' clearfix">';
foreach ($options['single_ec_social'] as $key => $icon) {
$iconHolder = $icon['sc_ec_social_icon'];
$social_icon = !empty($iconHolder['family']) ? zn_generate_icon($icon['sc_ec_social_icon']) : '';
$icon_color = '';
if ($icon_class != 'normal' && $icon_class != 'clean') {
$icon_color = isset($icon['sc_ec_social_iconcolor']) && !empty($icon['sc_ec_social_iconcolor']) ? $icon['sc_ec_social_icon']['unicode'] : 'nocolor';
}
if (isset($icon['sc_ec_social_title']) && !empty($icon['sc_ec_social_title'])) {
if (isset($icon['sc_ec_social_link']) && !empty($icon['sc_ec_social_link'])) {
$icon['sc_ec_social_link']['title'] = $icon['sc_ec_social_title'];
}
}
$sc_ec_social_link = zn_extract_link($icon['sc_ec_social_link'], 'social-icons-item scev-icon-' . $icon_color, $social_icon);
echo '<li class="social-icons-li">' . $sc_ec_social_link['start'] . $sc_ec_social_link['end'] . '</li>';
}
echo '</ul>';
}
?>
<div class="clear"></div>
</div>
<?php
echo '<div class="col-sm-10 col-sm-offset-1 col-md-5 col-md-offset-0">';
// Text
if (isset($options['sc_ec_vid_desc']) && !empty($options['sc_ec_vid_desc'])) {
echo '<h5 style="text-align:right;">' . $options['sc_ec_vid_desc'] . '</h5>';
}
// VIDEO
if (isset($options['sc_ec_vime']) && !empty($options['sc_ec_vime'])) {
echo '<div class="embed-responsive embed-responsive-16by9 black_border">';
echo get_video_from_link($options['sc_ec_vime'], 'embed-responsive-item no-adjust', '520', '270');
echo '</div>';
}
echo '</div>';
?>
</div><!-- /.row -->
</div><!-- /. static content / event style -->
</div><!-- /.container -->
</div><!-- /.static-content__inner -->
</div><!-- /.static-content__wrapper -->
<?php
if (isset($options['sc_ec_date']) && !empty($options['sc_ec_date']['date']) && !empty($options['sc_ec_date']['time'])) {
?>
<script type="text/javascript">
jQuery(function ($) {
"use strict";
//#! Start countdown
var years = "<?php
_e('years', 'zn_framework');
?>
",
months = "<?php
_e('months', 'zn_framework');
?>
",
weeks = "<?php
_e('weeks', 'zn_framework');
?>
",
days = "<?php
_e('days', 'zn_framework');
?>
",
hours = "<?php
_e('hours', 'zn_framework');
?>
",
min = "<?php
_e('min', 'zn_framework');
?>
",
sec = "<?php
_e('sec', 'zn_framework');
?>
";
var counterOptions = {
layout: function ()
{
return '<li class="kl-counter-li">{dn}<span class="kl-counter-unit">{dl}</span></li>' +
'<li class="kl-counter-li">{hn}<span class="kl-counter-unit">{hl}</span></li>' +
'<li class="kl-counter-li">{mn}<span class="kl-counter-unit">{ml}</span></li>' +
'<li class="kl-counter-li">{sn}<span class="kl-counter-unit">{sl}</span></li>';
}
};
<?php
// General Options
$str_date = strtotime(trim($options['sc_ec_date']['date']));
$y = date('Y', $str_date);
$mo = date('m', $str_date);
$d = date('d', $str_date);
$time = explode(':', $options['sc_ec_date']['time']);
$h = $time[0];
$mi = $time[1];
?>
var y = <?php
echo intval($y);
?>
,
mo = <?php
echo intval($mo) - 1;
?>
,
d = <?php
echo intval($d);
?>
,
h = <?php
echo intval($h);
?>
,
mi = <?php
echo intval($mi);
?>
,
t = new Date(y, mo, d, h, mi, 0);
jQuery('.ud_counter .sc_counter').countdown({
until: t,
layout: counterOptions.layout(),
labels: [years, months, weeks, days, hours, min, sec],
labels1: [years, months, weeks, days, hours, min, sec],
format: 'DHMS'
});
//#!-- End countdown
});
</script>
<?php
}
?>
<?php
WpkPageHelper::zn_bottommask_markup($bottom_mask);
?>
</div><!-- end kl-slideshow -->
<?php
}
/**
* This method is used to display the output of the element.
*
* @return void
*/
function element()
{
$options = $this->data['options'];
$rwStyle = $this->opt('rw_style', '1');
$rwStyleMod = $rwStyle;
$custom_img_size = $this->opt('custom_img_size') === 'yes' ? true : false;
$col_left = 3;
$col_right = 9;
// For styles 2 and 3, do some re-spacing
if ($rwStyle == 3 || $rwStyle == 2) {
// Check if forced bigger description is enabled
if ($this->opt('rw_forcebiggerdesc', '') != 1) {
$col_left = 4;
$col_right = 8;
}
$rwStyleMod = '2 rwc--3';
}
$rwheight = (int) $this->opt('rw_height', 165);
$elm_classes = array();
$elm_classes[] = $this->data['uid'];
$elm_classes[] = $this->opt('css_class', '');
$color_scheme = $this->opt('element_scheme', '') == '' ? zget_option('zn_main_style', 'color_options', false, 'light') : $this->opt('element_scheme', '');
$elm_classes[] = 'recentwork--' . $color_scheme;
$elm_classes[] = 'element-scheme--' . $color_scheme;
$elm_classes[] = 'recentwork_carousel--' . (int) $rwStyleMod;
// [wpk]
// @since 4.0.9
$autoplay = $this->opt('rw_slider_autoplay', 1) == 1 ? 1 : 0;
$timeout = $this->opt('rw_slider_timeout', 5000);
?>
<div class="recentwork_carousel <?php
echo implode(' ', $elm_classes);
?>
clearfix">
<div class="row">
<div class="col-sm-<?php
echo $col_left;
?>
">
<div class="recentwork_carousel__left">
<?php
// ELEMENT TITLE
if (!empty($options['rw_title'])) {
echo '<h3 class="recentwork_carousel__title element-scheme__hdg1">' . $options['rw_title'] . '</h3>';
}
// ELEMENT DESCRIPTION
if (!empty($options['rw_desc'])) {
echo '<p class="recentwork_carousel__desc">' . $options['rw_desc'] . '</p>';
}
// PORTFOLIO PAGE LINK
if (!empty($options['rw_port_link']) && ($rwStyle == 2 || $rwStyle == 3)) {
echo '<a href="' . $options['rw_port_link'] . '" class="btn btn-fullcolor">' . $this->opt('rw_port_link_text', 'VIEW ALL') . '</a>';
}
?>
<div class="controls recentwork_carousel__controls">
<a href="#" class="prev recentwork_carousel__prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
<?php
// PORTFOLIO PAGE LINK
if (!empty($options['rw_port_link']) && ($rwStyle != 2 && $rwStyle != 3)) {
echo '<a href="' . $options['rw_port_link'] . '" class="complete"><span class="glyphicon glyphicon-th"></span></a>';
}
?>
<a href="#" class="next recentwork_carousel__next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div><!-- /.recentwork_carousel__controls -->
</div><!-- /.recentwork_carousel__left -->
</div>
<div class="col-sm-<?php
echo $col_right;
?>
">
<div class="recentwork_carousel__crsl-wrapper">
<ul class="recent_works1 fixclear recentwork_carousel__crsl"
data-autoplay="<?php
echo $autoplay;
?>
"
data-timeout="<?php
echo $timeout;
?>
">
<?php
global $post;
$posts_per_page = $this->opt('ports_per_page', '4');
// how many posts
if (empty($options['portfolio_categories'])) {
$options['portfolio_categories'] = '';
}
// Start the query
$queryArgs = array('post_type' => 'portfolio', 'posts_per_page' => $posts_per_page, 'post_status' => 'publish');
if (!empty($options['portfolio_categories'])) {
$queryArgs['tax_query'] = array(array('taxonomy' => 'project_category', 'field' => 'id', 'terms' => $options['portfolio_categories']));
}
$theQuery = new WP_Query($queryArgs);
// Start the loop
if ($theQuery->have_posts()) {
while ($theQuery->have_posts()) {
$theQuery->the_post();
echo '<li>';
echo '<a href="' . get_permalink() . '" class="recentwork_carousel__link">';
$port_media = get_post_meta($post->ID, 'zn_port_media', true);
if (!empty($port_media) && is_array($port_media)) {
$size = zn_get_size('four');
$has_image = false;
if ($portfolio_image = $port_media[0]['port_media_image_comb']) {
if (is_array($portfolio_image)) {
if ($saved_image = $portfolio_image['image']) {
$has_image = true;
}
} else {
$saved_image = $portfolio_image;
$has_image = true;
}
if ($has_image) {
if ($custom_img_size) {
$img_width = $this->opt('img_width', 270);
$img_height = $this->opt('img_height', 320);
$image = vt_resize('', $saved_image, $img_width, $img_height, true);
} else {
$image = vt_resize('', $saved_image, $size['width'], '', true);
}
}
}
// Check to see if we have video
if ($portfolio_media = $port_media[0]['port_media_video_comb']) {
}
echo '<div class="hover recentwork_carousel__hover">';
// IMAGE
if (!empty($saved_image)) {
echo '<div style="height: ' . $rwheight . 'px; background-image:url(' . $image['url'] . ');" class="recentwork_carousel__img"></div>';
} elseif ($portfolio_media) {
echo get_video_from_link($portfolio_media, '', "100%", $rwheight);
}
echo '<span class="hov recentwork_carousel__hov"></span>';
echo '</div>';
}
$cat = '<span class="recentwork_carousel__cat">' . strip_tags(get_the_term_list($post->ID, 'project_category', '', ' , ', '')) . '</span>';
echo '<div class="details recentwork_carousel__details">';
echo '<span class="bg recentwork_carousel__bg"></span>';
if ($rwStyle == 2 || $rwStyle == 3) {
echo $cat;
}
// GET THE POST TITLE
echo '<h4 class="recentwork_carousel__crsl-title ' . ($rwStyle == '1' ? 'text-custom' : '') . '">' . get_the_title() . '</h4>';
// GET ALL POST CATEGORIES
if ($rwStyle != 2 && $rwStyle != 3) {
echo $cat;
}
echo '</div>';
echo '</a>';
echo '</li>';
}
wp_reset_query();
}
?>
</ul>
</div><!-- /.recentwork_carousel__crsl-wrapper -->
</div>
</div>
</div><!-- end row // recentworks_carousel default-style -->
<?php
}
/**
* Display the custom bottom mask markup
*
* @param [type] $bm The mask ID
*
* @return [type] HTML Markup to be used as mask
*/
public static function zn_background_source($args = array())
{
$defaults = array('source_type' => '', 'source_background_image' => array('image' => '', 'repeat' => 'repeat', 'attachment' => 'scroll', 'position' => array('x' => 'left', 'y' => 'top'), 'size' => 'auto'), 'source_vd_yt' => '', 'source_vd_self_mp4' => '', 'source_vd_self_ogg' => '', 'source_vd_self_webm' => '', 'source_vd_embed_iframe' => '', 'source_vd_vp' => '', 'source_vd_autoplay' => 'yes', 'source_vd_loop' => 'yes', 'source_vd_muted' => 'yes', 'source_vd_controls' => 'yes', 'source_vd_controls_pos' => 'bottom-right', 'source_overlay' => 0, 'source_overlay_color' => '', 'source_overlay_opacity' => 30, 'source_overlay_color_gradient' => '', 'source_overlay_color_gradient_opac' => 30, 'source_overlay_gloss' => '', 'enable_parallax' => '');
$args = wp_parse_args($args, $defaults);
$bg_source = '';
$sourceType = $args['source_type'];
if ($sourceType) {
if ($sourceType == 'image') {
$background_styles = array();
$background_image = $args['source_background_image']['image'];
$background_styles[] = 'background-image:url(' . $args['source_background_image']['image'] . ')';
$background_styles[] = 'background-repeat:' . $args['source_background_image']['repeat'];
$background_styles[] = 'background-attachment:' . $args['source_background_image']['attachment'];
$background_styles[] = 'background-position:' . $args['source_background_image']['position']['x'] . ' ' . $args['source_background_image']['position']['y'];
$background_styles[] = 'background-size:' . $args['source_background_image']['size'];
if (!empty($background_image)) {
$bg_details = 'style="' . implode(';', $background_styles) . '"';
if ($args['enable_parallax'] == 'yes') {
$bg_details = 'data-parallax="scroll" data-image-src="' . $background_image . '"';
}
$bg_source .= '<div class="kl-bg-source__bgimage" ' . $bg_details . '></div>';
}
} else {
if ($sourceType == 'video_self' || $sourceType == 'video_youtube') {
// Source Video
$bg_source .= '
<div class="kl-video-container kl-bg-source__video">
<div class="kl-video-wrapper video-grid-overlay">
';
if ($sourceType == 'video_self') {
$bg_source .= '
<!-- Self Hosted Video Source -->
<div
class="kl-video valign halign"
style="width: 100%; height: 100%;"
data-setup=\'{
"position": "absolute",
"loop": ' . ($args['source_vd_loop'] == 'yes' ? 'true' : 'false') . ',
"autoplay": ' . ($args['source_vd_autoplay'] == 'yes' ? 'true' : 'false') . ',
"muted": ' . ($args['source_vd_muted'] == 'yes' ? 'true' : 'false') . ',
' . ($args['source_vd_self_mp4'] ? '"mp4":"' . $args['source_vd_self_mp4'] . '",' : '') . '
' . ($args['source_vd_self_webm'] ? '"webm":"' . $args['source_vd_self_webm'] . '",' : '') . '
' . ($args['source_vd_self_ogg'] ? '"ogg":"' . $args['source_vd_self_ogg'] . '",' : '') . '
' . ($args['source_vd_vp'] ? '"fallback_image":"' . $args['source_vd_vp'] . '",' : '') . '
"video_ratio": "1.7778"
}\'
></div>';
} elseif ($sourceType == 'video_youtube') {
$bg_source .= '
<!-- Youtube Source -->
<div
class="kl-video valign halign"
style="width: 100%; height: 100%;"
data-setup=\'{
"position": "absolute",
"loop": ' . ($args['source_vd_loop'] == 'yes' ? 'true' : 'false') . ',
"autoplay": ' . ($args['source_vd_autoplay'] == 'yes' ? 'true' : 'false') . ',
"muted": ' . ($args['source_vd_muted'] == 'yes' ? 'true' : 'false') . ',
' . ($args['source_vd_yt'] ? '"youtube":"' . $args['source_vd_yt'] . '",' : '') . '
' . ($args['source_vd_vp'] ? '"fallback_image":"' . $args['source_vd_vp'] . '",' : '') . '
"video_ratio": "1.7778"
}\'
></div>';
}
if ($args['source_vd_controls'] == 'yes') {
$bg_source .= '
<ul class="kl-video--controls" data-position="' . $args['source_vd_controls_pos'] . '">
<li><a href="#" class="btn-toggleplay"><i class="kl-icon glyphicon glyphicon-play circled-icon"></i></a></li>
<li><a href="#" class="btn-audio"><i class="kl-icon glyphicon glyphicon-volume-up circled-icon ci-xsmall"></i></a></li>
</ul>';
}
$bg_source .= '
</div>
<!-- // video-wrapper -->
</div>
<!-- // video-container -->
';
} else {
if ($sourceType == 'embed_iframe') {
$source_vd_embed_iframe = $args['source_vd_embed_iframe'];
if (!empty($source_vd_embed_iframe)) {
// Source Video
$bg_source .= '<div class="kl-bg-source__iframe">';
$bg_source .= get_video_from_link($source_vd_embed_iframe, 'no-adjust', '100%');
$bg_source .= '</div>';
}
}
}
}
}
// Overlays
if ($args['source_overlay'] != 0) {
$overlay_color = $args['source_overlay_color'];
$overlay_opac = $args['source_overlay_opacity'];
$overlay_color_final = zn_hex2rgba_str($overlay_color, $overlay_opac);
$ovstyle = 'background-color:' . $overlay_color_final;
// Gradient
if ($args['source_overlay'] == 2 || $args['source_overlay'] == 3) {
$gr_overlay_color = $args['source_overlay_color_gradient'];
$overlay_gr_opac = $args['source_overlay_color_gradient_opac'];
$gr_overlay_color_final = zn_hex2rgba_str($gr_overlay_color, $overlay_gr_opac);
// Gradient Horizontal
if ($args['source_overlay'] == 2) {
$ovstyle = 'background:' . $overlay_color_final . '; background: -moz-linear-gradient(left, ' . $overlay_color_final . ' 0%, ' . $gr_overlay_color_final . ' 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,' . $overlay_color_final . '), color-stop(100%,' . $gr_overlay_color_final . ')); background: -webkit-linear-gradient(left, ' . $overlay_color_final . ' 0%,' . $gr_overlay_color_final . ' 100%); background: -o-linear-gradient(left, ' . $overlay_color_final . ' 0%,' . $gr_overlay_color_final . ' 100%); background: -ms-linear-gradient(left, ' . $overlay_color_final . ' 0%,' . $gr_overlay_color_final . ' 100%); background: linear-gradient(to right, ' . $overlay_color_final . ' 0%,' . $gr_overlay_color_final . ' 100%); ';
}
// Gradient Vertical
if ($args['source_overlay'] == 3) {
$ovstyle = 'background: ' . $overlay_color_final . '; background: -moz-linear-gradient(top, ' . $overlay_color_final . ' 0%, ' . $gr_overlay_color_final . ' 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,' . $overlay_color_final . '), color-stop(100%,' . $gr_overlay_color_final . ')); background: -webkit-linear-gradient(top, ' . $overlay_color_final . ' 0%,' . $gr_overlay_color_final . ' 100%); background: -o-linear-gradient(top, ' . $overlay_color_final . ' 0%,' . $gr_overlay_color_final . ' 100%); background: -ms-linear-gradient(top, ' . $overlay_color_final . ' 0%,' . $gr_overlay_color_final . ' 100%); background: linear-gradient(to bottom, ' . $overlay_color_final . ' 0%,' . $gr_overlay_color_final . ' 100%); ';
}
}
$bg_source .= '<div class="kl-bg-source__overlay" style="' . $ovstyle . '"></div>';
}
// Gloss Overlays
if ($args['source_overlay_gloss'] == 1) {
$bg_source .= '<div class="kl-bg-source__overlay-gloss"></div>';
}
if ($bg_source != '') {
echo '<div class="kl-bg-source">' . $bg_source . '</div>';
}
}
echo '<div class="portfolio-item-overlay">';
echo '<div class="portfolio-item-overlay-inner">';
echo '<span class="portfolio-item-overlay-icon glyphicon glyphicon-picture"></span>';
echo '</div>';
echo '</div>';
} else {
echo '<a href="' . $saved_image . '" data-type="image" data-lightbox="image" class="portfolio-item-link hoverLink"></a>';
echo '<img class="kl-ptf-catlist-img" src="' . $image['url'] . '" width="' . $image['width'] . '" height="' . $image['height'] . '" alt="' . $saved_alt . '" ' . $saved_title . ' />';
echo '<div class="portfolio-item-overlay">';
echo '<div class="portfolio-item-overlay-inner">';
echo '<span class="portfolio-item-overlay-icon glyphicon glyphicon-picture"></span>';
echo '</div>';
echo '</div>';
}
} elseif ($portfolio_media) {
echo get_video_from_link($portfolio_media, '', $size['width'], $size['height']);
}
}
echo '</div><!-- img intro -->';
// If we have only 1 column
if ($ports_num_columns == 1) {
echo '</div>';
echo '<div class="col-sm-6">';
}
echo '<div class="portfolio-entry kl-ptf-catlist-details">';
echo '<h3 class="title kl-ptf-catlist-title">';
echo '<a href="' . get_permalink() . '" >' . get_the_title() . '</a>';
echo '</h3>';
echo '<div class="pt-cat-desc kl-ptf-catlist-desc">';
if (preg_match('/<!--more(.*?)?-->/', $post->post_content)) {
the_content('');
/**
* This method is used to display the output of the element.
* @return void
*/
function element()
{
$options = $this->data['options'];
if (empty($options)) {
return;
}
$style = $this->opt('ww_header_style', '');
if (!empty($style)) {
$style = 'uh_' . $style;
}
$bottom_mask = $this->opt('hm_header_bmasks', 'none');
$bm_class = $bottom_mask != 'none' ? 'maskcontainer--' . $bottom_mask : '';
?>
<div class="kl-slideshow <?php
echo $style;
?>
<?php
echo $bm_class;
?>
<?php
echo $this->data['uid'];
?>
<?php
echo $this->opt('css_class', '');
?>
">
<div class="bgback"></div>
<div class="th-sparkles"></div>
<div class="container kl-slideshow-inner kl-slideshow-safepadding">
<div class="static-content default-style with-login">
<div class="row">
<div class="col-sm-7">
<?php
if (!empty($options['ww_slide_title'])) {
echo '<h2 class="static-content__title text-left">' . do_shortcode($options['ww_slide_title']) . '</h2>';
}
if (!empty($options['ww_slide_subtitle'])) {
echo '<h3 class="static-content__subtitle text-left">' . do_shortcode($options['ww_slide_subtitle']) . '</h3>';
}
$ww_slide_m_button = $this->opt('ww_slide_m_button', '');
$ww_slide_l_text = $this->opt('ww_slide_l_text', '');
$ww_slide_link = zn_extract_link($this->opt('ww_slide_link', ''), 'sc-infopop__btn text-custom');
if (!empty($ww_slide_m_button) || !empty($ww_slide_l_text)) {
echo '<div class="static-content__infopop animated fadeBoxIn sc-infopop--left" data-arrow="top">';
if (!empty($ww_slide_link['start'])) {
echo $ww_slide_link['start'] . $ww_slide_l_text . $ww_slide_link['end'];
}
// BUTTON LEFT TEXT
if (!empty($ww_slide_m_button)) {
echo '<h5 class="sc-infopop__text kl-font-alt">' . $ww_slide_m_button . '</h5>';
}
echo '<div class="clear"></div>';
echo '</div>';
}
?>
</div>
<div class="col-sm-5">
<?php
// Text
if (isset($options['sc_ec_vid_desc']) && !empty($options['sc_ec_vid_desc'])) {
echo '<h5 style="text-align:right;">' . $options['sc_ec_vid_desc'] . '</h5>';
}
// VIDEO
if (isset($options['sc_ec_vime']) && !empty($options['sc_ec_vime'])) {
echo get_video_from_link($options['sc_ec_vime'], 'black_border full_width', '520px', '270px');
}
?>
</div>
</div>
<!-- end row -->
</div>
<!-- end static content -->
</div>
<?php
WpkPageHelper::zn_bottommask_markup($bottom_mask);
?>
<!-- header bottom style -->
</div><!-- end kl-slideshow -->
<?php
}
