Example #1
0
 /**
  * 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>';
 }
Example #2
0
    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>';
 }
Example #8
0
 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>';
 }
Example #9
0
 /**
  * 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>';
 }
Example #10
0
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>';
 }
Example #12
0
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'];
                         }
                     }
                 }
             }
         }
     }
 }
Example #14
0
    /**
     * 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">&#xe810;</span>
                               <span class="playVideo zn_icon animate tooltip_top" title="Toggle play/pause">&#xe825;</span>
                               <span class="muteVideo zn_icon animate tooltip_top" title="Toggle mute/unmute">&#xe85a;</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 
    }
Example #16
0
    /**
     * 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);
    }
Example #17
0
    $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();
?>
Example #18
0
    /**
     * 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 
    }
Example #19
0
    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 
    }
Example #20
0
    /**
     * 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 
        }
    }
Example #21
0
 /**
  * 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="' . __("your.address@email.com", '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 
    }
Example #23
0
 /**
  * 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 
    }
Example #25
0
 /**
  * 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>';
 }
Example #26
0
    /**
     * 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>';
 }
Example #29
0
 /**
  * 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'];
?>