/** * 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']; ?>