function zn_sensei_before_main_content() { $args = array(); if (!is_single()) { // SHOW THE HEADER if (empty($args['title'])) { //** Put the header with title and breadcrumb $args['title'] = __('Courses', 'zn_framework'); } if (is_tax()) { $args['title'] = get_the_archive_title(); $args['subtitle'] = ''; // Reset the subtitle for categories and tags } } WpkPageHelper::zn_get_subheader($args); global $zn_config; $zn_config['force_sidebar'] = 'blog_sidebar'; $main_class = zn_get_sidebar_class('blog_sidebar'); if (strpos($main_class, 'right_sidebar') !== false || strpos($main_class, 'left_sidebar') !== false) { $zn_config['sidebar'] = true; } else { $zn_config['sidebar'] = false; } $zn_config['size'] = $zn_config['sidebar'] ? 'col-sm-9' : 'col-sm-12'; ?> <section id="content" class="site-content shop_page"> <div class="container"> <div class="row"> <div class="<?php echo $main_class; ?> "> <?php }
/** * This method is used to display the output of the element. * @return void */ function element() { $bgsource = array('source_type' => $this->opt('source_type'), 'source_background_image' => $this->opt('source_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')); $config = array('headerClass' => 'site-subheader-cst uh_' . $this->opt('hm_header_style', 'zn_def_header_style'), 'def_header_date' => $this->opt('hm_header_date', 1), 'extra_css_class' => $this->data['uid'] . ' ' . $this->opt('css_class', ''), 'bottommask' => $this->opt('hm_header_bmasks', 'none'), 'bg_source' => $bgsource, 'def_header_title' => $this->opt('hm_header_title', 1), 'show_subtitle' => $this->opt('hm_header_subtitle', 1), 'def_header_bread' => $this->opt('hm_header_bread', 1), 'is_element' => true, 'inherit_head_pad' => $this->opt('hm_inherit_ulm', 'no') == 'yes' ? true : false); $title = $this->opt('hm_header_ovtitle'); $subtitle = $this->opt('hm_header_ovsubtitle'); if (!empty($title)) { $config['title'] = $title; } if (!empty($subtitle)) { $config['subtitle'] = $subtitle; } // display the Subheader WpkPageHelper::zn_get_subheader($config); }
/** * 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 : ''; ?> <div class="kl-slideshow <?php echo $style; ?> kl-revolution-slider portfolio_devices <?php echo $bm_class; ?> <?php echo $this->data['uid']; ?> <?php echo $this->opt('css_class', ''); ?> "> <div class="bgback"></div> <?php if (isset($options['revslider_id']) && !empty($options['revslider_id'])) { echo do_shortcode('[rev_slider alias="' . $options['revslider_id'] . '"]'); } ?> <div class="th-sparkles"></div> <?php WpkPageHelper::zn_bottommask_markup($bottom_mask); ?> </div> <?php }
/** * This method is used to display the output of the element. * * @return void */ function element() { $options = $this->data['options']; if (empty($options['single_icarousel'])) { return; } $style = $this->opt('ic_header_style', ''); if (!empty($style)) { $style = 'uh_' . $style; } $bottom_mask = $this->opt('hm_header_bmasks', 'none'); $bm_class = $bottom_mask != 'none' ? 'maskcontainer--' . $bottom_mask : ''; // Slider Options $data_attrs = array(); $data_attrs[] = 'data-autoplay="' . $this->opt('ic_autoplay', 'true') . '"'; $data_attrs[] = 'data-timeout="' . $this->opt('ic_timeout', '5000') . '"'; $data_attrs[] = 'data-perspective="' . $this->opt('ic_perspective', '75') . '"'; $data_attrs[] = 'data-slidespaces="' . $this->opt('ic_slidesspaces', '300') . '"'; $data_attrs[] = 'data-slides="' . $this->opt('ic_slides', '7') . '"'; $data_attrs[] = 'data-direction="' . $this->opt('ic_direction', 'ltr') . '"'; $data_attrs[] = 'data-keyboard="' . $this->opt('ic_keyboard', 'true') . '"'; $data_attrs[] = 'data-mousewheel="' . $this->opt('ic_mousewheel', 'true') . '"'; $data_attrs[] = 'data-timer="' . $this->opt('ic_timer', 'Bar') . '"'; $data_attrs[] = 'data-timeropc="' . $this->opt('ic_timer_opacity', '40') . '"'; $data_attrs[] = 'data-timerdim="' . $this->opt('ic_timer_diameter', '220') . '"'; $data_attrs[] = 'data-timercolor="' . $this->opt('ic_timercolor', '#fff') . '"'; $data_attrs[] = 'data-timerpos="' . $this->opt('ic_timerposition', 'bottom-center') . '"'; $data_attrs[] = 'data-timeroffx="' . $this->opt('ic_timer_offset_x', '15') . '"'; $data_attrs[] = 'data-timeroffy="' . $this->opt('ic_timer_offset_y', '-5') . '"'; ?> <div class="kl-slideshow kl-icarousel <?php echo $style; ?> <?php echo $bm_class; ?> <?php echo $this->data['uid']; ?> <?php echo $this->opt('css_class', ''); ?> " > <div class="fake-loading loading-1s"></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="kl-icarousel-container kl-slideshow-safepadding"> <?php if (isset($options['single_icarousel']) && is_array($options['single_icarousel'])) { echo '<div class="th-icarousel kl-icarousel__wrapper" data-count="' . count($options['single_icarousel']) . '" ' . implode(' ', $data_attrs) . '>'; foreach ($options['single_icarousel'] as $slide) { echo '<div class="kl-icarousel__slide">'; $ic_slide_link = zn_extract_link($slide['ic_slide_link'], 'slide kl-icarousel__link'); echo $ic_slide_link['start']; if (isset($slide['ic_slide_image']) && !empty($slide['ic_slide_image'])) { $image = vt_resize('', $slide['ic_slide_image'], '480', '360', true); echo '<div style="background-image:url(' . $image['url'] . ')" class="kl-icarousel__img"></div>'; } if (isset($slide['ic_slide_title']) && !empty($slide['ic_slide_title'])) { echo '<h5 class="kl-icarousel__title ff-alternative"><span>' . $slide['ic_slide_title'] . '</span></h5>'; } echo $ic_slide_link['end']; echo '</div>'; } echo '</div>'; } ?> </div> <?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']; if (empty($options)) { return; } $bottom_mask = $this->opt('hm_header_bmasks', 'shadow_ud'); $bm_class = $bottom_mask != 'none' ? 'maskcontainer--' . $bottom_mask : ''; $navpos = $this->opt('ww_slider_controlpos', 'controls-inside'); ?> <div class="kl-slideshow fancyslider__slideshow <?php echo $this->data['uid']; ?> <?php echo $bm_class; ?> <?php echo $this->opt('css_class', ''); ?> "> <div class="fake-loading loading-2s"></div> <div class="container kl-slideshow-inner"> <div class="row"> <div class="col-sm-12"> <div class="zn_fancy_slider_container <?php echo !empty($navpos) ? 'controls-inside' : ''; ?> "> <ul class="zn_general_carousel cfs--default" data-fancy="true" data-transition="slide" data-direction="up" data-autoplay="<?php echo $this->opt('ww_slider_autoplay') == 1 ? 1 : 0; ?> " data-timout="<?php echo $this->opt('ww_slider_timeout', 9000); ?> " data-easing="easeOutExpo"> <?php if (isset($options['single_fancy']) && is_array($options['single_fancy'])) { foreach ($options['single_fancy'] as $slide) { $ww_slide_link = zn_extract_link($slide['ww_slide_link'], 'zn_fancy_slider-link'); echo '<li class="zn_fancy_slider-item " data-color="' . $slide['ww_slide_color'] . '">'; echo $ww_slide_link['start']; if (isset($slide['ww_slide_image']) && !empty($slide['ww_slide_image'])) { // echo '<div class="zn_fancy_slider-itemimg" style="background-image:url('.$slide['ww_slide_image'].');"></div>'; echo '<img class="zn_fancy_slider-itemimg img-responsive" src="' . $slide['ww_slide_image'] . '" alt="">'; } echo $ww_slide_link['end']; echo '</li>'; } } ?> </ul> <?php $navtype = $this->opt('ww_slider_nav', 'nav'); if ($navtype == 'nav') { ?> <div class="zn_fancy_carousel-nav "> <span class="zn_fancy_carousel-prev cfs--prev"> <span class="glyphicon glyphicon-chevron-down"></span> </span> <span class="zn_fancy_carousel-next cfs--next"> <span class="glyphicon glyphicon-chevron-up"></span> </span> </div> <?php } elseif ($navtype == 'bullets') { ?> <div class="zn_fancy_carousel-pagi cfs--pagination"></div> <?php } ?> </div><!-- /.zn_fancy_slider_container --> </div> </div> </div> <?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']; $style = $this->opt('ls_header_style', ''); if (!empty($style)) { $style = 'uh_' . $style; } $slider_desc = ''; if (isset($options['ls_slider_desc']) && !empty($options['ls_slider_desc'])) { $slider_desc = '<h3 class="ls__main-title">' . do_shortcode($options['ls_slider_desc']) . '</h3>'; } $uid = $this->data['uid']; $ls_slider_display = $this->opt('ls_slider_display', 'laptop'); $slides_exists = isset($options['single_lslides']) && is_array($options['single_lslides']); $fullscreen = $this->opt('ls_fullscreen', 0) == 1 ? 'ls--fullscreen' : ''; $enable_autoplay = $this->opt('enable_autoplay', 'yes') == 'yes'; // Mask // -- not needed as the slider has it's own mask // $bottom_mask = $this->opt('hm_header_bmasks','none'); // $bm_class = $bottom_mask != 'none' ? 'maskcontainer--'.$bottom_mask : ''; ?> <div class="kl-slideshow laptop-slider__slideshow ls--<?php echo $ls_slider_display; ?> <?php echo $style; ?> <?php echo $fullscreen; ?> <?php echo $this->data['uid']; ?> <?php echo $this->opt('css_class', ''); ?> "> <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'))); if ($this->opt('source_mask', 1)) { echo '<div class="ls-source__mask ls-source__mask-back"></div>'; echo '<div class="ls-source__mask ls-source__mask-front"></div>'; } ?> <div class="th-sparkles"></div> <div class="laptop-slider__inner container ls--theme-<?php echo $this->opt('ls_theme_color', 'light'); ?> "> <div class=" ls__container kl-slideshow-safepadding"> <?php echo $slider_desc; ?> <div class="ls__laptop-mask"> <div class="ls__screen"> <div class="zn_laptop_slider_wrapper"> <div class="fake-loading loading-1s fl--nobg"></div> <div class="zn_laptop_slider" data-details="#ls__left-desc-<?php echo $uid; ?> " data-autoplay="<?php echo $enable_autoplay; ?> " data-trans="<?php echo $this->opt('ls_trans', 5000); ?> "> <div class="zn_laptop_slider_container"> <?php if ($slides_exists) { $bullets = ''; foreach ($options['single_lslides'] as $slide) { $ls_slide_link = zn_extract_link($slide['ls_slide_link'], 'ls__item-link'); $bullets .= '<a href="#" class="ls__nav-item"></a>'; $caption = isset($slide['ls_slide_title']) && !empty($slide['ls_slide_title']) ? $slide['ls_slide_title'] : ''; // Display image echo '<div class="ls__slider-item">'; if (isset($slide['ls_slide_image']) && !empty($slide['ls_slide_image'])) { $image = vt_resize('', $slide['ls_slide_image'], '800', '600', true); echo '<div class="ls-slider-item__img" style="background-image:url(' . $image['url'] . ')"></div>'; } // If JUST slider if ($ls_slider_display == 'laptop' && !empty($caption)) { echo '<h3 class="ls__item-caption ff-alternative">' . $ls_slide_link['start'] . $caption . $ls_slide_link['end'] . '</h3>'; } echo '</div>'; } } ?> </div><!-- /.zn_laptop_slider_container --> </div> </div><!-- /.zn_laptop_slider_wrapper --> </div> <!-- end /.ls screen --> <?php if ($this->opt('ls_slide_bullets', 1)) { ?> <div class="ls__nav"> <?php if ($slides_exists) { echo $bullets; } ?> </div> <?php } ?> <?php if ($this->opt('ls_slide_arrows', 1)) { ?> <div class="ls__arrows"> <span class="ls__arrow ls__arrow-left"></span> <span class="ls__arrow ls__arrow-right"></span> </div> <?php } ?> </div> <!-- laptop mask --> <?php // If it's using the SLIDER description if ($ls_slider_display == 'lapt_slider_desc' || $ls_slider_display == 'lapt_desc') { ?> <div class="ls__left-desc" id="ls__left-desc-<?php echo $uid; ?> "> <?php if ($ls_slider_display == 'lapt_slider_desc') { ?> <?php if ($this->opt('ls_slide_title')) { ?> <div class="ls__sl-main-title"><?php echo $this->opt('ls_slide_title'); ?> </div> <?php } ?> <?php if ($this->opt('ls_slide_desc')) { ?> <div class="ls__sl-main-desc"><?php echo $this->opt('ls_slide_desc'); ?> </div> <?php } ?> <?php // BUTTON $slide_link = zn_extract_link($options['ls_slide_link'], 'btn btn-fullcolor'); $slide_link_sec = zn_extract_link($options['ls_slide_link_sec'], 'btn ls__secbtn btn-lined ' . ($this->opt('ls_theme_color', 'light') == 'dark' ? 'lined-dark' : '')); if (!empty($slide_link['start']) || !empty($slide_link_sec['start'])) { echo '<div class="ls__actionarea clearfix">'; if (!empty($slide_link['start'])) { echo $slide_link['start'] . $options['ls_slide_link']['title'] . $slide_link['end']; } if (!empty($slide_link_sec['start'])) { echo $slide_link_sec['start'] . $options['ls_slide_link_sec']['title'] . $slide_link_sec['end']; } echo '</div>'; } ?> <?php // If It's using the ITEMS description } elseif ($ls_slider_display == 'lapt_desc') { ?> <?php if ($slides_exists) { ?> <?php foreach ($options['single_lslides'] as $slide) { ?> <div class="ls_slide_item-details"> <?php if ($slide['ls_slide_title']) { ?> <div class="ls__sl-main-title"><?php echo $slide['ls_slide_title']; ?> </div> <?php } ?> <?php if ($slide['ls_slide_desc']) { ?> <div class="ls__sl-main-desc"><?php echo $slide['ls_slide_desc']; ?> </div> <?php } ?> <?php // BUTTON $slide_link = zn_extract_link($slide['ls_slide_link'], 'btn btn-fullcolor'); $slide_link_sec = zn_extract_link($slide['ls_slide_link_sec'], 'btn ls__secbtn btn-lined ' . ($this->opt('ls_theme_color', 'light') == 'dark' ? 'lined-dark' : '')); if (!empty($slide_link['start']) || !empty($slide_link_sec['start'])) { echo '<div class="ls__actionarea clearfix">'; if (!empty($slide_link['start'])) { echo $slide_link['start'] . $slide['ls_slide_link']['title'] . $slide_link['end']; } if (!empty($slide_link_sec['start'])) { echo $slide_link_sec['start'] . $slide['ls_slide_link_sec']['title'] . $slide_link_sec['end']; } echo '</div>'; } ?> </div> <?php } ?> <?php } ?> <?php } ?> </div><!-- /.ls__left-desc --> <?php } ?> <div class="clearfix"></div> </div><!-- /.laptop-slider__inner --> </div> </div> <?php // not needed as the slider has it's own mask // 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']; if (empty($options)) { return; } // 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 $this->data['uid']; ?> <?php echo $scr_main_class; ?> <?php echo $this->opt('css_class', ''); ?> "> <div class="bgback"></div> <div class="kl-slideshow-inner static-content__wrapper sc--videobg <?php echo $this->opt('sc_fullscreen', '0') ? 'static-content--fullscreen' : ''; ?> <?php echo (int) $this->opt('ww_height', 600) ? 'static-content--height' : ''; ?> "> <div class="static-content__source <?php echo $scr_effect_class; ?> " <?php echo $scr_effect_attribs; ?> > <?php $sourcetype = $this->opt('sc_vb_video_type'); if ($sourcetype == 'self') { $sourcetype = 'video_self'; } else { if ($sourcetype == 'iframe') { $sourcetype = 'embed_iframe'; } } WpkPageHelper::zn_background_source(array('source_type' => $sourcetype, 'source_background_image' => $this->opt('background_image'), 'source_vd_yt' => $this->opt('source_vd_yt'), 'source_vd_self_mp4' => $this->opt('sc_vb_sh_video1'), 'source_vd_self_ogg' => $this->opt('sc_vb_sh_video2'), 'source_vd_self_webm' => $this->opt('source_vd_self_webm'), 'source_vd_embed_iframe' => $this->opt('sc_vb_embed'), 'source_vd_vp' => $this->opt('sc_vb_sh_video_cover'), 'source_vd_autoplay' => $this->opt('source_vd_autoplay', 'yes'), 'source_vd_loop' => $this->opt('source_vd_loop', 'yes'), 'source_vd_muted' => $this->opt('source_vd_muted', 'yes'), '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 --> <div class="static-content__inner container sc--captpos-<?php echo $this->opt('sc_caption_pos', 'middle'); ?> "> <div class="kl-slideshow-safepadding sc__container <?php echo $scr_effect_class; ?> " <?php echo $scr_effect_attribs_fade; ?> > <?php echo '<div class="sc__video-captions">'; if (!empty($options['sc_vb_line1'])) { echo '<span class="sc__video-line kl-font-alt">' . do_shortcode($options['sc_vb_line1']) . '</span>'; } if (!empty($options['sc_vb_line2'])) { echo '<span class="sc__video-line kl-font-alt">' . do_shortcode($options['sc_vb_line2']) . '</span>'; } echo '</div>'; ?> </div><!-- /.container --> </div><!-- /.static-content__inner --> </div><!-- /.static-content__wrapper --> </div><!-- end kl-slideshow --> <?php }
?> <div class="scrollbarContainer"></div> <?php echo $fluid_end; ?> <?php // arrows outside if fixed width slider is enabled if ($fixed_width_opt) { echo $kl_nav; } ?> <?php if ($this->opt('io_s_navigation', 'bullets') != 'thumbs') { WpkPageHelper::zn_bottommask_markup($bottom_mask); } ?> <!-- header bottom style --> </div> <!-- end kl-slideshow --> <?php if ($this->opt('io_s_scroll', 0) == 1) { ?> <div class="zn_fixed_slider_fill"></div> <?php }
function element() { $locations = $this->opt('single_multiple_maps') ? $this->opt('single_multiple_maps') : ''; $sc_map_directions_text = $this->opt('sc_map_directions_text') ? $this->opt('sc_map_directions_text') : __('Visit us from...', 'zn_framework'); if (empty($locations)) { echo '<div class="zn-pb-notification">Please configure the element options and add at least one location.</div>'; return; } $uid = $this->data['uid']; $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 : ''; ?> <div class="zn_google_map kl-slideshow static-content__slideshow scontent__maps <?php echo $style; ?> <?php echo $uid; ?> <?php echo $bm_class; ?> <?php echo $this->opt('sc_fullscreen', 'no') == 'yes' ? 'static-content--fullscreen' : ''; ?> <?php echo $this->opt('css_class', ''); ?> " > <div class="bgback"></div> <div class="th-sparkles"></div> <!-- map container --> <div id="zn_google_map_<?php echo $this->data['uid']; ?> " class="zn_gmap_canvas th-google_map"> <?php if ($this->opt('sc_map_directions') === 'yes') { ?> <div class="zn_visitUsContainer zn_visit--pos-<?php echo $this->opt('sc_map_directions_pos', 'top-left'); ?> "> <input type="text" required placeholder="<?php echo esc_attr($sc_map_directions_text); ?> " class="animate zn_startLocation kl-font-alt" /> <span class="zn_removeRoute zn_icon" data-unicode="ue855" data-zniconfam="glyphicons_halflingsregular" data-zn_icon=""></span> </div> <?php } ?> </div> <?php if ($this->opt('ww_mapinfo_type', 'infobox') == 'infobox') { $ww_slide_m_button = $this->opt('ww_slide_m_button'); if ($ww_slide_m_button || $options['ww_slide_l_text']) { echo '<div class="static-content__infopop" data-arrow="top">'; if ($options['ww_slide_l_text']) { $ww_slide_link = zn_extract_link($this->opt('ww_slide_link', ''), 'sc-infopop__btn text-custom', ''); echo $ww_slide_link['start'] . $options['ww_slide_l_text'] . $ww_slide_link['end']; } // BUTTON LEFT TEXT if (isset($ww_slide_m_button) && !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>'; } } else { ?> <div class="kl-contentmaps__panel"> <?php if ($this->opt('sc_map_panel_img', '') && ($panel_img = $this->opt('sc_map_panel_img', ''))) { ?> <a href="#" class="js-toggle-class kl-contentmaps__panel-tgg hidden-xs" data-target=".kl-contentmaps__panel" data-target-class="is-closed"></a> <a href="<?php echo $panel_img; ?> " data-lightbox="image" class="kl-contentmaps__panel-img" style="background-image:url(<?php echo $panel_img; ?> )"></a> <?php } ?> <?php if ($panel_text = $this->opt('sc_map_panel_text', '')) { ?> <div class="kl-contentmaps__panel-info"> <?php if ($this->opt('sc_map_panel_title', '')) { echo '<h5 class="kl-contentmaps__panel-title">' . $this->opt('sc_map_panel_title', '') . '</h5>'; } ?> <div class="kl-contentmaps__panel-info-text"> <?php $content = wpautop($panel_text); if (!empty($panel_text)) { if (preg_match('%(<[^>]*>.*?</)%i', $content, $regs)) { echo do_shortcode($content); } else { echo '<p>' . do_shortcode($content) . '</p>'; } } ?> </div> </div> <?php } ?> </div> <?php } WpkPageHelper::zn_bottommask_markup($bottom_mask); ?> </div> <?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--weatherbox <?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="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--wb-style"> <?php // TITLE if (isset($options['ww_slide_title']) && !empty($options['ww_slide_title'])) { echo '<h2 class="static-content__title text-center">' . do_shortcode($options['ww_slide_title']) . '</h2>'; } // SUBTITLE if (isset($options['ww_slide_subtitle']) && !empty($options['ww_slide_subtitle'])) { echo '<h3 class="static-content__subtitle text-center">' . do_shortcode($options['ww_slide_subtitle']) . '</h3>'; } // BUTTON $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', ''), 'btn btn-fullcolor btn-lg btn-third'); if ($ww_slide_m_button || $ww_slide_l_text) { echo '<div class="sc__actionarea">'; if ($ww_slide_l_text && !empty($ww_slide_link['start'])) { echo $ww_slide_link['start'] . $ww_slide_l_text . $ww_slide_link['end']; } // BUTTON LEFT TEXT if ($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>'; } ?> <?php if ($this->opt('scw_enable', '1') && $this->opt('scw_woeid') != '') { ?> <div class="sc__weather" id="sc__weather_<?php echo $uid; ?> " data-woeid="<?php echo $this->opt('scw_woeid', ''); ?> " data-location="<?php echo $this->opt('scw_location', ''); ?> " data-unit="<?php echo $this->opt('scw_unit', 'f'); ?> "> <div class="fake-loading loading4s fl--nobg"></div> </div><!-- /.sc__weather --> <?php } ?> </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)) { return; } $uid = $this->data['uid']; $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 $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 textpop-style"> <div class="textpop__texts"> <?php // Line 1 if (!empty($options['sc_pop_line1'])) { echo '<span class="textpop__line1 kl-font-alt">' . $options['sc_pop_line1'] . '</span>'; } // Line 2 if (!empty($options['sc_pop_line2'])) { echo '<span class="textpop__line2 kl-font-alt">' . $options['sc_pop_line2'] . '</span>'; } // Line 3 if (!empty($options['sc_pop_line3'])) { echo '<span class="textpop__line3 kl-font-alt">' . $options['sc_pop_line3'] . '</span>'; } // Line 4 if (!empty($options['sc_pop_line4'])) { echo '<span class="textpop__line4 kl-font-alt">' . $options['sc_pop_line4'] . '</span>'; } ?> </div> <?php // BUTTON $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 ($ww_slide_m_button || $ww_slide_l_text) { echo '<div class="static-content__infopop fadeBoxIn" data-arrow="top">'; if ($ww_slide_l_text && !empty($ww_slide_link['start'])) { echo $ww_slide_link['start'] . $ww_slide_l_text . $ww_slide_link['end']; } // BUTTON LEFT TEXT if ($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><!-- /.video-style --> </div><!-- /.container --> </div><!-- /.static-content__inner --> </div><!-- /.static-content__wrapper --> <?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']; if (empty($options)) { return; } $uid = $this->data['uid']; $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 nobg <?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="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 default-style static-content--with-login"> <?php // Check if this is a request coming from an authenticated user and if it is, // then do not display the form - there's no point in that. // This form will only work for unauthenticated users $section_1_class = 'col-sm-12'; $showForm = !is_user_logged_in() && (int) get_option('users_can_register') == 1; if ($showForm) { $section_1_class = 'col-sm-10 col-sm-offset-1 col-md-7 col-md-offset-0'; } ?> <div class="row"> <div class="<?php echo $section_1_class; ?> "> <?php if (!empty($options['ww_slide_title'])) { echo '<h2 class="static-content__title">' . do_shortcode($options['ww_slide_title']) . '</h2>'; } if (!empty($options['ww_slide_subtitle'])) { echo '<h3 class="static-content__subtitle">' . do_shortcode($options['ww_slide_subtitle']) . '</h3>'; } $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($options['ww_slide_m_button']) && !empty($ww_slide_l_text) && !empty($ww_slide_link['start'])) { echo '<div class="static-content__infopop fadeBoxIn sc-infopop--left" data-arrow="top">'; echo $ww_slide_link['start'] . $ww_slide_l_text . $ww_slide_link['end']; echo '<h5 class="sc-infopop__text kl-font-alt">' . $options['ww_slide_m_button'] . '</h5>'; echo '<div class="clear"></div>'; echo '</div>'; } ?> </div> <?php if ($showForm) { ?> <div class="col-sm-10 col-sm-offset-1 col-md-5 col-md-offset-0"> <div class="fancy_register_form"> <h4 style="text-align:center"><?php _e("Create <strong>your account</strong> now", 'zn_framework'); ?> </h4> <form name="login_form" method="post" class="th-register-form register_form_static form-horizontal zn_form_login" action="<?php echo site_url('wp-login.php?action=register', 'login_post'); ?> "> <div class="form-group"> <label class="col-sm-4 control-label" for="user_login"><?php _e("Username", 'zn_framework'); ?> </label> <div class="col-sm-8"> <input type="text" name="user_login" id="user_login" class="form-control inputbox" required placeholder="<?php _e("Username", 'zn_framework'); ?> "/> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label" for="user_email"><?php _e("Email", 'zn_framework'); ?> </label> <div class="col-sm-8"> <input type="email" name="user_email" id="user_email" class="form-control inputbox required" placeholder="<?php _e("Your email", 'zn_framework'); ?> "/> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label" for="user_password"><?php _e("Your password", 'zn_framework'); ?> </label> <div class="col-sm-8"> <input type="password" name="user_password" id="user_password" class="form-control inputbox" required placeholder="<?php _e("Your password", 'zn_framework'); ?> "/> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label" for="user_password2"><?php _e("Verify password", 'zn_framework'); ?> </label> <div class="col-sm-8"> <input type="password" name="user_password2" id="user_password2" class="form-control inputbox" required placeholder="<?php _e("Verify password", 'zn_framework'); ?> "/> </div> </div> <div class="form-group"> <div class="col-sm-8 col-sm-offset-4" style="margin-bottom:0;"> <input type="submit" name="submit" class="zn_sub_button btn btn-fullcolor th-button-register" value="<?php _e("REGISTER", 'zn_framework'); ?> "/> </div> </div> <div class="th-response" style="display: none;"></div> <input type="hidden" value="register" name="zn_form_action"/> <input type="hidden" value="zn_do_login" name="action"/> <input type="hidden" value="<?php echo $_SERVER['REQUEST_URI']; ?> " class="zn_login_redirect" name="submit"/> <div class="links"></div> </form> </div> </div><!-- end section right --> <?php } /* End if (! logged in)*/ ?> </div><!-- end row --> </div><!-- end static content --> </div><!-- /.container --> </div><!-- /.static-content__inner --> </div><!-- /.static-content__wrapper --> <?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']; if (empty($options)) { return; } $bottom_mask = $this->opt('hm_header_bmasks', 'none'); $bm_class = $bottom_mask != 'none' ? 'maskcontainer--' . $bottom_mask : ''; $style = $this->opt('ww_header_style', ''); if (!empty($style)) { $style = 'uh_' . $style; } $countitm = 0; $singleItem = $this->opt('single_item'); $hasItems = isset($singleItem) && is_array($singleItem); if ($hasItems) { $countitm = count($singleItem); } ?> <div class="kl-slideshow circularcatalogue circularcarousel__slideshow <?php echo $style; ?> <?php echo $bm_class; ?> <?php echo $this->data['uid']; ?> <?php echo $this->opt('css_class', ''); ?> "> <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="ca-container" data-count="<?php echo $countitm; ?> "> <div class="ca-nav"> <span class="ca-nav-prev"><span class="glyphicon glyphicon-chevron-left kl-icon-white"></span></span> <span class="ca-nav-next"><span class="glyphicon glyphicon-chevron-right kl-icon-white"></span></span> </div> <div class="ca-wrapper ca-catalogue" data-autoplay="<?php echo $this->opt('ww_slider_autoplay') == 1 ? 1 : 0; ?> " data-timout="<?php echo $this->opt('ww_slider_timeout', 9000); ?> "> <?php if ($hasItems) { $i = 1; foreach ($singleItem as $slide) { echo '<div class="ca-item ca-item-' . $i . '">'; echo '<div class="ca-item-main">'; $bg = ''; if (isset($slide['ww_slide_image']) && !empty($slide['ww_slide_image'])) { $bg = 'style="background-image:url(' . $slide['ww_slide_image'] . ');"'; } echo '<div class="ca-background" ' . $bg . '></div><!-- background color -->'; // More button if (isset($slide['cc_enablepanel']) && !empty($slide['cc_enablepanel'])) { $smore = isset($slide['cc_slide_read_text']) && !empty($slide['cc_slide_read_text']) ? $slide['cc_slide_read_text'] : ''; $smore_theme = isset($slide['cc_slide_more_theme']) && !empty($slide['cc_slide_more_theme']) ? $slide['cc_slide_more_theme'] : 'light'; echo '<a href="#" class="circularcatalogue__more js-ca-more js-ca-more-close circularcatalogue__more--' . $smore_theme . '" data-text="' . $smore . '"><span></span></a>'; } echo '<div class="circularcatalogue__details">'; // Top label if (isset($slide['ww_top_label']) && !empty($slide['ww_top_label'])) { echo '<h4 class="circularcatalogue__tlabel">' . $slide['ww_top_label'] . '</h4>'; } // Title if (isset($slide['ww_slide_title']) && !empty($slide['ww_slide_title'])) { echo '<h3 class="circularcatalogue__title">'; echo '<span>' . $slide['ww_slide_title'] . '</span>'; echo '</h3>'; } // Bottom label if (isset($slide['ww_bottom_label']) && !empty($slide['ww_bottom_label'])) { echo '<h4 class="circularcatalogue__blabel">' . $slide['ww_bottom_label'] . '</h4>'; } echo '</div>'; echo '</div>'; if ($this->opt('cc_enablepanel', 1)) { echo '<div class="ca-content-wrapper">'; //echo '<a href="#" class="ca-close"><span class="glyphicon glyphicon-remove"></span></a>'; echo '<div class="ca-content">'; // Content Title if (isset($slide['ww_slide_content_title']) && !empty($slide['ww_slide_content_title'])) { echo '<h6 class="ca-panel-title">' . $slide['ww_slide_content_title'] . '</h6>'; } // Image gallery in panel $gal_img1 = isset($slide['cc_sidegal1']) && !empty($slide['cc_sidegal1']); $gal_img2 = isset($slide['cc_sidegal2']) && !empty($slide['cc_sidegal2']); $gal_img3 = isset($slide['cc_sidegal3']) && !empty($slide['cc_sidegal3']); if ($gal_img1 || $gal_img2 || $gal_img3) { $img_width = isset($slide['cc_sidegal_w']) && !empty($slide['cc_sidegal_w']) ? $slide['cc_sidegal_w'] : 200; // 4/3 ratio for height $img_height = $img_width * 0.75; echo '<ul class="ca-gallery mfp-gallery mfp-gallery--images">'; if ($gal_img1) { $gal_img1_resize = vt_resize('', $slide['cc_sidegal1'], $img_width, $img_height, true); echo '<li><a href="' . $slide['cc_sidegal1'] . '"><img src="' . $gal_img1_resize['url'] . '" alt="" class="img-responsive"></a></li>'; } if ($gal_img2) { $gal_img2_resize = vt_resize('', $slide['cc_sidegal2'], $img_width, $img_height, true); echo '<li><a href="' . $slide['cc_sidegal2'] . '"><img src="' . $gal_img2_resize['url'] . '" alt="" class="img-responsive"></a></li>'; } if ($gal_img3) { $gal_img3_resize = vt_resize('', $slide['cc_sidegal3'], $img_width, $img_height, true); echo '<li><a href="' . $slide['cc_sidegal3'] . '"><img src="' . $gal_img3_resize['url'] . '" alt="" class="img-responsive"></a></li>'; } echo '</ul>'; } // Content description if (isset($slide['ww_slide_desc_full']) && !empty($slide['ww_slide_desc_full'])) { $content = wpautop($slide['ww_slide_desc_full']); echo '<div class="ca-content-text">'; if (preg_match('%(<[^>]*>.*?</)%i', $content, $regs)) { echo do_shortcode($content); } else { echo '<p>' . do_shortcode($content) . '</p>'; } echo '</div>'; } // Link if (isset($slide['ww_slide_read_text_content']) && !empty($slide['ww_slide_read_text_content'])) { $ww_slide_link = zn_extract_link($slide['ww_slide_link'], 'btn btn-lined lined-gray'); echo $ww_slide_link['start'] . $slide['ww_slide_read_text_content'] . $ww_slide_link['end']; } echo '</div>'; echo '</div>'; } echo '</div><!-- end ca-item -->'; $i++; } } ?> </div> <!-- end ca-wrapper --> </div> <!-- end circular content carousel --> </div> </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 }
/** * This method is used to display the output of the element. * @return void */ function element() { $options = $this->data['options']; $uid = $this->data['uid']; 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 <?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="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 productzoom-style"> <div class="row"> <div class="col-sm-10 col-sm-offset-1 col-md-5 col-md-offset-0"> <?php // TITLE if (!empty($options['sc_title'])) { echo '<h3 class="static-content__subtitle">' . do_shortcode($options['sc_title']) . '</h3>'; } // FEATURES LIST if (!empty($options['sc_lp_features'])) { echo '<ul class="sc__features">'; $textAr = explode("\n", $options['sc_lp_features']); foreach ($textAr as $index => $line) { echo '<li><span class="glyphicon glyphicon-ok kl-icon-white"></span> ' . $line . '</li>'; } echo '</ul>'; } // First Button $sc_lp_button1 = $this->opt('sc_lp_button1', ''); $sc_lp_button1_link = zn_extract_link($this->opt('sc_lp_button1_link', ''), $this->opt('sc_lp_button1_style', '')); if (!empty($sc_lp_button1)) { $iconHolder = $this->opt('sc_lp_button1_icon', ''); $bicon = !empty($iconHolder['family']) ? '<span class="button-icon kl-' . $this->opt('sc_lp_button1_icon_style', '') . '" ' . zn_generate_icon($this->opt('sc_lp_button1_icon', '')) . '></span>' : ''; echo $sc_lp_button1_link['start'] . $bicon . '<span>' . $sc_lp_button1 . '</span>' . $sc_lp_button1_link['end']; } // Second Button $sc_2p_button1 = $this->opt('sc_2p_button1', ''); $sc_lp_button2_link = zn_extract_link($this->opt('sc_lp_button2_link', ''), $this->opt('sc_lp_button2_style', '')); $btText = $this->opt('sc_bt_text', ''); if (!empty($sc_lp_button1) && !empty($sc_2p_button1) && !empty($btText)) { echo '<span class="or">' . $this->opt('sc_bt_text', '') . '</span> '; } // Second Button if (!empty($sc_2p_button1)) { $iconHolder = $this->opt('sc_lp_button2_icon', ''); $bicon2 = !empty($iconHolder['family']) ? '<span class="button-icon kl-' . $this->opt('sc_lp_button2_icon_style', '') . '" ' . zn_generate_icon($this->opt('sc_lp_button2_icon', '')) . '></span>' : ''; echo $sc_lp_button2_link['start'] . $bicon2 . '<span>' . $sc_2p_button1 . '</span>' . $sc_lp_button2_link['end']; } ?> </div> <?php // IMAGE if (isset($options['sc_lp_image']) && !empty($options['sc_lp_image'])) { echo '<div class="col-sm-10 col-sm-offset-1 col-md-7 col-md-offset-0">'; echo '<div id="screenshot" class="sc__screenshot">'; $image = vt_resize('', $options['sc_lp_image'], '620', '390', true); $image_big = vt_resize('', $options['sc_lp_image'], '1000', '630', true); echo '<div class="image">'; echo '<a class="kjq-loupe" data-lightbox="image" href="' . $image_big['url'] . '">'; // echo '<img src="' . $image['url'] . '" width="' . $image['width'] . '" height="' . $image['height'] . '" />'; echo '<img src="' . $image['url'] . '" alt="" class="img-responsive" />'; echo '</a>'; echo '<div class="sc__loupe"></div>'; echo '</div>'; echo '</div>'; echo '</div>'; } ?> </div><!-- end row --> </div><!-- /.productzoom-style --> </div><!-- /.sc__container --> </div><!-- /.static-content__inner --> </div><!-- /.static-content__wrapper --> <?php WpkPageHelper::zn_bottommask_markup($bottom_mask); ?> <!-- header bottom style --> <script type="text/javascript"> (function(){ jQuery('.kjq-loupe').loupe({ 'default_zoom': 150, 'default_size' : 160, 'apply_overlay' : false, 'drop_shadow' : false }); })(); </script> </div> <!-- end kl-slideshow --> <?php }
/** * This method is used to display the output of the element. * @return void */ function element() { $options = $this->data['options']; $title = ''; $style = $this->opt('ps_header_style', ''); if (!empty($style)) { $style = 'uh_' . $style; } $hclass = 'psl--' . strtolower($this->opt('ps_sliding_direction', 'Vertical')); $bottom_mask = $this->opt('hm_header_bmasks', 'none'); $bm_class = $bottom_mask != 'none' ? 'maskcontainer--' . $bottom_mask : ''; $is_screffect = $this->opt('ps_scrolling_effect', 0) == 1; $scr_main_class = ''; $scr_effect_class = ''; $scr_effect_attribs = ''; $scr_effect_attribs_captions = ''; if ($is_screffect) { $scr_main_class = 'scrollme'; $scr_effect_class = 'animateme'; $scr_effect_attribs = ' data-when="span" data-from="0" data-to="0.75" data-translatey="300" data-opacity="0.1" data-easing="linear"'; } ?> <div class="kl-slideshow portfolio-slider__sideshow gradient <?php echo $style; ?> <?php echo $bm_class; ?> <?php echo $scr_main_class; ?> <?php echo $this->data['uid']; ?> <?php echo $this->opt('css_class', ''); ?> "> <div class="fake-loading loading-1s"></div> <div class="bgback"></div> <div class="kl-slideshow-inner portfolio-slider-frames psl__wrapper <?php echo $hclass; ?> <?php echo $this->opt('psl_fullscreen', '0') == 1 ? 'psl--fullscreen' : ''; ?> <?php echo (int) $this->opt('ww_height') ? 'psl--height' : ''; ?> "> <?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="psl__inner"> <div class="kl-slideshow-safepadding psl__container <?php echo $scr_effect_class; ?> " <?php echo $scr_effect_attribs; ?> > <?php if ($this->opt('ps_slider_title') || $this->opt('ps_slider_desc')) { echo '<div class="container">'; if ($this->opt('ps_slider_title')) { echo '<h3 class="psl__main-title">' . $this->opt('ps_slider_title') . '</h3>'; } if ($this->opt('ps_slider_desc')) { echo '<h4 class="psl__main-desc">' . $this->opt('ps_slider_desc') . '</h4>'; } echo '</div>'; } ?> <div class="psl-carousel__wrapper"> <div class="psl-carousel__container"> <?php if (isset($options['single_pslides']) && is_array($options['single_pslides'])) { foreach ($options['single_pslides'] as $k => $slide) { echo '<div class="psl-carousel__item psl--item-' . $k . ' ' . ($k == 0 ? 'psl--active-item' : '') . '">'; if (isset($slide['ps_slide_title']) && !empty($slide['ps_slide_title'])) { $title = '<span class="psl__project_title">' . $slide['ps_slide_title'] . '</span>'; } $ps_slide_link = zn_extract_link($slide['ps_slide_link'], 'psl__project_url'); // Right Image if (isset($slide['ps_slide_image3']) && !empty($slide['ps_slide_image3'])) { echo '<div class="psl__img psl-img--right">'; if (isset($slide['ps_slide_image3']) && !empty($slide['ps_slide_image3'])) { echo '<div class="psl__img-bg" style="background-image:url(' . $slide['ps_slide_image3'] . ')"></div>'; } echo '</div>'; } // Left Image if (isset($slide['ps_slide_image2']) && !empty($slide['ps_slide_image2'])) { echo '<div class="psl__img psl-img--left">'; if (isset($slide['ps_slide_image2']) && !empty($slide['ps_slide_image2'])) { echo '<div class="psl__img-bg" style="background-image:url(' . $slide['ps_slide_image2'] . ')"></div>'; } echo '</div>'; } // Front Image if (isset($slide['ps_slide_image1']) && !empty($slide['ps_slide_image1'])) { echo '<div class="psl__img psl-img--front">'; echo $title; echo $ps_slide_link['start'] . $ps_slide_link['end']; if (isset($slide['ps_slide_image1']) && !empty($slide['ps_slide_image1'])) { echo '<div class="psl__img-bg" style="background-image:url(' . $slide['ps_slide_image1'] . ')"></div>'; } echo '</div>'; } echo '<div class="clearfix"></div>'; echo '</div>'; } } ?> </div> <a class="psl__prev" href="#"><span class="glyphicon glyphicon-chevron-left kl-icon-white"></span></a> <a class="psl__next" href="#"><span class="glyphicon glyphicon-chevron-right kl-icon-white"></span></a> </div> <!-- end Carousel wrapper --> </div><!-- /.psl__container --> </div><!-- /.psl__inner --> </div><!-- /.psl__wrapper --> <?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() { $uid = $this->data['uid']; $options = $this->data['options']; if (empty($options)) { return; } // 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 static-simpletext nobg <?php echo $uid; ?> <?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 echo $this->opt('sc_fadeboxed', '0') ? 'sc--has-fade-mask' : ''; ?> "> <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> <?php if ($this->opt('sc_fademask', '0')) { ?> <div class="sc__fade-boxed-mask"> <?php if ($this->opt('sc_fadeboxed', '0')) { ?> <div class="sc__boxed-mask"></div> <?php } ?> <div class="sc__fade-mask"></div> </div> <?php } ?> </div><!-- /.static-content__source --> <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 static-content--simple scs--theme-<?php echo $this->opt('sc_text_theme', 'grayish'); ?> "> <div class="row"> <div class="col-sm-12"> <?php if (isset($options['sc_sc']) && !empty($options['sc_sc'])) { echo do_shortcode($options['sc_sc']); } $sc_button_text = $this->opt('sc_button_text', ''); $sc_button_link = zn_extract_link($this->opt('sc_button_link', ''), 'btn ' . $this->opt('sc_button_style', 'btn-fullcolor')); if (!empty($sc_button_text) && !empty($sc_button_link['start'])) { echo '<div class="sc__simpleaction">'; echo $sc_button_link['start'] . $sc_button_text . $sc_button_link['end']; echo '<span class="sc__line"></span>'; echo '</div>'; } ?> </div> </div><!-- end row --> </div><!-- end static content --> </div><!-- /.container --> </div><!-- /.static-content__inner --> </div><!-- /.static-content__wrapper --> </div><!-- end kl-slideshow --> <?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() { if (empty($this->data['options'])) { return; } $elm_classes = array(); $elm_classes[] = $uid = $this->data['uid']; $elm_classes[] = $this->opt('css_class', ''); ?> <div class="media-container <?php echo implode(' ', $elm_classes); ?> "> <?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_embed_iframe' => $this->opt('source_vd_embed_iframe'), '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'), 'source_overlay_gloss' => $this->opt('source_overlay_gloss', ''))); $link_style = $this->opt('mc_link_style', 'lined'); $link_class = ''; $link_type = $this->opt('mc_link_type', ''); $btn_text = $this->opt('mc_btn_text'); // Target $target = ''; $mc_link_target = $this->opt('mc_link_target', 'self'); if ($mc_link_target == 'self') { $target = 'target="_self"'; } elseif ($mc_link_target == 'blank') { $target = 'target="_blank"'; } elseif ($mc_link_target == 'img') { $target = 'data-lightbox="image"'; } elseif ($mc_link_target == 'iframe') { $target = 'data-lightbox="iframe"'; } $mc_btn_link = $this->opt('mc_btn_link'); // Override link if modal image selected if ($mc_link_target == 'img') { $mc_btn_link = $this->opt('mc_btn_modalimg'); } if ($link_type == 'btn' && ($link_style == 'lined' || $link_style == 'linedplay') && !empty($btn_text)) { $link_class .= 'btn btn-lined'; } $mct_link = array(); $mct_link[] = 'media-container__link--' . $link_type; $mct_link[] = 'media-container__link--style-' . $link_style; $mct_link[] = $link_class; if ($link_style == 'borderanim1' || $link_style == 'borderanim2') { $mct_link[] = 'kl-font-alt'; } if (!empty($mc_btn_link)) { ?> <a class="media-container__link <?php echo implode(' ', $mct_link); ?> " href="<?php echo $mc_btn_link; ?> " <?php echo $target; ?> > <?php // Show the text $text = ''; if ($link_style != 'circle' && !empty($btn_text)) { $text = '<span class="media-container__text">' . $btn_text . '</span>'; } // Show icon if circle or linedplay style if ($link_type == 'btn' && $link_style == 'lined') { // Show text echo $text; } // Show icon if circle or linedplay style if ($link_type == 'btn' && $link_style == 'linedplay') { echo '<i class="kl-icon glyphicon glyphicon-play"></i>'; // Show text echo $text; } // Show icon if circle or circle style if ($link_type == 'btn' && $link_style == 'circle') { echo ' <div class="circleanim-svg"> <svg height="108" width="108" xmlns="http://www.w3.org/2000/svg" > <circle stroke-opacity="0.1" fill="#FFFFFF" stroke-width="5" cx="54" cy="54" r="48" class="circleanim-svg__circle-back"></circle> <circle stroke-width="5" fill="#FFFFFF" cx="54" cy="54" r="48" class="circleanim-svg__circle-front" transform="rotate(50 54 54) "></circle> <path d="M62.1556183,56.1947505 L52,62.859375 C50.6192881,63.7654672 49.5,63.1544098 49.5,61.491212 L49.5,46.508788 C49.5,44.8470803 50.6250889,44.2383396 52,45.140625 L62.1556183,51.8052495 C64.0026693,53.0173767 63.9947588,54.9878145 62.1556183,56.1947505 Z" fill="#FFFFFF"></path> </svg> ' . $text . ' </div>'; } // Show border animation Style 1 (part 1) if ($link_type == 'btn' && $link_style == 'borderanim1') { // part 1 echo '<i class="media-container__border-tt"></i><i class="media-container__border-tl"></i>'; // Show text echo $text; // part 2 echo '<i class="media-container__border-bb"></i><i class="media-container__border-br"></i>'; } // Show border animation Style 1 (part 1) if ($link_type == 'btn' && $link_style == 'borderanim2') { // There's a math behind the stroke animation, $boxWidth = $this->opt('mc_borderanim2_width', '400'); // Box width $boxHeight = 70; // Box height echo ' <div class="borderanim2-svg"> <svg height="' . $boxHeight . '" width="' . $boxWidth . '" xmlns="http://www.w3.org/2000/svg"> <rect class="borderanim2-svg__shape" height="' . $boxHeight . '" width="' . $boxWidth . '" /> </svg> ' . $text . ' </div>'; } ?> </a> <?php } ?> </div> <?php }
/** * Display the proper sub-header based on the provided arguments * * @param array $args The list of arguments */ public static function zn_get_subheader($args = array()) { $id = zn_get_the_id(); $defaults = array('headerClass' => 'zn_def_header_style', 'title' => get_the_title($id), 'layout' => zget_option('zn_disable_subheader', 'general_options'), 'def_header_bread' => zget_option('def_header_bread', 'general_options', false, 1), 'def_header_date' => zget_option('def_header_date', 'general_options', false, 1), 'def_header_title' => zget_option('def_header_title', 'general_options', false, 1), 'show_subtitle' => zget_option('def_header_subtitle', 'general_options', false, true), 'extra_css_class' => '', 'bottommask' => zget_option('def_bottom_style', 'general_options', false, 'none'), 'bg_source' => '', 'is_element' => false, 'inherit_head_pad' => true, 'title_heading' => 'h2'); $saved_headers = zget_option('header_generator', 'unlimited_header_options', false, array()); // Combine defaults with the options saved in post meta if (is_singular()) { // if ( is_singular() || is_home() || is_shop() ) { $post_defaults = array(); $title_bar_layout = get_post_meta($id, 'zn_zn_disable_subheader', true); if (!empty($title_bar_layout)) { $post_defaults = array('layout' => $title_bar_layout, 'subtitle' => get_post_meta($id, 'zn_page_subtitle', true)); $saved_title = get_post_meta($id, 'zn_page_title', true); if (!empty($saved_title)) { $post_defaults['title'] = $saved_title; } } // Sub-header style $zn_subheader_style = get_post_meta($id, 'zn_subheader_style', true); if (!empty($zn_subheader_style)) { $post_defaults['headerClass'] = 'uh_' . $zn_subheader_style; } // Get Subheader settings from Unlimited Subheader style foreach ($saved_headers as $header) { if (isset($header['uh_style_name']) && !empty($header['uh_style_name'])) { $header_name = strtolower(str_replace(' ', '_', $header['uh_style_name'])); if ($zn_subheader_style == $header_name) { $defaults['bottommask'] = $header['uh_bottom_style']; } } } $defaults = wp_parse_args($post_defaults, $defaults); } elseif (is_tax() || is_category()) { global $wp_query; $cat = $wp_query->get_queried_object(); if ($cat && isset($cat->term_id)) { $id = $cat->term_id; $ch = get_option('wpk_zn_select_custom_header_' . $id, false); if (!empty($ch)) { if ('zn_def_header_style' != $ch) { $defaults['headerClass'] = 'uh_' . $ch; } // Get Subheader settings from Unlimited Subheader style foreach ($saved_headers as $header) { if (isset($header['uh_style_name']) && !empty($header['uh_style_name'])) { $header_name = strtolower(str_replace(' ', '_', $header['uh_style_name'])); if ($ch == $header_name) { $defaults['bottommask'] = $header['uh_bottom_style']; } } } } } } $args = wp_parse_args($args, $defaults); $args = apply_filters('zn_sub_header', $args); // If the subheader shouldn't be shown if ($args['layout'] == 'yes') { return; } $extra_classes = array(); $bottom_mask = $args['bottommask']; if ($bottom_mask != 'none') { $extra_classes[] = 'maskcontainer--' . $bottom_mask; } $is_element = $args['is_element']; if ($is_element) { $extra_classes[] = 'page-subheader--custom'; } else { $extra_classes[] = 'page-subheader--auto'; } // Inherit heading & padding from Unlimited Subheader styles // Enabled by default for autogenerated pages and via option in Custom Subheader Element $inherit_head_pad = $args['inherit_head_pad']; if ($inherit_head_pad) { $extra_classes[] = 'page-subheader--inherit-hp'; } $extra_classes[] = $args['headerClass']; $extra_classes[] = $args['extra_css_class']; // Get Site Header's Position (relative | absolute) $header_pos = 'psubhead-stheader--absolute'; $headerLayoutStyle = zget_option('zn_header_layout', 'general_options', false, 'style2'); if (zget_option('head_position', 'general_options', false, '1') != 1) { if ($headerLayoutStyle != 'style7') { $header_pos = 'psubhead-stheader--relative'; } } $extra_classes[] = $header_pos; ?> <div id="page_header" class="page-subheader <?php echo implode(' ', $extra_classes); ?> "> <div class="bgback"></div> <?php $bg_source = $args['bg_source']; if (!empty($bg_source) && is_array($bg_source)) { WpkPageHelper::zn_background_source($bg_source); } ?> <div class="th-sparkles"></div> <!-- DEFAULT HEADER STYLE --> <div class="ph-content-wrap"> <div class="ph-content-v-center"> <div> <div class="container"> <div class="row"> <?php $br_date = (int) $args['def_header_bread'] || (int) $args['def_header_date']; $def_cols = $br_date ? 6 : 12; if ($br_date) { ?> <div class="col-sm-6"> <?php if ((int) $args['def_header_bread']) { zn_breadcrumbs(); } else { echo ' '; } if ((int) $args['def_header_date']) { echo '<span id="current-date" class="subheader-currentdate hidden-xs">' . date_i18n(get_option('date_format'), strtotime(date("l M d, Y") . get_option('gmt_offset')), false) . '</span>'; } else { echo ' '; } ?> <div class="clearfix"></div> </div> <?php } ?> <div class="col-sm-<?php echo $def_cols; ?> "> <div class="subheader-titles"> <?php if (!empty($args['def_header_title'])) { ?> <<?php echo $args['title_heading']; ?> class="subheader-maintitle"> <?php echo $args['title']; ?> </<?php echo $args['title_heading']; ?> > <?php } ?> <?php if (isset($args['show_subtitle']) && $args['show_subtitle'] && !empty($args['subtitle'])) { ?> <h4 class="subheader-subtitle"> <?php echo do_shortcode($args['subtitle']); ?> </h4> <?php } ?> </div> </div> </div> <!-- end row --> </div> </div> </div> </div> <?php WpkPageHelper::zn_bottommask_markup($bottom_mask); ?> </div> <?php }
/** * This method is used to display the output of the element. * * @return void */ function element() { $uid = $this->data['uid']; $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 sc--reservation-form <?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="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--resform-style"> <?php // TITLE if (isset($options['ww_slide_title']) && !empty($options['ww_slide_title'])) { echo '<h2 class="static-content__title sc-title--centered text-center">' . do_shortcode($options['ww_slide_title']) . '</h2>'; } // SUBTITLE if (isset($options['ww_slide_subtitle']) && !empty($options['ww_slide_subtitle'])) { echo '<h3 class="static-content__subtitle sc-subtitle--centered text-center">' . do_shortcode($options['ww_slide_subtitle']) . '</h3>'; } // BUTTON if (isset($options['ww_slide_m_button']) || !empty($options['ww_slide_l_text'])) { echo '<div class="sc__actionarea">'; $ww_slide_link = zn_extract_link($this->opt('ww_slide_link', ''), 'btn btn-lined btn-lg btn-third'); echo $ww_slide_link['start'] . $this->opt('ww_slide_l_text', '') . $ww_slide_link['end']; // BUTTON LEFT TEXT if (isset($options['ww_slide_m_button']) && !empty($options['ww_slide_m_button'])) { echo '<h5 class="sc-infopop__text kl-font-alt">' . $options['ww_slide_m_button'] . '</h5>'; } echo '<div class="clear"></div>'; echo '</div>'; } // Check if current year is leap year $crtYear = date('Y'); $isLeapYear = date('L', strtotime("{$crtYear}-01-01")); $months = array(__('JAN', 'zn_framework'), __('FEB', 'zn_framework'), __('MAR', 'zn_framework'), __('APR', 'zn_framework'), __('MAY', 'zn_framework'), __('JUN', 'zn_framework'), __('JUL', 'zn_framework'), __('AUG', 'zn_framework'), __('SEP', 'zn_framework'), __('OCT', 'zn_framework'), __('NOV', 'zn_framework'), __('DEC', 'zn_framework')); $days = array(0 => 31, 1 => $isLeapYear ? 29 : 28, 2 => 31, 3 => 30, 4 => 31, 5 => 30, 6 => 31, 7 => 31, 8 => 30, 9 => 31, 10 => 30, 11 => 31); ?> <div class="sc__res-form clearfix"> <form name="sc__form-reservation " action="#" class="sc__form-reservation"> <div class="rf__block rfblock--fields clearfix"> <div class="rf__field rffield--bigger clearfix"> <label class="rf__label"><?php _e('CHECK IN', 'zn_framework'); ?> </label> <select name="checkin_month" class="rf__select rf__checkinmonth"> <?php foreach ($months as $i => $month) { echo '<option value="' . $i . '">' . $month . '</option>'; } ?> </select> <select name="checkin_day" class="rf__select rf__checkinday"></select> </div><!-- /.rf__field --> <script type="text/javascript"> jQuery(function($){ "use strict"; // Holds the days of each month var months = { 'm_0': [<?php echo implode(',', range(1, $days[0])); ?> ], 'm_1': [<?php echo implode(',', range(1, $days[1])); ?> ], 'm_2': [<?php echo implode(',', range(1, $days[2])); ?> ], 'm_3': [<?php echo implode(',', range(1, $days[3])); ?> ], 'm_4': [<?php echo implode(',', range(1, $days[4])); ?> ], 'm_5': [<?php echo implode(',', range(1, $days[5])); ?> ], 'm_6': [<?php echo implode(',', range(1, $days[6])); ?> ], 'm_7': [<?php echo implode(',', range(1, $days[7])); ?> ], 'm_8': [<?php echo implode(',', range(1, $days[8])); ?> ], 'm_9': [<?php echo implode(',', range(1, $days[9])); ?> ], 'm_10': [<?php echo implode(',', range(1, $days[10])); ?> ], 'm_11': [<?php echo implode(',', range(1, $days[11])); ?> ] }; // Helper method - set days accordingly to the month provided var setDays = function(months, selectedMonth){ var days = months[selectedMonth]; if(days){ $('.rf__checkinday').empty(); $.each(days, function(i,v){ $('.rf__checkinday').append('<option value="'+v+'">'+v+'</option>'); }); } }; // On change month $('.rf__checkinmonth').each(function(){ $(this).on('change', function(){ var selectedMonth = $(this).val(); if(selectedMonth >= 0 && selectedMonth <= 11){ selectedMonth = 'm_'+selectedMonth; setDays(months, selectedMonth); } }); }); // On Load setDays(months, 'm_'+0); /* * Build search query for endpoint */ var endpointUrl = "<?php echo $options['ww_endpoint_url']['url']; ?> ", monthUrlField = "<?php echo isset($options['ww_month_field']) && !empty($options['ww_month_field']) ? esc_attr($options['ww_month_field']) : 'm'; ?> ", dayUrlField = "<?php echo isset($options['ww_day_field']) && !empty($options['ww_day_field']) ? esc_attr($options['ww_day_field']) : 'd'; ?> ", nightsUrlField = "<?php echo isset($options['ww_nights_field']) && !empty($options['ww_nights_field']) ? esc_attr($options['ww_nights_field']) : 'n'; ?> ", guestsUrlField = "<?php echo isset($options['ww_guests_field']) && !empty($options['ww_guests_field']) ? esc_attr($options['ww_guests_field']) : 'g'; ?> ", sepFirst = '<?php echo false === ($pos = strpos($options['ww_endpoint_url']['url'], '?')) ? '?' : '&'; ?> ', sepNext = '&'; $('.rf__submit').on('click', function(ev){ ev.preventDefault(); ev.stopPropagation(); var _mv = $('.rf__checkinmonth').val(), _dv = $('.rf__checkinday').val(), _nv = $('.rf__checkin_nights').val(), _gv = $('.rf__checkinguests').val(), _month = monthUrlField + '=' + _mv + sepNext, _day = dayUrlField + '=' + _dv + sepNext, _nights = nightsUrlField + '=' + _nv + sepNext, _guests = guestsUrlField + '=' + _gv + sepNext; endpointUrl += sepFirst + _month + _day + _nights + _guests; <?php if ($options['ww_endpoint_url']['target'] == '_self') { ?> window.location.href = endpointUrl; <?php } else { ?> $('<form target="_blank" action="'+endpointUrl+'" style="display:none;">') .appendTo('body') .append('<input type="text" name="'+monthUrlField+'" value="'+_mv+'"/>') .append('<input type="text" name="'+dayUrlField+'" value="'+_dv+'"/>') .append('<input type="text" name="'+nightsUrlField+'" value="'+_nv+'"/>') .append('<input type="text" name="'+guestsUrlField+'" value="'+_gv+'"/>') .submit(); <?php } ?> }); }); </script> <div class="rf__field"> <label class="rf__label"><?php _e('NIGHTS', 'zn_framework'); ?> </label> <select name="checkin_nights" class="rf__select rf__checkin_nights"> <?php for ($i = 1; $i < 31; $i++) { echo '<option value="' . $i . '">' . $i . '</option>'; } ?> </select> </div><!-- /.rf__field --> <div class="rf__field"> <label class="rf__label"><?php _e('GUESTS', 'zn_framework'); ?> </label> <select name="checkin_guests" class="rf__select rf__checkinguests"> <?php for ($i = 1; $i < 11; $i++) { echo '<option value="' . $i . '">' . $i . '</option>'; } ?> </select> </div><!-- /.rf__field --> </div><!-- /.rf__block --> <div class="rf__block rfblock--submit"> <button class="rf__submit"> <span><?php _e('CHECK <br/> AVAILABILITY', 'zn_framework'); ?> </span> </button> </div><!-- /.rf__block --> </form> </div><!-- /.sc__res-form --> </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 }
* @author Team Hogash */ wp_enqueue_style('search-css', THEME_BASE_URI . '/css/pages/search.css', array('kallyas-styles'), ZN_FW_VERSION); get_header(); /*** USE THE NEW HEADER FUNCTION **/ global $wp_query; if (!empty($wp_query->found_posts)) { $title = $wp_query->found_posts . " " . __('search results for:', 'zn_framework') . " " . esc_attr(get_search_query()); } else { if (!empty($_GET['s'])) { $title = __('Search results for:', 'zn_framework') . " " . esc_attr(get_search_query()); } else { $title = __('To search the site please enter a valid term', 'zn_framework'); } } WpkPageHelper::zn_get_subheader(array('title' => $title)); // Check to see if the page has a sidebar or not $main_class = zn_get_sidebar_class('blog_sidebar'); if (strpos($main_class, 'right_sidebar') !== false || strpos($main_class, 'left_sidebar') !== false) { $zn_config['sidebar'] = true; } else { $zn_config['sidebar'] = false; } $zn_config['size'] = $zn_config['sidebar'] ? 'col-sm-9' : 'col-sm-12'; ?> <section id="content" class="site-content"> <div class="container kl-searchpage"> <div class="row"> <div class="col-sm-12"> <div class="search-form-wrapper u-mb-30">
/** * This method is used to display the output of the element. * @return void */ function element() { $options = $this->data['options']; if (empty($options['single_wow'])) { return; } $style = $this->opt('ww_header_style', ''); if (!empty($style)) { $style = 'uh_' . $style; } // Shadow style $ww_shadow = ''; if (isset($options['ww_shadow']) && $options['ww_shadow'] != '') { $ww_shadow = 'zn-shadow-lifted'; } $captstyle = ''; if (isset($options['ww_caption_style']) && $options['ww_caption_style'] != '') { $captstyle = 'ws-alternative-title'; } $sl_height = $this->opt('ww_sl_height', '470'); $bottom_mask = $this->opt('hm_header_bmasks', 'none'); $bm_class = $bottom_mask != 'none' ? 'maskcontainer--' . $bottom_mask : ''; ?> <div class="kl-slideshow kl-wowslider <?php echo $style; ?> <?php echo $bm_class; ?> <?php echo $this->data['uid']; ?> <?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="container kl-slideshow-inner kl-slideshow-safepadding"> <div class="th-wowslider <?php echo $ww_shadow; ?> <?php echo $captstyle; ?> " data-transition="<?php echo $this->opt('ww_transition', 'blast'); ?> " data-autoplay="<?php echo $this->opt('ww_autoplay', 'true'); ?> " data-timeout="<?php echo $this->opt('ww_timeout', '3000'); ?> "> <div class="ws_images"> <ul> <?php if (isset($options['single_wow']) && is_array($options['single_wow'])) { $i = 0; $thumbs = ''; foreach ($options['single_wow'] as $slide) { $title = ''; $ww_slide_link = zn_extract_link($slide['ww_slide_link'], 'link'); if (isset($slide['ww_slide_title']) && !empty($slide['ww_slide_title'])) { $title = $slide['ww_slide_title']; } echo '<li>'; echo $ww_slide_link['start']; if (isset($slide['ww_slide_image']) && !empty($slide['ww_slide_image'])) { $image = vt_resize('', $slide['ww_slide_image'], '1170', $sl_height, true); echo '<img id="wows1_' . $i . '" title="' . $title . '" alt="' . $title . '" src="' . $image['url'] . '" width="' . $image['width'] . '" height="' . $image['height'] . '" />'; $image_thumb = vt_resize('', $slide['ww_slide_image'], '150', '60', true); $thumbs .= '<a href="#" title="slide' . $i . '"><img src="' . $image_thumb['url'] . '" alt="" />' . $i . '</a>'; } echo $ww_slide_link['end']; echo '</li>'; $i++; } } ?> </ul> </div><!-- end ws_images --> <div class="ws_bullets"> <div> <?php echo $thumbs; ?> </div> </div><!-- end ws-bullets --> </div><!-- end #wow slider --> </div> <?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']; if (empty($options)) { return; } $uid = $this->data['uid']; $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 $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 boxes-style"> <?php // TITLE if (isset($options['ww_slide_title']) && !empty($options['ww_slide_title'])) { echo '<h3 class="static-content__subtitle sc-subtitle--centered">' . do_shortcode($options['ww_slide_title']) . '</h3>'; } echo '<div class="sc__boxes row">'; if (!empty($options['ww_box1_title']) || !empty($options['ww_box1_image']) || !empty($options['ww_box1_desc'])) { echo '<div class="col-sm-4">'; echo '<div class="static-content__infopop">'; if (!empty($options['ww_box1_image'])) { echo '<img src="' . $options['ww_box1_image'] . '" alt="' . $options['ww_box1_title'] . '" class="sc__img"/>'; } if (!empty($options['ww_box1_title'])) { echo '<h4 class="sc__box-title">' . $options['ww_box1_title'] . '</h4>'; } if (!empty($options['ww_box1_desc'])) { echo '<p>' . $options['ww_box1_desc'] . '</p>'; } echo '<div class="clearfix"></div>'; echo '</div>'; echo '</div>'; } if (!empty($options['ww_box2_title']) || !empty($options['ww_box2_image']) || !empty($options['ww_box2_desc'])) { echo '<div class="col-sm-4">'; echo '<div class="static-content__infopop">'; if (!empty($options['ww_box2_image'])) { echo '<img src="' . $options['ww_box2_image'] . '" alt="' . $options['ww_box2_title'] . '" class="sc__img"/>'; } if (!empty($options['ww_box2_title'])) { echo '<h4 class="title">' . $options['ww_box2_title'] . '</h4>'; } if (!empty($options['ww_box2_desc'])) { echo '<p>' . $options['ww_box2_desc'] . '</p>'; } echo '<div class="clearfix"></div>'; echo '</div>'; echo '</div>'; } if (!empty($options['ww_box3_title']) || !empty($options['ww_box3_image']) || !empty($options['ww_box3_desc'])) { echo '<div class="col-sm-4">'; echo '<div class="static-content__infopop">'; if (!empty($options['ww_box3_image'])) { echo '<img src="' . $options['ww_box3_image'] . '" alt="' . $options['ww_box3_title'] . '" class="sc__img"/>'; } if (!empty($options['ww_box3_title'])) { echo '<h4 class="title">' . $options['ww_box3_title'] . '</h4>'; } if (!empty($options['ww_box3_desc'])) { echo '<p>' . $options['ww_box3_desc'] . '</p>'; } echo '<div class="clearfix"></div>'; echo '</div>'; echo '</div>'; } echo '</div>'; ?> </div><!-- /.boxes-style --> </div><!-- /.container --> </div><!-- /.static-content__inner --> </div><!-- /.static-content__wrapper --> <?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']; $style = $this->opt('hm_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 id="page_header" class="page-subheader <?php echo $style; ?> <?php echo $bm_class; ?> zn_documentation_page <?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-safepadding"> <div class="row"> <div class="zn_doc_search"> <form method="get" id="" action="<?php echo home_url(); ?> "> <label class="screen-reader-text" for="s"><?php _e("Search for:", 'zn_framework'); ?> </label> <input type="text" value="" name="s" id="s" placeholder="<?php _e("Search the Documentation", 'zn_framework'); ?> "> <input type="submit" id="searchsubmit" class="btn" value="<?php _e('Search', 'zn_framework'); ?> "> <input type="hidden" name="post_type" value="documentation"> </form> </div> </div> <!-- end row --> </div> <?php WpkPageHelper::zn_bottommask_markup($bottom_mask); ?> </div><!-- end page-subheader --> <?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 }
<?php wp_enqueue_style('page404-css', THEME_BASE_URI . '/css/pages/page404.css', array('kallyas-styles'), ZN_FW_VERSION); get_header(); $headerClass = zget_option('404_header_style', 'zn_404_options', false, 'zn_def_header_style'); if ($headerClass != 'zn_def_header_style') { $headerClass = 'uh_' . $headerClass; } WpkPageHelper::zn_get_subheader(array('headerClass' => $headerClass, 'def_header_bread' => false, 'def_header_date' => false, 'def_header_title' => false)); ?> <div class="error404-page"> <section id="content" class="site-content" > <div class="container"> <div id="mainbody"> <div class="row"> <div class="col-sm-12"> <div class="error404-content"> <h2 class="error404-content-title"><span>404</span></h2> <h3 class="error404-content-msg"><?php echo __("The page cannot be found.", 'zn_framework'); ?> </h3> </div> </div> <div class="col-sm-12">
function zn_woocommerce_before_main_content() { $args = array(); if (!is_single()) { // SHOW THE HEADER $args['title'] = zget_option('woo_arch_page_title', 'zn_woocommerce_options'); $args['subtitle'] = zget_option('woo_arch_page_subtitle', 'zn_woocommerce_options'); if (empty($args['title'])) { //** Put the header with title and breadcrumb $args['title'] = __('Shop', 'zn_framework'); } if (is_shop()) { $headerClass = zget_option('woo_sub_header', 'zn_woocommerce_options', false, 'zn_def_header_style'); if ($headerClass != 'zn_def_header_style') { $headerClass = 'uh_' . $headerClass; } $args['headerClass'] = $headerClass; } if (is_product_category() || is_product_tag()) { global $wp_query; $tax = $wp_query->get_queried_object(); $args['title'] = $tax->name; $args['subtitle'] = ''; // Reset the subtitle for categories and tags } } WpkPageHelper::zn_get_subheader($args); // Check to see if the page has a sidebar or not global $zn_config; $sidebar_pos = false; if (is_single()) { $layout = 'woo_single_sidebar'; } elseif (is_shop()) { $sidebar_pos = get_post_meta(get_option('woocommerce_shop_page_id'), 'zn_page_layout', true); $zn_config['forced_sidebar_id'] = get_post_meta(get_option('woocommerce_shop_page_id'), 'zn_sidebar_select', true); $layout = 'woo_archive_sidebar'; } elseif (is_archive()) { $layout = 'woo_archive_sidebar'; } $zn_config['force_sidebar'] = $layout; $main_class = zn_get_sidebar_class($layout, $sidebar_pos); if (strpos($main_class, 'right_sidebar') !== false || strpos($main_class, 'left_sidebar') !== false) { $zn_config['sidebar'] = true; } else { $zn_config['sidebar'] = false; } $zn_config['size'] = $zn_config['sidebar'] ? 'col-sm-9' : 'col-sm-12'; global $post; ?> <section id="content" class="site-content shop_page"> <div class="container"> <div class="row"> <div class="<?php echo $main_class; ?> "> <?php }
<?php if (!defined('ABSPATH')) { return; } /** * Template layout for single entries * @package Kallyas * @author Team Hogash */ get_header(); /*** USE THE NEW HEADER FUNCTION **/ WpkPageHelper::zn_get_subheader(); // Check to see if the page has a sidebar or not $main_class = zn_get_sidebar_class('single_sidebar'); if (strpos($main_class, 'right_sidebar') !== false || strpos($main_class, 'left_sidebar') !== false) { $zn_config['sidebar'] = true; } else { $zn_config['sidebar'] = false; } $zn_config['size'] = $zn_config['sidebar'] ? 'col-sm-9' : 'col-sm-12'; ?> <section id="content" class="site-content" > <div class="container"> <div class="row"> <!--// Main Content: page content from WP_EDITOR along with the appropriate sidebar if one specified. --> <div class="<?php echo $main_class; ?>
/** * This method is used to display the output of the element. * @return void */ function element() { $slider_id = $this->opt('cuteslider_id'); if (empty($slider_id)) { return; } $style = $this->opt('ww_header_style', ''); if (!empty($style)) { $style = 'uh_' . $style; } $sliderId = $this->opt('cuteslider_id', ''); $bottom_mask = $this->opt('hm_header_bmasks', 'none'); $bm_class = $bottom_mask != 'none' ? 'maskcontainer--' . $bottom_mask : ''; ?> <div class="kl-slideshow cute3dslider <?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="kl-slideshow-inner container zn_slideshow"> <?php echo do_shortcode('[cuteslider id="' . $sliderId . '"]'); ?> </div> <?php WpkPageHelper::zn_bottommask_markup($bottom_mask); ?> </div> <?php }