}
// Secondary link
$s5_sec_io_slide_link = zn_extract_link($io_slide_link2, 'btn btn-lined ' . $buttons_sizes);
if (!empty($s5_sec_io_slide_link['start'])) {
echo $s5_sec_io_slide_link['start'] . zn_extract_link_title($io_slide_link2) . $s5_sec_io_slide_link['end'];
}
echo '</div>';
} elseif ($slideCaptionStyle == 'style1' || $slideCaptionStyle == 'style2') {
$s1_io_slide_link = zn_extract_link($io_slide_link, 'more');
if (!empty($s1_io_slide_link['start'])) {
echo $s1_io_slide_link['start'] . '<span class="glyphicon glyphicon-chevron-right kl-icon-white more-arrow"></span>' . $s1_io_slide_link['end'];
}
} elseif ($slideCaptionStyle != 'style3') {
$s3_io_slide_link = zn_extract_link($io_slide_link, 'btn btn-fullcolor ' . $buttons_sizes);
if (!empty($s3_io_slide_link['start'])) {
echo '<div class="more">' . $s3_io_slide_link['start'] . zn_extract_link_title($io_slide_link) . $s3_io_slide_link['end'] . '</div>';
}
}
}
// end check if it's not style6
// Slide SMALL TITLE
if (isset($slide['io_slide_s_title']) && !empty($slide['io_slide_s_title']) && $slideCaptionStyle != 'style3 s3ext') {
echo '<h4 class="title_small">' . $slide['io_slide_s_title'] . '</h4>';
}
// Style 6 (circle play)
if ($slideCaptionStyle == 'style6' && isset($slide['io_slide_s6_yt']) && !empty($slide['io_slide_s6_yt'])) {
$yt_params = '?loop=1&start=0&autoplay=1&controls=0&showinfo=0&wmode=transparent&iv_load_policy=3&modestbranding=1&rel=0';
echo '
<div class="klios-playvid">
<a href="http://www.youtube.com/watch?v=' . $slide['io_slide_s6_yt'] . $yt_params . '" data-lightbox="youtube">
<i class="kl-icon glyphicon glyphicon-play circled-icon ci-large"></i>
/**
* This method is used to display the output of the element.
*
* @return void
*/
function element()
{
$testimonials = $this->opt('tst_single');
$partners = $this->opt('prt_single');
$elm_classes = array();
$elm_classes[] = $this->data['uid'];
$elm_classes[] = $this->opt('css_class', '');
$color_scheme = $this->opt('pts_color_theme', '') == '' ? zget_option('zn_main_style', 'color_options', false, 'light') : $this->opt('pts_color_theme', '');
$elm_classes[] = 'testimonials-partners--' . $color_scheme;
$elm_classes[] = 'element-scheme--' . $color_scheme;
?>
<div class="testimonials-partners <?php
echo implode(' ', $elm_classes);
?>
">
<?php
if (!empty($testimonials)) {
?>
<div class="ts-pt-testimonials clearfix">
<?php
foreach ($testimonials as $tst) {
$tst_name = '';
if (!empty($tst['tst_name'])) {
$tst_name = $tst['tst_name'];
}
$tst_text = '';
if (!empty($tst['tst_testimonial'])) {
$tst_text = '<div class="ts-pt-testimonials__text">' . $tst['tst_testimonial'] . '</div>';
}
$tst_layout = $tst['tst_layout'];
$margin_top = isset($tst['top_margin']) && !empty($tst['top_margin']) ? 'margin-top:' . $tst['top_margin'] . 'px;' : '';
$margin_bottom = isset($tst['bottom_margin']) && !empty($tst['bottom_margin']) ? 'margin-bottom:' . $tst['bottom_margin'] . 'px;' : '';
?>
<div class="ts-pt-testimonials__item ts-pt-testimonials__item--size-<?php
echo $tst['tst_size'];
?>
ts-pt-testimonials__item--<?php
echo $tst_layout;
?>
" style="<?php
echo $margin_top;
?>
<?php
echo $margin_bottom;
?>
">
<?php
if ($tst_layout == 'normal') {
echo $tst_text;
}
?>
<div class="ts-pt-testimonials__infos ts-pt-testimonials__infos--<?php
echo empty($tst['tst_img']) ? 'noimg' : '';
?>
">
<?php
if (!empty($tst['tst_img'])) {
?>
<div class="ts-pt-testimonials__img" style="background-image:url('<?php
echo $tst['tst_img'];
?>
');" title="<?php
echo $tst_name;
?>
"></div>
<?php
}
?>
<?php
if ($tst_name) {
?>
<h4 class="ts-pt-testimonials__name"><?php
echo $tst_name;
?>
</h4>
<?php
}
?>
<?php
if (!empty($tst['tst_position'])) {
?>
<div class="ts-pt-testimonials__position"><?php
echo $tst['tst_position'];
?>
</div>
<?php
}
?>
<?php
if (($tst_stars = $tst['tst_stars']) != 0) {
?>
<div class="ts-pt-testimonials__stars ts-pt-testimonials__stars--<?php
echo $tst_stars;
?>
">
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
</div>
<?php
}
?>
</div><!-- /.ts-pt-testimonials__infos -->
<?php
if ($tst_layout == 'reversed') {
echo $tst_text;
}
?>
</div><!-- /.ts-pt-testimonials__item -->
<?php
}
?>
</div><!-- /.ts-pt-testimonials -->
<?php
}
?>
<?php
if (!empty($partners) && !empty($testimonials)) {
?>
<div class="testimonials-partners__separator clearfix"></div>
<?php
}
?>
<?php
if (!empty($partners)) {
$pts_ptitle = $this->opt('pts_ptitle');
?>
<div class="ts-pt-partners ts-pt-partners--<?php
echo !empty($pts_ptitle) ? 'y' : 'n';
?>
-title clearfix">
<?php
if (!empty($pts_ptitle)) {
?>
<div class="ts-pt-partners__title"><?php
echo $pts_ptitle;
?>
</div>
<?php
}
?>
<div class="ts-pt-partners__carousel-wrapper">
<div class="ts-pt-partners__carousel">
<?php
foreach ($partners as $prt) {
$link = $prt['prt_link'];
$link_title = zn_extract_link_title($link);
$prt_link = zn_extract_link($link, 'ts-pt-partners__link');
?>
<div class="ts-pt-partners__carousel-item">
<?php
echo $prt_link['start'];
?>
<?php
if (!empty($prt['prt_img'])) {
?>
<img class="ts-pt-partners__img img-responsive" src="<?php
echo $prt['prt_img'];
?>
" alt="<?php
echo $link_title;
?>
">
<?php
}
?>
<?php
echo $prt_link['end'];
?>
</div>
<?php
}
?>
</div><!-- /.ts-pt-partners__carousel -->
</div>
</div><!-- /.ts-pt-partners -->
<?php
}
?>
</div><!-- /.testimonials-partners -->
<?php
}
/**
* This method is used to display the output of the element.
*
* @return void
*/
function element()
{
$uid = $this->data['uid'];
$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 : '';
// 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 sc--showroom-carousel <?php
echo $style;
?>
<?php
echo $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="sc-huge-arrow"></div>
<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 sc--showroomcrs-style">
<?php
// TITLE
if (isset($options['sc_shcar_textcontent']) && !empty($options['sc_shcar_textcontent'])) {
echo '<div class="sc__textcontent">' . do_shortcode($options['sc_shcar_textcontent']) . '</div>';
}
// BUTTON
$prim_btn = zn_extract_link($this->opt('sc_shcar_prim_btn', ''), 'btn btn-fullcolor');
$sec_btn = zn_extract_link($this->opt('sc_shcar_sec_btn', ''), 'btn sc__secbtn btn-lined');
if ($prim_btn['start'] || $sec_btn['start']) {
echo '<div class="sc__actionarea clearfix">';
if (!empty($prim_btn['start'])) {
echo $prim_btn['start'] . zn_extract_link_title($this->opt('sc_shcar_prim_btn', '')) . $prim_btn['end'];
}
if (!empty($sec_btn['start'])) {
echo $sec_btn['start'] . zn_extract_link_title($this->opt('sc_shcar_sec_btn', '')) . $sec_btn['end'];
}
echo '</div>';
}
?>
<?php
// var_dump($options);
if (isset($options['single_shcar']) && is_array($options['single_shcar'])) {
echo '<div class="sc__shcar-wrapper">';
echo '<div class="sc__showroom-carousel cfs--default" data-speed="' . $this->opt('sc_shcar_speed', 5000) . '" ' . ($this->opt('sc_shcar_pagi', 1) ? 'data-pag="1"' : '') . '>';
foreach ($options['single_shcar'] as $item) {
echo '<div class="sc__shcar-item cfs--item">';
if (isset($item['sc_shcar_image']) && !empty($item['sc_shcar_image'])) {
$linkurl = $item['sc_shcar_image'];
$datalightbox = 'image';
if (isset($item['sc_shcar_video']) && !empty($item['sc_shcar_video'])) {
$linkurl = $item['sc_shcar_video'];
$datalightbox = 'iframe';
}
echo '<a href="' . $linkurl . '" class="shc__item-link" data-lightbox="' . $datalightbox . '">';
$image = vt_resize('', $item['sc_shcar_image'], '280', '190', true);
echo '<img src="' . $image['url'] . '" alt="" class="img-responsive">';
echo '</a>';
}
if (isset($item['sc_shcar_title']) && !empty($item['sc_shcar_title'])) {
echo '<h4 class="shc__item-title">' . $item['sc_shcar_title'] . '</h4>';
}
echo '</div>';
}
echo '</div>';
echo '</div>';
}
?>
</div>
</div>
</div><!-- /.kl-slideshow-inner__inner -->
<?php
if ($this->opt('sc_fullscreen', '0')) {
?>
<a class="tonext-btn js-tonext-btn" href="#" data-endof=".kl-slideshow-inner">
<span class="mouse-anim-icon"></span>
</a>
<?php
}
?>
</div>
<?php
WpkPageHelper::zn_bottommask_markup($bottom_mask);
?>
<!-- header bottom style -->
</div><!-- end kl-slideshow -->
<?php
}
/**
* This method is used to display the output of the element.
* @return void
*/
function element()
{
$options = $this->data['options'];
if (empty($options['single_flex'])) {
return;
}
$style = $this->opt('fs_header_style', '');
if (!empty($style)) {
$style = 'uh_' . $style;
}
$thumbs = '';
if ($options['fs_show_thumbs']) {
$thumbs = 'zn_has_thumbs';
}
$full_image = '';
// Shadow style
$fs_shadow = '';
if (isset($options['fs_shadow']) && $options['fs_shadow'] != '') {
$fs_shadow = 'zn-shadow-lifted';
}
$fs_height = '470';
if (isset($options['fs_height']) && !empty($options['fs_height'])) {
$fs_height = (int) $options['fs_height'];
}
// Flex slider style
$sliderStyle = 'classic';
if (isset($options['fs_style']) && $options['fs_style'] == 'modern') {
$sliderStyle = 'modern';
}
$bottom_mask = $this->opt('hm_header_bmasks', 'none');
$bm_class = $bottom_mask != 'none' ? 'maskcontainer--' . $bottom_mask : '';
?>
<div class="kl-slideshow simpleslider__slideshow <?php
echo $this->data['uid'];
?>
<?php
echo $style;
?>
<?php
echo $bm_class;
?>
<?php
echo $this->opt('css_class', '');
?>
">
<div class="fake-loading loading-2s"></div>
<div class="bgback"></div>
<?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 class="kl-slideshow-inner container kl-slideshow-safepadding">
<div class="row">
<div class="col-sm-12">
<div class="zn_simple_slider_container showOnMouseover <?php
echo $thumbs;
?>
<?php
echo $fs_shadow;
?>
kl-flex--<?php
echo $sliderStyle;
?>
">
<ul class="zn_general_carousel cfs--default " data-fancy="false" data-transition="<?php
echo $this->opt('fs_transition', 'fade');
?>
" data-direction="left" data-autoplay="<?php
echo $this->opt('ww_slider_autoplay') == 1 ? 1 : 0;
?>
" data-timout="<?php
echo $this->opt('fs_speed', 9000);
?>
" data-easing="easeOutExpo" data-thumbs="<?php
echo $thumbs;
?>
">
<?php
if (isset($options['single_flex']) && is_array($options['single_flex'])) {
foreach ($options['single_flex'] as $slide) {
$fs_slide_link = zn_extract_link($slide['fs_slide_link'], 'slide__link');
$link_title = zn_extract_link_title($slide['fs_slide_link']);
$thumb = '';
if (isset($slide['fs_slide_image']) && !empty($slide['fs_slide_image'])) {
$image = vt_resize('', $slide['fs_slide_image'], '1170', $fs_height, true);
$full_image = '<div class="zn_simple_slider-itemimg" style="background-image:url(' . $image['url'] . ');"></div>';
if ($options['fs_show_thumbs']) {
$small_thumb = vt_resize('', $slide['fs_slide_image'], '150', '60', true);
$thumb = 'data-thumb="' . $small_thumb['url'] . '"';
}
}
echo '<li class="cfs--item" ' . $thumb . '>';
if ($sliderStyle == 'classic') {
echo $fs_slide_link['start'];
echo $full_image;
echo $fs_slide_link['end'];
} else {
echo $full_image;
echo '<div class="flex-gradient-overlay"></div>';
}
echo '<div class="flex-caption-wrapper">';
// Label
if (isset($slide['fs_slide_label']) && !empty($slide['fs_slide_label']) && $sliderStyle == 'modern') {
echo '<h5 class="flex-label" style="' . (!empty($slide['fs_slide_label_color']) ? 'background-color:' . $slide['fs_slide_label_color'] : '') . '">' . $slide['fs_slide_label'] . '</h5>';
}
if (isset($slide['fs_slide_title']) && !empty($slide['fs_slide_title'])) {
echo '<h2 class="flex-caption kl-font-alt">' . $slide['fs_slide_title'];
}
if ($sliderStyle == 'modern') {
echo $fs_slide_link['start'];
echo $link_title;
echo '<span class="flex-arrow"></span>';
echo $fs_slide_link['end'];
}
if (isset($slide['fs_slide_title']) && !empty($slide['fs_slide_title'])) {
echo '</h2>';
}
echo '</div>';
if ($sliderStyle == 'modern') {
echo '<div class="flex-underbar"></div>';
}
echo '</li>';
}
}
?>
</ul>
<?php
if ($this->opt('fs_bullets', 'true') || $this->opt('fs_show_thumbs', '0') == 1) {
?>
<div class="zn_simple_carousel-pagi cfs--pagination <?php
echo $thumbs;
?>
"></div>
<?php
}
?>
<?php
if ($this->opt('fs_nav', 'true')) {
?>
<div class="zn_simple_carousel-nav">
<span class="zn_simple_carousel-arr zn_general_carousel-prev cfs--prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</span>
<span class="zn_simple_carousel-arr zn_general_carousel-next cfs--next">
<span class="glyphicon glyphicon-chevron-right"></span>
</span>
</div>
<?php
}
?>
</div><!-- /.zn_simple_slider_container -->
</div>
</div>
</div>
<?php
WpkPageHelper::zn_bottommask_markup($bottom_mask);
?>
<!-- header bottom style -->
</div><!-- end kl-slideshow -->
<?php
}