/**
* This method is used to display the output of the element.
*
* @return void
*/
function element()
{
echo '<div class="zn_buttons_element ' . $this->data['uid'] . ' text-' . $this->opt('el_alignment', 'left') . ' ' . $this->opt('css_class', '') . '">';
$buttons = $this->opt('single_btn');
if (is_array($buttons) && !empty($buttons)) {
foreach ($buttons as $b) {
//Class
$classes = array();
$classes[] = 'btn-element btn';
$classes[] = $b['button_style'];
$classes[] = $b['button_size'];
$classes[] = $b['button_width'];
$classes[] = isset($b['button_block']) ? $b['button_block'] : '';
$classes[] = 'btn-icon--' . $b['button_icon_pos'];
$classes[] = isset($b['button_corners']) && !empty($b['button_corners']) ? $b['button_corners'] : 'btn--rounded';
// Styles
$style = !empty($b['button_margin']) ? ' style="margin:' . $b['button_margin'] . ';"' : '';
// Icon
$icon = $b['button_icon_enable'] == 1 ? '<span ' . zn_generate_icon($b['button_icon']) . '></span>' : '';
if (isset($b['button_text']) && !empty($b['button_text'])) {
$text = '<span>' . $b['button_text'] . '</span>';
// Icon position
if ($b['button_icon_pos'] == 'before') {
$text = $icon . $text;
} else {
$text = $text . $icon;
}
// extract link and add attributes and classes
$link = zn_extract_link($b['button_link'], implode(' ', $classes), $style);
echo $link['start'] . $text . $link['end'];
}
}
}
echo '</div>';
}
function element()
{
$icon = $this->opt('icon') ? '<span class="zn_icon_box_icon" ' . zn_generate_icon($this->opt('icon')) . '></span>' : '';
$title = $this->opt('title') ? '<h3>' . $icon . '' . $this->opt('title') . '</h3>' : '';
$desc = $this->opt('desc') ? wpautop($this->opt('desc')) : '';
//** Appear animation
$appear = $this->opt('appear_animation') ? 'data-appear="fade-in" data-appear-direction="' . $this->opt('appear_animation') . '" data-appear-delay="' . ($this->opt('appear_delay') ? $this->opt('appear_delay') : '0') . '"' : '';
if (empty($desc) && empty($title) && empty($icon)) {
echo '<div class="zn-pb-notification">Please configure the element options.</div>';
return;
}
?>
<div class="featureBox clearfix <?php
echo $this->data['uid'];
?>
" <?php
echo $appear;
?>
>
<?php
echo $title;
?>
<?php
echo $desc;
?>
</div>
<?php
}
function widget($args, $instance)
{
ob_start();
extract($args);
$title = !empty($instance['title']) ? esc_attr($instance['title']) : __('Follow us', 'zn_framework');
$title = apply_filters('widget_title', $title, $instance, $this->id_base);
echo $before_widget;
if ($title) {
echo $before_title . $title . $after_title;
}
echo '<div class="socialListWidget clearfix">';
if (!empty($instance['icon_list'])) {
foreach ($instance['icon_list'] as $listItem) {
$icon_opt = !empty($listItem['icon']) ? $listItem['icon'] : '';
$icon = !empty($icon_opt['family']) ? '<span class="zn_icon_box_icon" ' . zn_generate_icon($icon_opt) . '></span>' : '';
$link_extracted = !empty($listItem['link']) ? zn_extract_link($listItem['link'], '') : '';
if (is_array($link_extracted)) {
echo '<div class="socialIcon">' . $link_extracted['start'] . $icon . $link_extracted['end'] . '</div>';
}
}
}
echo '</div>';
echo $after_widget;
// Reset the global $the_post as this query will have stomped on it
wp_reset_postdata();
}
function element()
{
$columnsClass = $this->opt('columns') ? $this->opt('columns') : 'col-sm-12';
$animate_numbers = $this->opt('animate_numbers') == 'yes';
$iconList = $this->opt('icon_list') ? $this->opt('icon_list') : false;
$columns = $columnsClass == 'col-sm-6' ? 2 : ($columnsClass == 'col-sm-4' ? 3 : ($columnsClass == 'col-sm-3' ? 4 : ($columnsClass == 'col-sm-2' ? 6 : 1)));
if (empty($iconList)) {
echo '<div class="zn-pb-notification">Please configure the element options and create at least one item in the list.</div>';
return;
}
echo '<div class="numberIcons row text-center ' . $this->data['uid'] . '">';
$i = 0;
if (!empty($iconList)) {
foreach ($iconList as $key => $listItem) {
$icon_opt = !empty($listItem['icon']) ? $listItem['icon'] : '';
$icon = !empty($icon_opt['family']) ? '<div class="zn_icon_box_icon descriptionColor animate" ' . zn_generate_icon($icon_opt) . '></div>' : '';
$title_option = !empty($listItem['title']) ? $listItem['title'] : '';
$description = !empty($listItem['description']) ? '<div class="itemDescription">' . $listItem['description'] . '</div>' : '';
//** Appear animation
$appear_delay = $listItem['appear_delay'] ? $listItem['appear_delay'] : '0';
$appear = $listItem['appear_animation'] ? $listItem['appear_animation'] : '';
if (!empty($appear)) {
$appear = 'data-appear="fade-in" data-appear-direction="' . $appear . '" data-appear-delay="' . $appear_delay . '"';
}
if ($animate_numbers && is_numeric($title_option)) {
$title = !empty($title_option) ? '<div data-speed="3500" data-to="' . $title_option . '" class="h2 itemTitle titleColor zn_timer">' . $title_option . '</div>' : '';
} else {
$title = !empty($title_option) ? '<div class="h2 itemTitle titleColor">' . $title_option . '</div>' : '';
}
echo '<div class="numberIcon ' . $columnsClass . '" ' . $appear . '>' . $icon . $title . $description . '</div>';
}
}
echo '</div>';
}
/**
* Output the element
* IMPORTANT : The UID needs to be set on the top parent container
*/
function element()
{
$style = $this->opt('style') ? $this->opt('style') : 'style1';
$num_feat = $this->opt('num_feat') ? $this->opt('num_feat') : 'col-md-4';
$features = $this->opt('features') ? $this->opt('features') : array();
$feature_anchor = $this->opt('feature_anchor') === 'yes' ? true : false;
$link_start = '';
$link_end = '';
?>
<ul class="features_boxes <?php
echo $this->data['uid'];
?>
<?php
echo $style;
?>
clearfix">
<?php
if (empty($features)) {
echo '<div class="zn-pb-notification">Please configure the element options.</div>';
}
foreach ($features as $feature) {
//** Appear animation
$appear_delay = !empty($feature['appear_delay']) ? $feature['appear_delay'] : '0';
$appear = !empty($feature['appear_animation']) ? $feature['appear_animation'] : '';
if (!empty($appear)) {
$appear = 'data-appear="fade-in" data-appear-direction="' . $appear . '" data-appear-delay="' . $appear_delay . '"';
}
echo '<li class="' . $num_feat . '" ' . $appear . '>';
$link = zn_extract_link($feature['link']);
if ($feature_anchor) {
echo $link['start'];
}
if ($icon = $feature['icon']) {
echo '<div class="zn_icon descriptionColor zn_animate" ' . zn_generate_icon($icon) . '></div>';
}
if ($feature_title = $feature['feature_title']) {
if ($feature_anchor) {
echo '<h4 class="zn_title">' . $feature_title . '</h4>';
} else {
echo '<h4 class="zn_title">' . $link['start'] . '' . $feature_title . '' . $link['end'] . '</h4>';
}
}
if ($feature_desc = $feature['feature_desc']) {
echo '<div class="zn_desc ">' . $feature_desc . '</div>';
}
if ($feature_anchor) {
echo $link['end'];
}
echo '</li>';
}
?>
</ul>
<?php
}
function element()
{
$mailchimp_list = $this->opt('mailchimp_list') ? $this->opt('mailchimp_list') : '';
$show_name = $this->opt('show_name') === 'show' ? true : false;
$show_website = $this->opt('show_website') === 'show' ? true : false;
$shown_items = 2;
if ($show_name) {
$shown_items += 1;
}
if ($show_website) {
$shown_items += 1;
}
$columns_class = $shown_items == 4 ? 'col-sm-3' : ($shown_items == 3 ? 'col-sm-4' : 'col-sm-6');
$text = $this->opt('text') ? $this->opt('text') : '';
$submit_text = $this->opt('submit_text') ? $this->opt('submit_text') : '';
$icon_opt = $this->opt('submit_icon') ? $this->opt('submit_icon') : array("family" => "eleganticons", "unicode" => "ue86f");
$icon = !empty($icon_opt['family']) ? '<span class="zn_icon_box_icon" ' . zn_generate_icon($icon_opt) . '></span>' : '';
//** Appear animation
$appear_delay = $this->opt('appear_delay') ? $this->opt('appear_delay') : '0';
$appear = $this->opt('appear_animation') ? $this->opt('appear_animation') : '';
if (!empty($appear)) {
$appear = 'data-appear="fade-in" data-appear-direction="' . $appear . '" data-appear-delay="' . $appear_delay . '"';
}
if (empty($mailchimp_list)) {
echo '<div class="zn-pb-notification">Please configure the element and select one mailchimp list.</div>';
return;
}
echo '<div class="zn_mc_subscribe clearfix ' . $this->data['uid'] . '" ' . $appear . '>';
echo '<form method="post" class="zn_newsletter newsletter-signup" name="newsletter_form">';
if ($show_name) {
echo '<div class="' . $columns_class . '">';
echo '<input type="text" name="zn_mc_name" class="nl-name" value="" placeholder="' . __('Name:', 'zn_framework') . '">';
echo '</div>';
}
echo '<div class="' . $columns_class . '">';
echo '<input type="text" name="zn_mc_email" class="nl-email" value="" placeholder="' . __('Email:', 'zn_framework') . '" autocomplete="off">';
echo '</div>';
if ($show_website) {
echo '<div class="' . $columns_class . '">';
echo '<input type="text" name="zn_mc_website" class="nl-website" value="" placeholder="' . __('Website:', 'zn_framework') . '">';
echo '</div>';
}
echo '<div class="' . $columns_class . '">';
echo '<input type="hidden" name="zn_mailchimp_list_id" class="zn_mailchimp_list_id" value="' . $mailchimp_list . '">';
echo ' <span class="zn_submit_container text-center"><span ' . zn_generate_icon($icon_opt) . ' class="submit"></span><input class="nl-submit" type="submit" value="' . $submit_text . '"> </span>';
echo '</div>';
echo '</form>';
echo '<div class="col-sm-12 text-center zn_mailchimp_message"></div>';
if (!empty($text)) {
echo '<div class="col-sm-12 text-center zn_mc_bottom_txt">' . $text . '</div>';
}
echo '</div>';
}
function element()
{
$projectTitle = $this->opt('project_title') ? $this->opt('project_title') : '';
$columnsClass = $this->opt('columns') ? $this->opt('columns') : 'col-sm-12';
$detailsList = $this->opt('project_details') ? $this->opt('project_details') : false;
$columns = $columnsClass == 'col-sm-6' ? 2 : ($columnsClass == 'col-sm-4' ? 3 : ($columnsClass == 'col-sm-3' ? 4 : ($columnsClass == 'col-sm-2' ? 6 : 1)));
if (empty($detailsList) && empty($title)) {
echo '<div class="zn-pb-notification">Please configure the element options.</div>';
return;
}
echo '<div class="projectDetails ' . $this->data['uid'] . '">';
if (!empty($projectTitle)) {
echo ' <div class="row"><div class="col-sm-12"><h2 class="projectTitle titleColor">' . $projectTitle . '</h2></div></div>';
echo ' <div class="separator"></div>';
}
$i = 0;
if (!empty($detailsList)) {
echo '<div class="row">';
foreach ($detailsList as $key => $listItem) {
$icon_opt = !empty($listItem['icon']) ? $listItem['icon'] : '';
$icon = !empty($icon_opt['family']) ? '<div class="zn_icon_box_icon detailIcon" ' . zn_generate_icon($icon_opt) . '></div>' : '';
$title = !empty($listItem['title']) ? '<div class="itemTitle titleColor">' . $listItem['title'] . '</div>' : '';
$description = !empty($listItem['description']) ? '<div class="detailDescription descriptionColor">' . $listItem['description'] . '</div>' : '';
$link = !empty($listItem['link']) ? zn_extract_link($listItem['link'], ' detailLink ') : '';
$link_text = !empty($listItem['link_text']) ? $listItem['link_text'] : '';
$link_output = '';
if (!empty($link_text) && is_array($link)) {
$link_output = $link['start'] . $link_text . $link['end'];
}
//** Appear animation
$appear_delay = $listItem['appear_delay'] ? $listItem['appear_delay'] : '0';
$appear = $listItem['appear_animation'] ? $listItem['appear_animation'] : '';
if (!empty($appear)) {
$appear = 'data-appear="fade-in" data-appear-direction="' . $appear . '" data-appear-delay="' . $appear_delay . '"';
}
echo '<div class="projectDetail ' . $columnsClass . '" ' . $appear . '>' . $icon . $title . $description . $link_output . '</div>';
//** Add a clearfix when the row is complete
$i++;
if (!($i % $columns)) {
echo '<div class="clearfix"></div>';
}
}
echo '</div>';
}
echo '</div>';
}
function element()
{
$iconList = $this->opt('icon_list') ? $this->opt('icon_list') : false;
$listTitle = $this->opt('list_title') ? $this->opt('list_title') : '';
$titleAlignment = $this->opt('title_alignment') ? $this->opt('title_alignment') : 'text-left';
$titleStyle = $this->opt('title_style') ? $this->opt('title_style') : '';
$itemColorClass = $this->opt('item_color') ? $this->opt('item_color') : '';
$columnsClass = $this->opt('columns') ? $this->opt('columns') : 'col-sm-12';
$columns = $columnsClass == 'col-sm-6' ? 2 : ($columnsClass == 'col-sm-4' ? 3 : ($columnsClass == 'col-sm-3' ? 4 : 1));
$itemAlignment = $this->opt('item_alignment') ? $this->opt('item_alignment') : 'text-left';
$list_style = $this->opt('list_style') ? $this->opt('list_style') : '';
//** Appear animation
$appear_delay = $this->opt('appear_delay') ? $this->opt('appear_delay') : '0';
$appear = $this->opt('appear_animation') ? $this->opt('appear_animation') : '';
if (!empty($appear)) {
$appear = ' data-appear="fade-in" data-appear-direction="' . $appear . '" data-appear-delay="' . $appear_delay . '"';
}
if (empty($iconList) && empty($listTitle)) {
echo '<div class="zn-pb-notification">Please configure the element options and create at least one item in the list.</div>';
return;
}
echo '<div class="socialList style2 row ' . $list_style . ' ' . $this->data['uid'] . '" ' . $appear . '>';
if (!empty($listTitle)) {
echo '<h2 class="col-sm-12 zn_title ' . $titleStyle . ' ' . $titleAlignment . '">' . $listTitle . '</h2>';
}
$i = 0;
if (!empty($iconList)) {
foreach ($iconList as $key => $listItem) {
$i++;
$icon_opt = !empty($listItem['icon']) ? $listItem['icon'] : '';
$icon = !empty($icon_opt['family']) ? '<span class="zn_icon_box_icon animate icon_' . $i . '" ' . zn_generate_icon($icon_opt) . '></span>' : '';
//$icon_hover = !empty( $listItem['icon_color_hover'] ) ? $listItem['icon_color_hover'] : '';
$link_extracted = !empty($listItem['link']) ? zn_extract_link($listItem['link'], '') : '';
$link_text = !empty($listItem['link_text']) ? '<span class="itemText">' . $listItem['link_text'] . '</span>' : '';
if (is_array($link_extracted)) {
echo '<div class="' . $columnsClass . ' ' . $itemAlignment . ' ' . $itemColorClass . '">' . $link_extracted['start'] . $icon . $link_text . $link_extracted['end'] . '</div>';
}
//** Add a clearfix when the row is complete
if (!($i % $columns)) {
echo '<div class="clearfix"></div>';
}
}
}
echo '</div>';
}
/**
* This method is used to display the output of the element.
* @return void
*/
function element()
{
$options = $this->data['options'];
if (empty($options)) {
return;
}
$iconHolder = $this->opt('vts_tab_icon');
$tabIcon = !empty($iconHolder['family']) ? '<span class="kl-icon-dark statsboxes-elm-titleicon" ' . zn_generate_icon($this->opt('vts_tab_icon')) . '></span>' : '';
//$tabIcon = (isset($options['vts_tab_icon']) && !empty($options['vts_tab_icon']) ? $options['vts_tab_icon'] : '');
$tabTitle = isset($options['stb_title']) && !empty($options['stb_title']) ? $options['stb_title'] : '';
$elm_classes = array();
$elm_classes[] = $this->data['uid'];
$elm_classes[] = $this->opt('css_class', '');
$color_scheme = $this->opt('element_scheme', '') == '' ? zget_option('zn_main_style', 'color_options', false, 'light') : $this->opt('element_scheme', '');
$elm_classes[] = 'stsbx--' . $color_scheme;
$elm_classes[] = 'element-scheme--' . $color_scheme;
echo '<div class="zn_stats_box statsboxes ' . implode(' ', $elm_classes) . '">';
if (!empty($tabTitle)) {
echo '<h3 class="mb_title statsboxes-elm-title">' . $tabIcon . $tabTitle . '</h3>';
}
if (!empty($options['single_stats']) && is_array($options['single_stats'])) {
echo '<div class="row u-mb-0 statsboxes-row">';
foreach ($options['single_stats'] as $stat) {
echo '<div class="col-sm-6 col-md-3">';
echo '<div class="statbox statsboxes-item clearfix">';
$sb_type = isset($stat['sb_type']) && !empty($stat['sb_type']) ? $stat['sb_type'] : 'img';
if (!empty($stat['sb_icon']) && $sb_type == 'img') {
echo '<img class="statsboxes-img" src="' . $stat['sb_icon'] . '" alt="">';
}
// Fonticon
if (isset($stat['sb_iconfont']) && !empty($stat['sb_iconfont']) && $sb_type == 'icon') {
$iconsize = isset($stat['sb_size']) && $stat['sb_size'] != 22 ? 'font-size:' . $stat['sb_size'] . 'px;' : '';
$sb_iconcolor = isset($stat['sb_iconcolor']) && $stat['sb_iconcolor'] != '#8f8f8f' ? 'color:' . $stat['sb_size'] . ';' : '';
echo '<span ' . zn_generate_icon($stat['sb_iconfont']) . ' style="' . $iconsize . $sb_iconcolor . '" class="statbox__fonticon statsboxes-icon"></span>';
}
echo '<h4 class="statsboxes-title text-custom">' . $stat['sb_title'] . '</h4>';
echo '<h6 class="statsboxes-content">' . $stat['sb_content'] . '</h6>';
echo '</div>';
echo '</div>';
}
echo '</div>';
}
echo '</div>';
}
function zn_woocommerce_before_main_content()
{
$page_option = zget_option('show_oblique_heder', 'zn_woocommerce_options', false, 'yes');
$separator_top = zn_get_top_separator(array('show' => $page_option));
// SHOW THE HEADER
$css_class = zget_option('woocommerce_header_ustyle', 'zn_woocommerce_options') ? zget_option('woocommerce_header_ustyle', 'zn_woocommerce_options') : '';
$title = zget_option('woocommerce_title_text', 'zn_woocommerce_options');
$description = zget_option('woocommerce_description_text', 'zn_woocommerce_options');
$background = zget_option('woocommerce_header_bkg_img', 'zn_woocommerce_options');
zn_get_header(array('title' => $title, 'class' => $css_class, 'description' => $description, 'background' => $background));
// Check to see if the page has a sidebar or not
$main_class = zn_get_content_class('shop_sidebar');
$zn_config['sidebar'] = false;
if (strpos($main_class, 'sidebar_right') !== false || strpos($main_class, 'sidebar_left') !== false) {
$zn_config['sidebar'] = true;
}
$zn_config['size'] = $zn_config['sidebar'] ? 'col-sm-9' : 'col-sm-12';
$columns = zget_option('shop_columns', 'zn_woocommerce_options', false, '3');
$icon = zget_option('shop_icon', 'zn_woocommerce_options', false, array('unicode' => 'ue874', 'family' => 'eleganticons'));
$icon = !empty($icon['family']) ? '<div class="sectionIcon" ' . zn_generate_icon($icon) . '></div>' : '';
?>
<section class="obliqueCut lightSection <?php
echo $separator_top['class'];
?>
<?php
echo 'zn_shop_columns' . $columns;
?>
paddingBottom200 shop_page">
<?php
echo $separator_top['svg'];
?>
<?php
echo $icon;
?>
<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()
{
$options = $this->data['options'];
echo '<div class="features_boxes_2">';
echo '<div class="row">';
if (isset($options['fb_title']) && !empty($options['fb_title'])) {
echo '<div class="features_boxes_title clearfix">';
echo '<div class="col-sm-12">';
echo '<h4 class="zn_features_boxes-title zn_features_boxes-title--ext text-custom"><span class="zn_features_boxes-title-sp">' . $options['fb_title'] . '</span></h4>';
echo '</div>';
echo '</div>';
}
if (isset($options['features_single2'])) {
if (!empty($options['features_single2']) && is_array($options['features_single2'])) {
echo '<div class="feature_boxes_list clearfix">';
foreach ($options['features_single2'] as $feat) {
echo '<div class="col-sm-6 col-lg-3 feature_box style3">';
echo '<div class="box">';
echo '<h4 class="title text-custom">' . $feat['fb_single_title'] . '</h4>';
// Check which icon type was selected
if (empty($feat['fb_single_icon_type'])) {
echo '<span class="icon ' . $feat['fb_single_icon'] . '"></span>';
} else {
if (is_array($feat['fb_single_icon_font']) && !empty($feat['fb_single_icon_font']['unicode'])) {
echo '<span class="fb_icon_font" ' . zn_generate_icon($feat['fb_single_icon_font']) . '></span>';
}
}
echo '<p>' . $feat['fb_single_desc'] . '</p>';
echo '</div><!-- end box -->';
echo '</div>';
}
echo '</div>';
}
}
echo '</div>';
echo '</div>';
}
get_header();
?>
<!--Sub header-->
<?php
zn_get_header();
?>
<!--END Sub header-->
<?php
$page_option = zget_option('show_oblique_heder', 'page_options', false, 'yes');
$separator_top = zn_get_top_separator(array('show' => $page_option));
$icon = get_post_meta(get_the_ID(), 'page_icon', true);
if (isset($icon['family']) && !empty($icon['family'])) {
$page_icon = '<div class="sectionIcon" ' . zn_generate_icon($icon) . '></div>';
} elseif (isset($icon['family']) && empty($icon['family'])) {
$page_icon = '';
} else {
$page_icon = '<div class="sectionIcon zn_icon icon_ribbon_alt"></div>';
}
?>
<!--Page section-->
<section class="obliqueCut lightSection <?php
echo $separator_top['class'];
?>
paddingBottom200">
<?php
echo $separator_top['svg'];
?>
/**
* Function to display the call to action button markup in header
* @return html
* @since 4.0.10
*/
function zn_header_calltoaction()
{
$head_show_cta = zget_option('head_show_cta', 'general_options', false, 'no');
if ($head_show_cta == 'yes') {
$calltoaction_style = zget_option('head_show_cta_style', 'general_options', false, 'ribbon');
if ($calltoaction_style == 'ribbon' || $calltoaction_style == 'lined') {
// Form button classes
$btn_classes = array();
$btn_classes[] = 'sh-component ctabutton';
$cta_link_class = $calltoaction_style == 'lined' ? 'lined btn btn-lined' : 'ribbon';
$btn_classes[] = 'kl-cta-' . $cta_link_class;
$btn_classes[] = zget_option('cta_hide_xs', 'general_options', false, '') == 1 ? 'hidden-xs' : '';
// Get button link, create link markup
$head_add_cta_link = zget_option('head_add_cta_link', 'general_options');
$cta_link_ext = zn_extract_link($head_add_cta_link, implode(' ', $btn_classes), ' id="ctabutton" ', '<span id="ctabutton" class="' . implode(' ', $btn_classes) . '">', '</span>');
// show button
if ($head_set_text_cta = zget_option('head_set_text_cta', 'general_options')) {
echo $cta_link_ext['start'];
echo $head_set_text_cta;
// Show bottom triangle for Ribbon type button
if ($calltoaction_style == 'ribbon') {
echo '<svg version="1.1" class="trisvg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" preserveAspectRatio="none" width="14px" height="5px" viewBox="0 0 14.017 5.006" enable-background="new 0 0 14.017 5.006" xml:space="preserve"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.016,0L7.008,5.006L0,0H14.016z"></path></svg>';
}
echo $cta_link_ext['end'];
}
} else {
if ($calltoaction_style == 'custom') {
$btn_custom = zget_option('cta_custom', 'general_options', false, false);
if (isset($btn_custom) && !empty($btn_custom)) {
foreach ($btn_custom as $btn) {
//Class
$classes = array();
$classes[] = 'sh-component ctabutton kl-cta-custom btn';
$classes[] = $btn['cta_style'];
$classes[] = $btn['cta_size'];
$classes[] = $btn['cta_hide_xs'];
$classes[] = 'cta-icon--' . $btn['cta_icon_pos'];
$classes[] = $btn['cta_corners'];
// Icon
$icon = $btn['cta_icon_enable'] == 1 ? '<span ' . zn_generate_icon($btn['cta_icon']) . '></span>' : '';
if (isset($btn['cta_text']) && !empty($btn['cta_text'])) {
$text = '<span>' . $btn['cta_text'] . '</span>';
// Icon position
if ($btn['cta_icon_pos'] == 'before') {
$text = $icon . $text;
} else {
$text = $text . $icon;
}
$cta_link_ext = zn_extract_link($btn['cta_link'], implode(' ', $classes));
echo $cta_link_ext['start'] . $text . $cta_link_ext['end'];
}
}
}
}
}
}
}
/**
* Output the element
* IMPORTANT : The UID needs to be set on the top parent container
*/
function element()
{
global $zn_framework;
$css_class = $this->opt('ustyle') ? ' ' . $this->opt('ustyle') . ' ' : '';
$size = $this->opt('size') ? $this->opt('size') : 'container';
$top_svg = $bottom_svg = $section_class = '';
$background_type = $this->opt('background_type') ? $this->opt('background_type') : '';
$icon_opt = $this->opt('icon');
$icon = !empty($icon_opt['family']) ? '<div class="sectionIcon"><span class="zn_icon_box_icon" ' . zn_generate_icon($icon_opt) . '></span></div>' : '';
$bkg_video = '';
$useParallax = '';
if ($this->opt('oblique_top')) {
$top_svg = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="separator" width="100%" height="110" viewBox="0 0 100 100" preserveAspectRatio="none"> <path d="M0 100 L100 0 L100 100 Z"></path> </svg>';
$section_class = 'separatorTop';
}
if ($this->opt('oblique_bottom')) {
$bottom_svg = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="separator" width="100%" height="110" viewBox="0 0 100 100" preserveAspectRatio="none"> <path d="M0 100 L100 0 L0 0 Z"></path> </svg>';
$section_class .= ' separatorBottom ';
}
$video_controls = '<div class="videoControls">
<span class="fullScreenVideo zn_icon animate tooltip_top" title="Toggle Fullscreen"></span>
<span class="playVideo zn_icon animate tooltip_top" title="Toggle play/pause"></span>
<span class="muteVideo zn_icon animate tooltip_top" title="Toggle mute/unmute"></span>
</div>';
if ($background_type === 'youtube-video') {
$youtube_video = $this->opt('youtube_video') ? $this->opt('youtube_video') : '';
$video_muted = $this->opt('video_muted') === 'muted' ? 'true' : 'false';
$video_autoplay = $this->opt('video_autoplay') === 'play' ? 'true' : 'false';
$video_opacity = $this->opt('video_opacity') ? $this->opt('video_opacity') / 100 : 0.7;
$youtube_video_quality = $this->opt('youtube_video_quality') ? $this->opt('youtube_video_quality') : 'default';
if (!empty($youtube_video)) {
$bkg_video .= '<div class="video youtubeVideo" data-property="{videoURL:\'' . $youtube_video . '\', mute:' . $video_muted . ', containment:\'self\', autoplay:' . $video_autoplay . ', startAt:0, opacity:' . $video_opacity . ', quality:\'' . $youtube_video_quality . '\',realfullscreen:true, optimizeDisplay:true, showControls:false, loop: true}">';
$bkg_video .= $video_controls;
$bkg_video .= '</div>';
}
} else {
if ($background_type === 'local-video') {
$video_muted = $this->opt('video_muted') === 'muted' ? 'muted' : '';
$video_autoplay = $this->opt('video_autoplay') === 'play' ? 'autoplay' : '';
$local_video = $local_video2 = '';
$poster_image = $this->opt('poster_image') ? 'poster="' . $this->opt('poster_image') . '"' : '';
if ($local_video = $this->opt('local_video')) {
$local_video = '<source src="' . $local_video . '" type="video/' . pathinfo($local_video, PATHINFO_EXTENSION) . '">';
}
if ($local_video2 = $this->opt('local_video2')) {
$local_video2 = '<source src="' . $local_video2 . '" type="video/' . pathinfo($local_video2, PATHINFO_EXTENSION) . '">';
}
$bkg_video .= '<div class="video localVideo">';
$bkg_video .= '<video loop ' . $video_autoplay . ' ' . $video_muted . ' ' . $poster_image . '>';
$bkg_video .= $local_video;
$bkg_video .= $local_video2;
$bkg_video .= '</video>';
$bkg_video .= $video_controls;
$bkg_video .= '</div>';
} else {
if ($background_type === 'image') {
$useParallax = $this->opt('use_parallax') == 'use' ? 'parallax_enabled' : '';
}
}
}
?>
<section class="zn_section obliqueCut <?php
echo $css_class;
?>
<?php
echo $this->data['uid'];
?>
<?php
echo $section_class;
?>
<?php
echo $useParallax;
?>
">
<?php
echo $top_svg;
?>
<?php
echo $bkg_video;
?>
<?php
echo $icon;
?>
<div class="zn_section_size <?php
echo $size;
?>
">
<div class="row zn_columns_container zn_content" data-droplevel="1">
<?php
$zn_framework->pagebuilder->zn_render_content($this->data['content']);
?>
</div>
</div>
<?php
echo $bottom_svg;
?>
</section>
<?php
}
function element()
{
$rows = $this->opt('rows') ? $this->opt('rows') : false;
$style = $this->opt('style') ? $this->opt('style') : '';
$ustyle = $this->opt('ustyle') ? $this->opt('ustyle') : '';
$useSectionColors = empty($ustyle) ? true : false;
$highlight = $this->opt('highlight') ? $this->opt('highlight') : '';
$corner = $this->opt('corner') ? $this->opt('corner') : '';
$corner_text = $this->opt('corner_text') ? $this->opt('corner_text') : '';
$link_text = $this->opt('link_text') ? $this->opt('link_text') : '';
$link = $this->opt('link') ? zn_extract_link($this->opt('link'), 'zn_pricing_button') : '';
$icon_opt = $this->opt('icon') ? $this->opt('icon') : '';
$icon = !empty($icon_opt['family']) ? '<span class="zn_icon_box_icon" ' . zn_generate_icon($icon_opt) . '></span>' : '';
//** Appear animation
$appear = $this->opt('appear_animation') ? 'data-appear="fade-in" data-appear-direction="' . $this->opt('appear_animation') . '" data-appear-delay="' . ($this->opt('appear_delay') ? $this->opt('appear_delay') : '0') . '"' : '';
if (empty($rows)) {
echo '<div class="zn-pb-notification">Please configure the element options.</div>';
return;
}
?>
<div class="zn_pricing_box animate <?php
echo $highlight . ' ' . $style . ' ' . $this->data['uid'];
?>
" <?php
echo $appear;
?>
>
<?php
if ($corner == 'yes') {
echo '<div class="zn_corner"></div>';
echo '<div class="descriptionColor zn_corner_text">' . $corner_text . '</div>';
}
?>
<ul>
<?php
//** Put every row in a li, each with each own class
foreach ($rows as $key => $myRow) {
$row_type = !empty($myRow['row_type']) ? $myRow['row_type'] : '';
$row_text = !empty($myRow['text']) ? $myRow['text'] : '';
//** Make the title h3
switch ($row_type) {
case "zn_pb_title zn_pb_title_bkg":
$row_text = "<h3>{$row_text}</h3>";
//** Make title h3
if ($useSectionColors) {
$row_type .= " descriptionColor";
}
//** Couldn't use inheritance. Force section color
break;
case "zn_pb_subtitle zn_pb_title_bkg":
if ($useSectionColors) {
$row_type .= " descriptionColor";
}
//** Couldn't use inheritance. Force section color
break;
case "zn_pb_description":
if ($useSectionColors) {
$row_type .= " titleColor";
}
//** Couldn't use inheritance. Force section color
break;
case "zn_pb_enumeration":
if ($useSectionColors && $style === "style2") {
$row_type .= " descriptionColor";
}
//** Couldn't use inheritance. Force section color
break;
default:
break;
}
echo '<li class="animate ' . $row_type . '">' . $row_text . '</li>';
}
if (!empty($link_text)) {
echo '<li class="text-center zn_has_button">' . $link['start'] . $icon . $link_text . $link['end'] . '</li>';
}
?>
</ul>
</div>
<?php
}
/**
* This method is used to display the output of the element.
*
* @return void
*/
function element()
{
$uid = $this->data['uid'];
$link_start = '';
$link_end = '';
$appear = $this->opt('ibx_appear', '');
$ibx_floated = $this->opt('ibx_floated', '');
$link_type = $this->opt('ibx_link_type', '0');
$link_style = $link_type == 'cta' ? 'btn btn-fullcolor' : 'kl-iconbox__link';
$ibx_link = $this->opt('ibx_link');
$link_extracted = $ibx_link ? zn_extract_link($ibx_link, $link_style) : '';
// Check if link is wrapped on Icon or Both Icon & Title
if ($link_type == 'icon' || $link_type == 'icontitle') {
if (!empty($link_extracted)) {
$link_start = $link_extracted['start'];
$link_end = $link_extracted['end'];
}
} elseif ($link_type == 'title' || $link_type == 'icontitle') {
if (!empty($link_extracted)) {
$link_start = $link_extracted['start'];
$link_end = $link_extracted['end'];
}
} elseif ($link_type == 'cta') {
$link_text = '';
if (is_array($ibx_link) || !empty($ibx_link['title'])) {
$link_text = $ibx_link['title'];
}
$link_start = $link_extracted['start'] . $link_text . $link_extracted['end'];
}
// Title
$titlefirst = $this->opt('ibx_titleorder', '1') == 1;
$titlehtml = '';
if ($title = $this->opt('ibx_title')) {
// Check if title has link
if ($link_type == 'title' || $link_type == 'icontitle') {
$title = $link_start . $title . $link_end;
}
$titlehtml = '
<div class="kl-iconbox__el-wrapper kl-iconbox__title-wrapper">
<h3 class="kl-iconbox__title element-scheme__hdg1">' . $title . '</h3>
</div>';
}
// Stage points
$points = '';
$ibstg_point_stage = $this->opt('ibstg_point_stage');
if (!empty($ibstg_point_stage)) {
$points .= ' data-stageid="' . str_replace(' ', '', $ibstg_point_stage) . '"';
// point coordinates of the stage
$pointv = $this->opt('ibstg_point', '');
$x = '';
$y = '';
if (!empty($pointv)) {
$pointv = explode(',', $pointv);
if (is_array($pointv)) {
$x = $pointv['0'];
$y = $pointv['1'];
}
}
$points .= ' data-pointx="' . $x . '"';
$points .= ' data-pointy="' . $y . '"';
// add title tooltip
if ($this->opt('ibstg_point_title', '')) {
$points .= ' data-pointtitle="' . $this->opt('ibstg_point_title') . '"';
}
}
// Icon
$icon_type = $this->opt('ibx_type', 'icon');
// States and modificators
$mods = array();
$mods[] = $this->data['uid'];
$mods[] = $this->opt('css_class', '');
$mods[] = ' kl-iconbox--type-' . $icon_type;
$mods[] = $this->opt('ibx_shape', '') ? 'kl-iconbox--sh kl-iconbox--' . $this->opt('ibx_shape', '') : '';
$mods[] = $this->opt('ibx_floated', '') ? 'kl-iconbox--' . $this->opt('ibx_floated', '') : '';
$mods[] = 'kl-iconbox--align-' . $this->opt('ibx_alignment', 'left') . ' text-' . $this->opt('ibx_alignment', 'left');
$mods[] = $appear == 1 ? 'el--appear el--appear-fadein' : '';
$color_scheme = $this->opt('ibx_color_theme', '') == '' || $this->opt('ibx_color_theme', '') == 'default' ? zget_option('zn_main_style', 'color_options', false, 'light') : $this->opt('ibx_color_theme', '');
$mods[] = 'kl-iconbox--theme-' . $color_scheme;
$mods[] = 'element-scheme--' . $color_scheme;
?>
<div class="kl-iconbox <?php
echo implode(' ', $mods);
?>
" <?php
echo $points;
?>
>
<div class="kl-iconbox__inner">
<?php
// Display title
if ($titlefirst && $ibx_floated == '') {
echo $titlehtml;
}
?>
<div class="kl-iconbox__icon-wrapper ">
<?php
if ($link_type == 'icon' || $link_type == 'icontitle') {
echo $link_start;
}
// Icon Font
if ($icon_type == 'icon') {
$theicon = $this->opt('ibx_icon');
if (is_array($theicon) && !empty($theicon['unicode'])) {
echo '<span class="kl-iconbox__icon" ' . zn_generate_icon($this->opt('ibx_icon')) . '></span>';
}
} elseif ($icon_type == 'img') {
if ($icon_img = $this->opt('ibx_image')) {
echo '<img class="kl-iconbox__icon" src="' . $icon_img . '" alt="' . $this->opt('ibx_title', '') . '">';
}
}
if ($link_type == 'icon' || $link_type == 'icontitle') {
echo $link_end;
}
?>
</div><!-- /.kl-iconbox__icon-wrapper -->
<div class="kl-iconbox__content-wrapper">
<?php
// Display title after icon
if (!$titlefirst) {
echo $titlehtml;
} else {
if ($titlefirst && $ibx_floated != '') {
echo $titlehtml;
}
}
?>
<?php
if ($desc = $this->opt('ibx_desc')) {
?>
<div class=" kl-iconbox__el-wrapper kl-iconbox__desc-wrapper">
<p class="kl-iconbox__desc"><?php
echo $desc;
?>
</p>
</div>
<?php
}
?>
<?php
if ($link_type == 'cta') {
?>
<div class="kl-iconbox__el-wrapper kl-iconbox__cta-wrapper">
<?php
echo $link_start;
?>
</div>
<?php
}
?>
</div><!-- /.kl-iconbox__content-wrapper -->
</div>
</div>
<?php
// print_r($this);
}
$social_icons = zget_option('cs_social_icons', 'coming_soon_options');
if (!empty($social_icons) && is_array($social_icons)) {
$icon_class = zget_option('cs_which_icons_set', 'coming_soon_options', false, 'normal');
echo '<ul class="social-icons sc--' . $icon_class . ' offline-page-sc clearfix">';
foreach ($social_icons as $key => $icon) {
$link = '';
$target = '';
if (isset($icon['cs_social_link']) && is_array($icon['cs_social_link'])) {
$link = $icon['cs_social_link']['url'];
$target = 'target="' . $icon['cs_social_link']['target'] . '"';
}
$icon_color = '';
if ($icon_class != 'normal' && $icon_class != 'clean') {
$icon_color = isset($icon['cs_social_color']) && !empty($icon['cs_social_color']) ? $icon['cs_social_icon']['unicode'] : 'nocolor';
}
$social_icon = !empty($icon['cs_social_icon']) ? '<a ' . zn_generate_icon($icon['cs_social_icon']) . ' href="' . $link . '" ' . $target . ' title="' . $icon['cs_social_title'] . '" class="social-icons-item sccsoon-icon-' . $icon_color . '"></a>' : '';
echo '<li class="social-icons-li">' . $social_icon . '</li>';
}
echo '</ul>';
}
}
?>
<div class="clearfix"></div>
</div>
<!-- end content -->
<div class="clearfix"></div>
</div>
<?php
wp_footer();
?>
/**
* This method is used to display the output of the element.
* @return void
*/
function element()
{
$options = $this->data['options'];
$stepbox_style = isset($options['stepsbox_style']) && !empty($options['stepsbox_style']) ? $options['stepsbox_style'] : 'style1';
$stp_bgcolor = isset($options['stp_bgcolor']) && !empty($options['stp_bgcolor']) ? $options['stp_bgcolor'] : 'light';
?>
<div class="process_steps process_steps--<?php
echo $stepbox_style;
?>
kl-bgc-<?php
echo $stp_bgcolor;
?>
<?php
echo $this->data['uid'];
?>
<?php
echo $this->opt('css_class', '');
?>
">
<div class="process_steps__step process_steps__intro process_steps__height">
<div class="process_steps__intro-wrp">
<?php
if (!empty($options['stp_title']) || !empty($options['stp_subtitle'])) {
echo '<h3 class="process_steps__intro-title">';
// TITLE
if (!empty($options['stp_title'])) {
echo $options['stp_title'];
}
// TITLE
if (!empty($options['stp_subtitle'])) {
echo '<strong>' . $options['stp_subtitle'] . '</strong>';
}
echo '</h3>';
}
// CONTENT
if (!empty($options['stp_desc'])) {
if (preg_match('%(<p[^>]*>.*?</p>)%i', $options['stp_desc'], $regs)) {
echo $options['stp_desc'];
} else {
echo '<p class="process_steps__intro-desc">' . $options['stp_desc'] . '</p>';
}
}
$stp_text_link = $this->opt('stp_text_link', '');
$stp_link = zn_extract_link($this->opt('stp_link', ''), 'process_steps__intro-link');
if (!empty($stp_text_link) && !empty($stp_link['start'])) {
echo $stp_link['start'] . $stp_text_link . ' +' . $stp_link['end'];
}
?>
</div>
</div>
<!-- end step -->
<?php
if ($stepbox_style == 'style2') {
?>
<div class="process_steps__container">
<div class="process_steps__inner process_steps__height">
<?php
}
?>
<?php
if (!empty($options['steps_single']) && is_array($options['steps_single'])) {
foreach ($options['steps_single'] as $step) {
echo '<div class="process_steps__step">';
$animation = '';
if ($stepbox_style != 'style2' && $step['stp_single_anim'] != '') {
$animation = 'data-animation="' . $step['stp_single_anim'] . '"';
}
$iconColor = isset($step['stp_icon_color']) && !empty($step['stp_icon_color']) ? 'color: ' . $step['stp_icon_color'] . ';' : '';
// ICON AND ANIMATION
$stp_icontype = isset($step['stp_icontype']) && !empty($step['stp_icontype']) ? $step['stp_icontype'] : 'img';
if ($stp_icontype == 'img' && !empty($step['stp_single_icon'])) {
echo '<div class="process_steps__step-icon process_steps__step-typeimg">';
echo '<img ' . $animation . ' src="' . $step['stp_single_icon'] . '" alt="" class="process_steps__step-icon-src">';
echo '</div>';
} elseif ($stp_icontype == 'fonticon' && is_array($step['stp_single_iconfont'])) {
echo '<div class="process_steps__step-icon">';
echo '<span ' . $animation . ' class="process_steps__step-icon-src " ' . zn_generate_icon($step['stp_single_iconfont']) . ' style="' . $iconColor . '"></span>';
echo '</div>';
}
// STEP TITLE
if (!empty($step['stp_single_title'])) {
echo '<h3 class="process_steps__step-title">' . $step['stp_single_title'] . '</h3>';
}
// STEP CONTENT
if (!empty($step['stp_single_desc'])) {
if (preg_match('%(<p[^>]*>.*?</p>)%i', $step['stp_single_desc'], $regs)) {
echo $step['stp_single_desc'];
} else {
echo '<p class="process_steps__step-desc">' . $step['stp_single_desc'] . '</p>';
}
}
echo '</div>';
}
}
?>
<?php
if ($stepbox_style == 'style2') {
?>
</div>
</div><!-- /.steps-container -->
<div class="clearfix"></div>
<?php
}
?>
</div>
<?php
}
function element()
{
global $zn_framework;
$avatar = $this->opt('avatar') ? $this->opt('avatar') : '';
$title = $this->opt('title') ? $this->opt('title') : '';
$subtitle = $this->opt('subtitle') ? $this->opt('subtitle') : '';
$member_link = $this->opt('member_link') ? zn_extract_link($this->opt('member_link'), '') : '';
$use_member_link = !empty($member_link) && is_array($member_link);
$iconList = $this->opt('icon_list') ? $this->opt('icon_list') : false;
//** Appear animation
$appear_delay = $this->opt('appear_delay') ? $this->opt('appear_delay') : '0';
$appear = $this->opt('appear_animation') ? $this->opt('appear_animation') : '';
if (!empty($appear)) {
$appear = 'data-appear="fade-in" data-appear-direction="' . $appear . '" data-appear-delay="' . $appear_delay . '"';
}
if (empty($iconList) && empty($title) && empty($subtitle) && empty($avatar)) {
echo '<div class="zn-pb-notification">Please configure the element options.</div>';
return;
}
?>
<div class="memberBox member text-center <?php
echo $this->data['uid'];
?>
" <?php
echo $appear;
?>
>
<?php
if (!empty($avatar)) {
if ($use_member_link) {
echo $member_link['start'];
}
echo '<img alt="Avatar" src="' . $avatar . '" class="memberImg animateFast boxShadowHover">';
if ($use_member_link) {
echo $member_link['end'];
}
}
?>
<div class="memberName titleColor"><?php
echo $title;
?>
</div>
<div class="memberPosition"><?php
echo $subtitle;
?>
</div>
<?php
if (!empty($iconList)) {
foreach ($iconList as $key => $listItem) {
$icon_opt = !empty($listItem['icon']) ? $listItem['icon'] : '';
$icon = !empty($icon_opt['family']) ? '<span class="zn_icon_box_icon animate " ' . zn_generate_icon($icon_opt) . '></span>' : '';
$link_extracted = !empty($listItem['link']) ? zn_extract_link($listItem['link'], '') : '';
if (is_array($link_extracted)) {
echo $link_extracted['start'] . $icon . $link_extracted['end'];
}
}
}
?>
</div>
<?php
}
/**
* This method is used to display the output of the element.
*
* @return void
*/
function element()
{
$mainBgColor = '';
$boxes = $this->opt('bs_iconblocks', null);
$classes = array();
$classes[] = $this->opt('bs_style', 'bigsocialblock--style1');
$classes[] = $this->opt('bs_bgtype', 'type-colored');
$classes[] = $this->data['uid'];
$classes[] = 'bsb--theme-' . $this->opt('bs_themecolor', 'light');
$classes[] = $this->opt('css_class', '');
if (!empty($boxes)) {
$i = 0;
$classes[] = 'count-' . count($boxes);
?>
<div class="bigsocialblock <?php
echo implode(' ', $classes);
?>
">
<?php
foreach ($boxes as $box) {
$icon = isset($box['bs_icon']) ? $box['bs_icon'] : '';
$link = isset($box['bs_link']) ? $box['bs_link'] : '';
$bgColor = isset($box['bs_color']) ? $box['bs_color'] : '';
$title = isset($box['bs_title']) ? $box['bs_title'] : '';
$count = isset($box['bs_count']) ? $box['bs_count'] : '';
$text = isset($box['bs_ftext']) ? $box['bs_ftext'] : '';
?>
<div class="bigsocialblock__item" style="<?php
echo $mainBgColor ? 'background-color:' . $mainBgColor : '';
?>
">
<div class="bigsocialblock__bg" style="background-color:<?php
echo $bgColor;
?>
">
<a href="<?php
echo $link['url'];
?>
" title="<?php
echo $link['title'];
?>
" target="<?php
echo $link['target'];
?>
" style="bigsocialblock__link"></a>
</div>
<?php
if (!empty($title)) {
?>
<h4 class="bigsocialblock__title"><?php
echo $title;
?>
</h4>
<?php
}
?>
<?php
if (!empty($count)) {
?>
<span class="bigsocialblock__count"><?php
echo $count;
?>
</span>
<?php
}
?>
<?php
if (!empty($text)) {
?>
<div class="bigsocialblock__follow"><?php
echo $text;
?>
</div>
<?php
}
?>
<span class="bigsocialblock__social-icon" <?php
echo zn_generate_icon($icon);
?>
></span>
</div>
<?php
}
?>
</div><!-- /.bigsocialblock -->
<?php
}
}
/**
* This method is used to display the output of the element.
* @return void
*/
function element()
{
$options = $this->data['options'];
$elm_classes = array();
$elm_classes[] = $uid = $this->data['uid'];
$elm_classes[] = $this->opt('css_class', '');
$color_scheme = $this->opt('element_scheme', '') == '' ? zget_option('zn_main_style', 'color_options', false, 'light') : $this->opt('element_scheme', '');
$elm_classes[] = 'verttabs--' . $color_scheme;
$elm_classes[] = 'element-scheme--' . $color_scheme;
$elm_classes[] = $vt_style = $this->opt('vtabs_style', 'kl-style-2');
$elm_classes[] = 'vr-tabs-' . $vt_style;
$single_tabs = $this->opt('single_vertical_tab', array());
$tabsListCount = count($single_tabs);
if (empty($single_tabs)) {
return;
}
// Begin render
echo '<div class="vertical_tabs vr-tabs ' . implode(' ', $elm_classes) . ' clearfix">';
echo '<div class="tabbable vr-tabs-tbb">';
echo '<ul class=" vr-tabs-nav fixclear">';
$content = '';
for ($i = 0; $i < $tabsListCount; $i++) {
$cls = '';
$icon = '';
if ($i == 0) {
$cls = 'active';
}
$uniq_name = $uid . '_' . $i;
// ICON CHECK
if (!empty($single_tabs[$i]['vts_tab_icon'])) {
$iconHolder = $single_tabs[$i]['vts_tab_icon'];
$icon = !empty($iconHolder['family']) ? '<span class="vr-tabs-nav-icon " ' . zn_generate_icon($single_tabs[$i]['vts_tab_icon']) . '></span>' : '';
}
// Tab Handle
echo '<li class="vr-tabs-nav-item ' . ($vt_style == 'kl-style-1' ? 'text-custom-parent-act' : '') . ' ' . $cls . '">';
echo '<a class="vr-tabs-nav-link text-custom-active text-custom-hover " href="#tabs_v2-pane' . $uniq_name . '" data-toggle="tab">';
echo $icon;
echo $single_tabs[$i]['vts_tab_title'];
echo '</a>';
echo '</li>';
}
echo '</ul>';
echo '<div class="tab-content vr-tabs-content">';
// foreach ( $single_tabs as $tab )
for ($i = 0; $i < $tabsListCount; $i++) {
$cls = $content = '';
$uniq_name = $uid . '_' . $i;
if ($i === 0) {
$cls = 'active';
}
// Convert the old content to PB elements
if (empty($this->data['content'][$i]) && (!empty($single_tabs[$i]['vts_tab_c_title']) || !empty($single_tabs[$i]['vts_tab_c_content']))) {
$textbox = ZNPB()->add_module_to_layout('TH_TextBox', array('stb_title' => $single_tabs[$i]['vts_tab_c_title'], 'stb_content' => $single_tabs[$i]['vts_tab_c_content'], 'stb_title_heading' => 'h4'));
$column = ZNPB()->add_module_to_layout('ZnColumn', array(), array($textbox), 'col-sm-12');
$this->data['content'][$i] = array($column);
}
echo '<div class="tab-pane vr-tabs-tabpane fade in ' . $cls . ' row zn_columns_container zn_content" data-droplevel="1" id="tabs_v2-pane' . $uniq_name . '">';
if (empty($this->data['content'][$i])) {
$column = ZNPB()->add_module_to_layout('ZnColumn', array(), array(), 'col-sm-12');
$this->data['content'][$i] = array($column);
}
if (!empty($this->data['content'][$i])) {
ZNPB()->zn_render_content($this->data['content'][$i]);
}
echo '</div>';
}
echo '</div>';
echo '</div>';
echo '</div>';
}
/**
* This method is used to display the output of the element.
*
* @return void
*/
function element()
{
$options = $this->data['options'];
$style = $this->opt('ww_header_style', '');
if (!empty($style)) {
$style = 'uh_' . $style;
}
$bottom_mask = $this->opt('hm_header_bmasks', 'none');
$bm_class = $bottom_mask != 'none' ? 'maskcontainer--' . $bottom_mask : '';
// Scrolling Effect
$is_screffect = $this->opt('sc_scrolling', 0) == 1;
$scrolling_type = $this->opt('sc_scrolling_type', 'translate_op_scale');
$scr_main_class = '';
$scr_effect_class = '';
$scr_effect_attribs = '';
$scr_effect_attribs_fade = '';
if ($is_screffect) {
$scr_main_class = 'scrollme';
$scr_effect_class = 'animateme';
$scr_effect_attribs_split = '';
if ($scrolling_type == 'translate_op_scale') {
$scr_effect_attribs_split = 'data-translatey="300" data-opacity="0.1" data-scale="1.5"';
} elseif ($scrolling_type == 'translate_op') {
$scr_effect_attribs_split = 'data-translatey="300" data-opacity="0.1"';
} elseif ($scrolling_type == 'translate') {
$scr_effect_attribs_split = 'data-translatey="300"';
}
$scr_effect_attribs = ' data-when="span" data-from="0" data-to="0.75" data-easing="linear" ' . $scr_effect_attribs_split;
$scr_effect_attribs_fade = ' data-when="span" data-from="0" data-to="0.75" data-translatey="200" data-opacity="0.1" data-easing="linear"';
}
?>
<div class="kl-slideshow static-content__slideshow <?php
echo $style;
?>
<?php
echo $this->data['uid'];
?>
<?php
echo $bm_class;
?>
<?php
echo $scr_main_class;
?>
<?php
echo $this->opt('css_class', '');
?>
">
<div class="bgback"></div>
<div class="kl-slideshow-inner static-content__wrapper <?php
echo $this->opt('sc_fullscreen', '0') ? 'static-content--fullscreen' : '';
?>
<?php
echo (int) $this->opt('ww_height') ? 'static-content--height' : '';
?>
">
<?php
if ($this->opt('source_type', '') != '' || $this->opt('source_overlay', '') != 0) {
?>
<div class="static-content__source <?php
echo $scr_effect_class;
?>
" <?php
echo $scr_effect_attribs;
?>
>
<?php
WpkPageHelper::zn_background_source(array('source_type' => $this->opt('source_type'), 'source_background_image' => $this->opt('background_image'), 'source_vd_yt' => $this->opt('source_vd_yt'), 'source_vd_self_mp4' => $this->opt('source_vd_self_mp4'), 'source_vd_self_ogg' => $this->opt('source_vd_self_ogg'), 'source_vd_self_webm' => $this->opt('source_vd_self_webm'), 'source_vd_vp' => $this->opt('source_vd_vp'), 'source_vd_autoplay' => $this->opt('source_vd_autoplay'), 'source_vd_loop' => $this->opt('source_vd_loop'), 'source_vd_muted' => $this->opt('source_vd_muted'), 'source_vd_controls' => $this->opt('source_vd_controls'), 'source_vd_controls_pos' => $this->opt('source_vd_controls_pos'), 'source_overlay' => $this->opt('source_overlay'), 'source_overlay_color' => $this->opt('source_overlay_color'), 'source_overlay_opacity' => $this->opt('source_overlay_opacity'), 'source_overlay_color_gradient' => $this->opt('source_overlay_color_gradient'), 'source_overlay_color_gradient_opac' => $this->opt('source_overlay_color_gradient_opac')));
?>
<div class="th-sparkles"></div>
</div><!-- /.static-content__source -->
<?php
}
?>
<div class="static-content__inner container">
<div class="kl-slideshow-safepadding sc__container <?php
echo $scr_effect_class;
?>
" <?php
echo $scr_effect_attribs_fade;
?>
>
<div class="static-content event-style">
<div class="row">
<div class="col-sm-10 col-sm-offset-1 col-md-7 col-md-offset-0">
<?php
// TITLE
if (isset($options['sc_ec_title']) && !empty($options['sc_ec_title'])) {
echo '<h3 class="static-content__subtitle">' . do_shortcode($options['sc_ec_title']) . '</h3>';
}
?>
<div class="ud_counter kl-counter kl-font-alt">
<ul class="sc_counter kl-counter-list">
<li class="kl-counter-li"><?php
_e('0', 'zn_framework');
?>
<span class="kl-counter-unit"><?php
_e('day', 'zn_framework');
?>
</span></li>
<li class="kl-counter-li"><?php
_e('00', 'zn_framework');
?>
<span class="kl-counter-unit"><?php
_e('hours', 'zn_framework');
?>
</span></li>
<li class="kl-counter-li"><?php
_e('00', 'zn_framework');
?>
<span class="kl-counter-unit"><?php
_e('min', 'zn_framework');
?>
</span></li>
<li class="kl-counter-li"><?php
_e('00', 'zn_framework');
?>
<span class="kl-counter-unit"><?php
_e('sec', 'zn_framework');
?>
</span></li>
</ul>
<?php
echo '<span class="till_lauch kl-counter-launch"><img class="kl-counter-launch-img" src="' . THEME_BASE_URI . '/images/rocket.png" alt="' . __('Launch Date', 'zn_framework') . '"></span>';
?>
</div><!-- end counter -->
<?php
if (!empty($options['sc_ec_mlid'])) {
echo '<div class="mail_when_ready kl-newsletter-wrapper">';
echo ' <form method="post" class="newsletter_subscribe newsletter-signup kl-newsletter clearfix" data-url="' . trailingslashit(home_url()) . '" name="newsletter_form">';
echo ' <input type="text" name="zn_mc_email" class="nl-email form-control kl-newsletter-field" value="" placeholder="' . __("*****@*****.**", 'zn_framework') . '" />';
echo ' <input type="hidden" name="zn_list_class" class="nl-lid" value="' . $options['sc_ec_mlid'] . '" />';
echo ' <input type="submit" name="submit" class="nl-submit kl-newsletter-submit kl-font-alt btn btn-fullcolor" value="' . __("JOIN US", 'zn_framework') . '" />';
echo ' </form>';
echo '<span class="zn_mailchimp_result kl-newsletter-result"></span>';
echo '</div>';
}
if (!empty($options['sc_ec_mlid']) && isset($options['single_ec_social']) && is_array($options['single_ec_social'])) {
echo '<span class="or">' . __("-or stay connected: ", 'zn_framework') . '</span>';
}
if (isset($options['single_ec_social']) && is_array($options['single_ec_social'])) {
$icon_class = $this->opt('sc_ec_social_color', 'normal');
echo '<ul class="social-icons sc--' . $icon_class . ' clearfix">';
foreach ($options['single_ec_social'] as $key => $icon) {
$iconHolder = $icon['sc_ec_social_icon'];
$social_icon = !empty($iconHolder['family']) ? zn_generate_icon($icon['sc_ec_social_icon']) : '';
$icon_color = '';
if ($icon_class != 'normal' && $icon_class != 'clean') {
$icon_color = isset($icon['sc_ec_social_iconcolor']) && !empty($icon['sc_ec_social_iconcolor']) ? $icon['sc_ec_social_icon']['unicode'] : 'nocolor';
}
if (isset($icon['sc_ec_social_title']) && !empty($icon['sc_ec_social_title'])) {
if (isset($icon['sc_ec_social_link']) && !empty($icon['sc_ec_social_link'])) {
$icon['sc_ec_social_link']['title'] = $icon['sc_ec_social_title'];
}
}
$sc_ec_social_link = zn_extract_link($icon['sc_ec_social_link'], 'social-icons-item scev-icon-' . $icon_color, $social_icon);
echo '<li class="social-icons-li">' . $sc_ec_social_link['start'] . $sc_ec_social_link['end'] . '</li>';
}
echo '</ul>';
}
?>
<div class="clear"></div>
</div>
<?php
echo '<div class="col-sm-10 col-sm-offset-1 col-md-5 col-md-offset-0">';
// Text
if (isset($options['sc_ec_vid_desc']) && !empty($options['sc_ec_vid_desc'])) {
echo '<h5 style="text-align:right;">' . $options['sc_ec_vid_desc'] . '</h5>';
}
// VIDEO
if (isset($options['sc_ec_vime']) && !empty($options['sc_ec_vime'])) {
echo '<div class="embed-responsive embed-responsive-16by9 black_border">';
echo get_video_from_link($options['sc_ec_vime'], 'embed-responsive-item no-adjust', '520', '270');
echo '</div>';
}
echo '</div>';
?>
</div><!-- /.row -->
</div><!-- /. static content / event style -->
</div><!-- /.container -->
</div><!-- /.static-content__inner -->
</div><!-- /.static-content__wrapper -->
<?php
if (isset($options['sc_ec_date']) && !empty($options['sc_ec_date']['date']) && !empty($options['sc_ec_date']['time'])) {
?>
<script type="text/javascript">
jQuery(function ($) {
"use strict";
//#! Start countdown
var years = "<?php
_e('years', 'zn_framework');
?>
",
months = "<?php
_e('months', 'zn_framework');
?>
",
weeks = "<?php
_e('weeks', 'zn_framework');
?>
",
days = "<?php
_e('days', 'zn_framework');
?>
",
hours = "<?php
_e('hours', 'zn_framework');
?>
",
min = "<?php
_e('min', 'zn_framework');
?>
",
sec = "<?php
_e('sec', 'zn_framework');
?>
";
var counterOptions = {
layout: function ()
{
return '<li class="kl-counter-li">{dn}<span class="kl-counter-unit">{dl}</span></li>' +
'<li class="kl-counter-li">{hn}<span class="kl-counter-unit">{hl}</span></li>' +
'<li class="kl-counter-li">{mn}<span class="kl-counter-unit">{ml}</span></li>' +
'<li class="kl-counter-li">{sn}<span class="kl-counter-unit">{sl}</span></li>';
}
};
<?php
// General Options
$str_date = strtotime(trim($options['sc_ec_date']['date']));
$y = date('Y', $str_date);
$mo = date('m', $str_date);
$d = date('d', $str_date);
$time = explode(':', $options['sc_ec_date']['time']);
$h = $time[0];
$mi = $time[1];
?>
var y = <?php
echo intval($y);
?>
,
mo = <?php
echo intval($mo) - 1;
?>
,
d = <?php
echo intval($d);
?>
,
h = <?php
echo intval($h);
?>
,
mi = <?php
echo intval($mi);
?>
,
t = new Date(y, mo, d, h, mi, 0);
jQuery('.ud_counter .sc_counter').countdown({
until: t,
layout: counterOptions.layout(),
labels: [years, months, weeks, days, hours, min, sec],
labels1: [years, months, weeks, days, hours, min, sec],
format: 'DHMS'
});
//#!-- End countdown
});
</script>
<?php
}
?>
<?php
WpkPageHelper::zn_bottommask_markup($bottom_mask);
?>
</div><!-- end kl-slideshow -->
<?php
}
/**
* This method is used to display the output of the element.
* @return void
*/
function element()
{
$options = $this->data['options'];
$elm_classes = array();
$elm_classes[] = $this->data['uid'];
$elm_classes[] = $this->opt('css_class', '');
$color_scheme = $this->opt('element_scheme', '') == '' ? zget_option('zn_main_style', 'color_options', false, 'light') : $this->opt('element_scheme', '');
$elm_classes[] = 'stepsbox4--' . $color_scheme;
$elm_classes[] = 'element-scheme--' . $color_scheme;
if (!empty($options['stp_title'])) {
echo '<h3 class="m_title m_title_ext text-custom">' . $options['stp_title'] . '</h3>';
}
echo '<div class="step-boxes-4 stepbox4 ' . implode(' ', $elm_classes) . '">';
if (!empty($options['steps_single4']) && is_array($options['steps_single4'])) {
$i = 1;
$all = count($options['steps_single4']);
$cls = '';
foreach ($options['steps_single4'] as $step) {
if ($i % 2 != 0) {
$align = 'left';
} else {
$align = 'right';
}
if ($i == $all) {
$cls = 'last';
}
$stp_link = zn_extract_link($step['stp_link'], 'stp_link stepbox4-link');
echo '<div class="process_box4 stepbox4-box ' . $cls . '">';
if (!empty($step['stp_single_title'])) {
echo '<h4 class="stp_title stepbox4-title">';
echo $stp_link['start'];
echo $step['stp_single_title'];
echo $stp_link['end'];
echo '</h4>';
}
echo '<div class="pb__line stepbox4-line"><div class="number stepbox4-number">';
echo $stp_link['start'];
// $tabIcon = (isset($step['vts_tab_icon']) && !empty($step['vts_tab_icon']) ? $step['vts_tab_icon'] : '');
$iconHolder = $step['vts_tab_icon'];
$tabIcon = !empty($iconHolder['family']) ? '<span class="stepbox4-icon" ' . zn_generate_icon($step['vts_tab_icon']) . '></span>' : '';
if ($options['stepsbox_style'] == 'style2' && !empty($tabIcon)) {
echo $tabIcon;
} else {
echo '<span class="stepbox4-icon">';
if ($i < 10) {
echo '0' . $i;
} else {
echo $i;
}
echo '</span>';
}
echo $stp_link['end'];
echo '</div></div>';
echo '<div class="content stepbox4-content">';
// STEP CONTENT
if (!empty($step['stp_single_desc'])) {
if (preg_match('%(<p[^>]*>.*?</p>)%i', $step['stp_single_desc'], $regs)) {
echo $step['stp_single_desc'];
} else {
echo '<p>' . $step['stp_single_desc'] . '</p>';
}
}
echo '</div>';
echo '<div class="clearfix"></div>';
echo '</div>';
$i++;
}
}
echo '</div>';
}
function element()
{
global $zn_config;
$separator_top = $this->opt('show_oblique_top') ? $this->opt('show_oblique_top') : 'yes';
$sort_alphabetical = $this->opt('sort_alphabetical') ? $this->opt('sort_alphabetical') : '';
$data_sort = $sort_alphabetical === 'yes' ? 'data-sort="h3 a"' : '';
$separator_top = zn_get_top_separator(array('show' => $separator_top));
$category = $this->opt('category') ? $this->opt('category') : '0';
$posts_per_page = $this->opt('post_per_page') ? $this->opt('post_per_page') : '8';
// How many posts to load
$columns_num = $this->opt('columns_num') ? $this->opt('columns_num') : '3';
$zn_config['columns'] = zn_get_col_size($columns_num);
$zn_config['archive_type'] = $archive_type = false;
$zn_config['pagination'] = $this->opt('use_pagination');
$zn_config['use_as_gallery'] = $this->opt('use_as_gallery') === 'yes' ? true : false;
$portfolio_icon_opt = zget_option('portfolio_archive_icon', 'portfolio_options');
$portfolio_icon = !empty($portfolio_icon_opt['family']) ? '<div class="sectionIcon " ' . zn_generate_icon($portfolio_icon_opt) . '></div>' : '';
?>
<section id="ZnPortfolio" class="obliqueCut <?php
echo $separator_top['class'];
?>
<?php
echo $this->data['uid'];
?>
">
<?php
echo $separator_top['svg'];
//echo $portfolio_icon;
//<div class="sectionIcon zn_icon icon_ribbon_alt"></div>
?>
<div class="container">
<?php
$args = array('include' => $category, 'hide_empty' => true);
$terms = $archive_type ? false : get_terms("portfolio_categories", $args);
if (!empty($terms) && !is_wp_error($terms) && count($terms) > 1) {
echo '<div class="row">';
echo '<div class="col-sm-12">';
echo '<div class="zn_portfolio_filter_container">';
echo '<span class="filter_title h4 titleColor">' . __('Filter:', 'zn_framework') . '</span>';
echo "<ul class='zn_portfolio_categories'>";
echo '<li class="all"><a href="#" title="' . __('Alle', 'zn_framework') . '" data-filter="*" class="active">' . __('Alle', 'zn_framework') . '</a></li>';
foreach ($terms as $term) {
$term = sanitize_term($term, 'portfolio_categories');
$term_link = get_term_link($term, 'portfolio_categories');
// CHECK IF WE HAVE AN ERROR
if (is_wp_error($term_link)) {
continue;
}
echo '/';
echo '<li><a href="' . $term_link . '" title="' . $term->name . '" data-filter="' . $term->slug . '">' . $term->name . '</a></li>';
}
echo "</ul>";
echo "</div>";
echo "</div>";
echo "</div>";
}
global $query_string, $paged;
$tax_cat = '';
if (!empty($category)) {
$tax_cat = array(array('taxonomy' => 'portfolio_categories', 'field' => 'id', 'terms' => $category));
}
global $paged;
$args = array('post_type' => 'portfolio', 'post_status' => 'publish', 'posts_per_page' => $posts_per_page, 'tax_query' => $tax_cat, 'paged' => $paged);
query_posts($args);
?>
<!-- START BLOG CONTENT -->
<div class="row">
<!--MAIN COLUMN-->
<div class="zn_portfolio_archive col-sm-12" <?php
echo $data_sort;
?>
>
<?php
get_template_part('template_helpers/loop', 'portfolio');
wp_reset_query();
?>
</div>
</div>
</div>
</section>
<!--END Portfolio archive section-->
<?php
}
/**
* This method is used to display the output of the element.
*
* @return void
*/
function element()
{
if (empty($this->data['options'])) {
return;
}
$symbol = '';
$te_symbol = $this->opt('te_symbol');
$symbol_pos = $this->opt('te_symbol_pos', 'after-title');
$symbol_color = $this->opt('te_symbol_color', 'default') == 'theme' ? 'tbk--colored' : '';
if (!empty($te_symbol)) {
$symbol .= '<span class="tbk__symbol ">';
$iconHolder = $this->opt('te_symbol_icon');
if ($te_symbol == 'icon' && !empty($iconHolder['family'])) {
$symbol .= '<span class="tbk__icon" ' . zn_generate_icon($this->opt('te_symbol_icon')) . '></span>';
} else {
$symbol .= '<span></span>';
}
$symbol .= '</span>';
}
$classes = array();
$classes[] = 'tbk--text-' . ($this->opt('te_color_theme', '') == 'default' ? '' : $this->opt('te_color_theme', ''));
$classes[] = 'tbk--' . $this->opt('te_alignment', 'center');
$classes[] = 'text-' . $this->opt('te_alignment', 'center');
$classes[] = 'tbk-symbol--' . $te_symbol;
$classes[] = $symbol_color;
$classes[] = 'tbk-icon-pos--' . $symbol_pos;
$classes[] = $this->data['uid'];
$classes[] = $this->opt('css_class', '');
echo '<div class="kl-title-block clearfix ' . implode(' ', $classes) . '">';
if ($symbol_pos == 'before-title') {
echo $symbol;
}
if ($te_title = $this->opt('te_title')) {
$brd2_start = '';
$brd2_end = '';
if (!empty($te_symbol) && $te_symbol == 'border2') {
$brd2_start = '<span class="tbk__border-helper">';
$brd2_end = '</span>';
}
$title_heading = $this->opt('te_tt_heading', '3');
echo '<h' . $title_heading . ' class="tbk__title ">';
if ($symbol_pos == 'left-title' && $te_symbol == 'icon') {
echo $symbol;
}
echo $brd2_start;
echo do_shortcode($te_title);
echo $brd2_end;
echo '</h' . $title_heading . '>';
}
// In case there's no icon and symbol placement is left, place the
// symbol (whatever it is) after the title
if ($symbol_pos == 'after-title' || $symbol_pos == 'left-title' && $te_symbol != 'icon') {
echo $symbol;
}
if ($te_subtitle = $this->opt('te_subtitle')) {
echo '<h4 class="tbk__subtitle">' . do_shortcode($te_subtitle) . '</h4>';
}
if ($symbol_pos == 'after-subtitle') {
echo $symbol;
}
if ($te_text = $this->opt('te_text')) {
echo '<div class="tbk__text">';
$content = wpautop($te_text);
if (!empty($te_text)) {
if (preg_match('%(<[^>]*>.*?</)%i', $content, $regs)) {
echo do_shortcode($content);
} else {
echo '<p>' . do_shortcode($content) . '</p>';
}
}
echo '</div>';
}
if ($symbol_pos == 'after-text') {
echo $symbol;
}
echo '</div>';
}
/**
* This method is used to display the output of the element.
* @return void
*/
function element()
{
$options = $this->data['options'];
if (empty($options)) {
return;
}
$elm_classes = array();
$elm_classes[] = $this->data['uid'];
$elm_classes[] = $this->opt('css_class', '');
$color_scheme = $this->opt('th_stat_theme_color', '') == '' ? zget_option('zn_main_style', 'color_options', false, 'light') : $this->opt('th_stat_theme_color', '');
$elm_classes[] = 'statistic-box--' . $color_scheme;
$elm_classes[] = 'element-scheme--' . $color_scheme;
$style = $this->opt('th_stat_style', 'style1');
$elm_classes[] = 'statistic-box--stl-' . $style;
$items = isset($options['statistics_single']) && !empty($options['statistics_single']) ? $options['statistics_single'] : null;
echo '<div class="statistic-box__container ' . implode(' ', $elm_classes) . '" >';
if (!empty($items)) {
$count = count($items);
foreach ($items as $i => $item) {
$title = isset($item['th_stat_single_title']) ? $item['th_stat_single_title'] : '';
$content = isset($item['th_stat_single_desc']) ? $item['th_stat_single_desc'] : '';
$iconHolder = $item['th_stat_single_icon'];
$odd = false;
$iconhtml = '';
$icontype = isset($item['th_stat_icontype']) && !empty($item['th_stat_icontype']) ? $item['th_stat_icontype'] : 'icon';
if ($icontype == 'icon') {
if (!empty($iconHolder['family'])) {
$iconhtml .= '
<div class="statistic-box__icon-holder">
<span class="statistic-box__icon" ' . zn_generate_icon($iconHolder) . '></span>
</div>
';
}
} else {
if (isset($item['th_stat_single_iconimg']) && !empty($item['th_stat_single_iconimg'])) {
$iconhtml .= '
<div class="statistic-box__icon-holder statistic-box__icon-holder--img">
<img class="statistic-box__icon statistic-box__iconimg" src="' . $item['th_stat_single_iconimg'] . '" alt="">
</div>
';
}
}
$detailshtml = '';
if (!empty($title) && !empty($content)) {
$detailshtml .= '<div class="statistic-box__details">';
if (!empty($title)) {
$detailshtml .= '<h4 class="statistic-box__title">' . $title . '</h4>';
}
if (!empty($content)) {
$detailshtml .= '<div class="statistic-box__content">' . $content . '</div>';
}
$detailshtml .= '</div>';
}
if ($i > 0 && $i % 2 > 0) {
$odd = true;
}
echo '<div class="statistic-box ' . ($odd && $style == 'style1' ? 'statistic-box--odd' : '') . ' ">';
echo $iconhtml;
echo '<div class="statistic-box__line"></div>';
echo $detailshtml;
echo '</div>';
}
}
echo '</div>';
}
function element()
{
global $zn_config;
// Check to see if the page has a sidebar or not
$category = $this->opt('category') ? $this->opt('category') : '0';
$posts_per_page = $this->opt('post_per_page') ? $this->opt('post_per_page') : '8';
$separator_top = $this->opt('show_oblique_top') ? $this->opt('show_oblique_top') : 'yes';
$main_class = zn_get_content_class('blog_sidebar');
$icon_opt = $this->opt('icon');
$icon = !empty($icon_opt['family']) ? '<div class="sectionIcon"><span class="zn_icon_box_icon" ' . zn_generate_icon($icon_opt) . '></span></div>' : '';
if (strpos($main_class, 'sidebar_right') !== false || strpos($main_class, 'sidebar_left') !== false) {
$zn_config['sidebar'] = true;
} else {
$zn_config['sidebar'] = false;
}
// GET BLOG STYLE
$zn_config['size'] = $zn_config['sidebar'] ? 'col-sm-9' : 'col-sm-12';
$zn_config['columns'] = '';
// SHOW OBLIQUE UNDER SUBHEADER ?
$page_option = zget_option('show_oblique_heder', 'general_options', false, 'yes');
$separator_top = zn_get_top_separator(array('show' => $separator_top));
global $query_string, $paged;
$args = array('posts_per_page' => $posts_per_page, 'category__and' => $category);
query_posts($args);
?>
<!--Blog section-->
<section id="sBlog" class="obliqueCut lightSection <?php
echo $separator_top['class'];
?>
<?php
echo $this->data['uid'];
?>
">
<?php
echo $separator_top['svg'];
?>
<?php
echo $icon;
?>
<div class="container">
<!-- START BLOG CONTENT -->
<div class="row ">
<!--MAIN COLUMN-->
<div class="<?php
echo $main_class;
?>
blog_latest style3">
<?php
get_template_part('template_helpers/loop', 'index');
wp_reset_query();
?>
</div>
<!-- sidebar -->
<?php
get_sidebar();
?>
</div>
</div>
<!-- END CONTAINER -->
</section>
<!--END Blog section-->
<?php
}
/**
* This method is used to display the output of the element.
*
* @return void
*/
function element()
{
$options = $this->data['options'];
if (empty($options['single_horizontal_tab'])) {
return;
}
$icon = '';
$elm_classes = array();
$elm_classes[] = $uid = $this->data['uid'];
$elm_classes[] = $this->opt('css_class', '');
$color_scheme = $this->opt('element_scheme', '') == '' ? zget_option('zn_main_style', 'color_options', false, 'light') : $this->opt('element_scheme', '');
$elm_classes[] = 'tabs--' . $color_scheme;
$elm_classes[] = 'element-scheme--' . $color_scheme;
$single_tabs = $this->opt('single_horizontal_tab');
$tabsListCount = count($single_tabs);
$elm_classes[] = $this->opt('vts_tab_style', 'tabs_style1');
$pb_tab = 0;
echo '<div class="tabbable ' . implode(' ', $elm_classes) . '">';
if (!empty($single_tabs) && is_array($single_tabs)) {
echo '<ul class="nav nav-alignment--' . $this->opt('tabs_alignment', 'left') . ' clearfix" role="tablist">';
// foreach ( $single_tabs as $tab )
for ($i = 0; $i < $tabsListCount; $i++) {
$cls = '';
if ($i === 0) {
$cls = 'active in';
}
// ICON CHECK
if (!empty($single_tabs[$i]['vts_tab_icon'])) {
$iconHolder = $single_tabs[$i]['vts_tab_icon'];
$icon = !empty($iconHolder['family']) ? '<span class="hr-tabs-nav-icon " ' . zn_generate_icon($single_tabs[$i]['vts_tab_icon']) . '></span>' : '';
}
$uniq_name = $uid . '_' . $i;
// Tab Handle
echo '<li class="' . $cls . '">';
echo '<a href="#' . $uniq_name . '" role="tab" data-toggle="tab">';
echo $icon;
echo '<span>' . $single_tabs[$i]['vts_tab_title'] . '</span>';
echo '</a>';
echo '</li>';
// $i++;
}
echo '</ul>';
echo '<div class="tab-content">';
// foreach ( $single_tabs as $tab )
for ($i = 0; $i < $tabsListCount; $i++) {
$cls = $content = '';
if ($i === 0) {
$cls = 'active in';
}
$uniq_name = $uid . '_' . $i;
// TAB CONTENT
echo '<div class="tab-pane ' . $cls . '" id="' . $uniq_name . '">';
// Convert the old content to PB elements
if (empty($this->data['content'][$i]) && (!empty($single_tabs[$i]['vts_tab_c_title']) || !empty($single_tabs[$i]['vts_tab_c_content']))) {
$textbox = ZNPB()->add_module_to_layout('TH_TextBox', array('stb_title' => $single_tabs[$i]['vts_tab_c_title'], 'stb_content' => $single_tabs[$i]['vts_tab_c_content']));
$column = ZNPB()->add_module_to_layout('ZnColumn', array(), array($textbox), 'col-sm-12');
$this->data['content'][$i] = array($column);
}
// Add complex page builder element
echo '<div class="row tabPaneContainer zn_columns_container zn_content" data-droplevel="1">';
if (empty($this->data['content'][$i])) {
$column = ZNPB()->add_module_to_layout('ZnColumn', array(), array(), 'col-sm-12');
$this->data['content'][$i] = array($column);
}
if (!empty($this->data['content'][$i])) {
// print_z($this);
ZNPB()->zn_render_content($this->data['content'][$i]);
}
echo ' </div>';
echo '</div>';
}
echo '</div>';
}
echo '</div>';
}
/**
* This method is used to display the output of the element.
*
* @return void
*/
function element()
{
echo '<div class="elm-socialicons ' . $this->data['uid'] . ' text-' . $this->opt('el_alignment', 'left') . ' ' . $this->opt('css_class', '') . '">';
$sicons = $this->opt('single_sc');
$sc_style = $this->opt('sc_style', 'normal');
if (is_array($sicons) && !empty($sicons)) {
echo '<ul class="elm-social-icons sc--' . $sc_style . ' sh--' . $this->opt('sc_shape', 'rounded') . ' clearfix">';
foreach ($sicons as $k => $icon) {
$icon_color = '';
if ($sc_style != 'normal' && $sc_style != 'clean') {
$icon_color = isset($icon['sc_icon_color']) && !empty($icon['sc_icon_color']) ? $icon['sc_icon_icon']['unicode'] : 'nocolor';
}
echo '<li class="elm-social-icons-item">';
if (!empty($icon['sc_icon_icon'])) {
$sc_icon_link = zn_extract_link($icon['sc_icon_link'], 'elm-sc-icon elm-sc-icon-' . $k, zn_generate_icon($icon['sc_icon_icon']), false, false, '#');
echo $sc_icon_link['start'] . $sc_icon_link['end'];
}
echo '</li>';
}
echo '</ul>';
}
echo '</div>';
}
<?php
$post_format = get_post_format() ? get_post_format() : 'standard';
$current_post = zn_setup_post_data($post_format);
echo $current_post['before'];
echo '<article id="post-' . get_the_ID() . '" class="clearfix ' . implode(' ', get_post_class()) . '">';
// POST MEDIA
echo $current_post['media'];
// POST META
?>
<div class="meta" data-appear="fade-in" data-appear-direction="left">
<?php
echo '<div class="article_type" ' . zn_generate_icon(zget_option($post_format . '_post_icon', 'blog_options')) . '></div>';
?>
<div class="article_date"><?php
echo get_the_date('d M');
?>
</div>
</div>
<div class="article_content textLight">
<!-- ARTICLE TITLE -->
<?php
echo $current_post['title'];
?>
<!-- ARTICLE META -->
<?php
echo $current_post['meta'];
?>
