Ejemplo n.º 1
0
         }
         // 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&amp;start=0&amp;autoplay=1&amp;controls=0&amp;showinfo=0&amp;wmode=transparent&amp;iv_load_policy=3&amp;modestbranding=1&amp;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 
    }
Ejemplo n.º 4
0
    /**
     * 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 
    }