} // 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 }