PHP zn_extract_link函数代码示例

    function element()
    {
        $links = $this->opt('links') ? $this->opt('links') : false;
        //** 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($links)) {
            echo '<div class="zn-pb-notification">Please configure the element options and create at least one link.</div>';
            return;
        }
        ?>

    <ul class="horizontalLinks <?php 
        echo $this->data['uid'];
        ?>
" <?php 
        echo $appear;
        ?>
>
		<?php 
        foreach ($links as $key => $link) {
            $link_extracted = !empty($link['link']) ? zn_extract_link($link['link'], 'arrowLink arrowRight') : '';
            $link_text = !empty($link['link_text']) ? $link['link_text'] : '';
            if ($link_text && is_array($link_extracted)) {
                echo '<li>' . $link_extracted['start'] . $link_text . $link_extracted['end'] . '</li>';
            }
        }
        ?>

    </ul>
	<?php 
    }

    /**
     * This method is used to display the output of the element.
     *
     * @return void
     */
    function element()
    {
        $options = $this->data['options'];
        $content = '';
        $cls = 'margin-top:10px;';
        $hover_box_style = $this->opt('hover_box_style', 'hover-box');
        $hb_icon = $this->opt('hb_icon', '');
        echo '<div class="zn_hover_box ' . $this->opt('css_class', '') . '">';
        $hb_link = zn_extract_link($this->opt('hb_link', ''), 'hover-box u-trans-all-2s ' . $this->opt('hb_align', 'zn_fill_class') . ' ' . $hover_box_style . ' ' . $this->data['uid'], 'style="' . ($hover_box_style == 'hover-box-3' && !empty($hb_icon) ? 'background-image:url(' . $hb_icon . '); background-size:cover' : '') . '"', false, false, '#');
        echo $hb_link['start'];
        if ($hover_box_style == 'hover-box-2') {
            echo '<svg class="hb-circle" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="187px" height="187px" viewBox="0 0 187 187">
					<circle stroke="#FFFFFF" fill="none" stroke-width="2" cx="93.5" cy="93.5" r="90.5"></circle>
					<path d="M117.004,93 L115.594,94.388 L79.412,130.004 L78.002,128.616 L114.185,93 L78.002,57.384 L79.412,55.996 L115.594,91.612 L117.004,93 L117.004,93 Z" fill="#FFFFFF" ></path>
				</svg>';
        }
        if (!empty($hb_icon)) {
            echo '<img src="' . $hb_icon . '" class="hb-img hover-box-img ' . (isset($options['hb_rmmargin']) && $options['hb_rmmargin'] == 1 && $hover_box_style == 'hover-box-2' ? 'rb-right' : '') . '" alt="">';
        }
        if (!empty($options['hb_desc'])) {
            $content = '<div class="hover-box__content hover-box-content">' . $options['hb_desc'] . '</div>';
            $cls = '';
        }
        if (isset($options['hb_title']) && !empty($options['hb_title'])) {
            echo '<h3 class="hover-box-title" style="' . $cls . '">' . $options['hb_title'] . '</h3>';
        }
        if (isset($options['hb_subtitle']) && !empty($options['hb_subtitle'])) {
            echo '<h4 class="hover-box-subtitle">' . $options['hb_subtitle'] . '</h4>';
        }
        echo $content;
        echo $hb_link['end'];
        echo '</div>';
    }

 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();
 }

 /**
  * 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()
    {
        $style = $this->opt('style') ? $this->opt('style') : '';
        $title_style = $this->opt('title_style') ? $this->opt('title_style') : '';
        $description_style = $this->opt('description_style') ? $this->opt('description_style') : '';
        if ($description_style === 'style5') {
            $title_style .= ' smallSpacing';
        }
        //** Only for description style 5 decrease the title bottom margin
        $title = $this->opt('title') ? $this->opt('title') : '';
        $titleAlignment = $this->opt('title_alignment') ? $this->opt('title_alignment') : 'text-left';
        $desc = $this->opt('desc') ? $this->opt('desc') : '';
        $button_style = $this->opt('button_style') ? 'zn_button ' . $this->opt('button_style') : 'zn_button';
        $link_text = $this->opt('link_text') ? $this->opt('link_text') : '';
        $link = $this->opt('link') ? zn_extract_link($this->opt('link'), $button_style . ' text_box_button ') : '';
        //** 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($title) && empty($desc)) {
            echo '<div class="zn-pb-notification">Please edit the element and add at least a title or description.</div>';
        }
        ?>

		<div class="text_box <?php 
        echo $style;
        ?>
 <?php 
        echo $this->data['uid'];
        ?>
" <?php 
        echo $appear;
        ?>
>
			<?php 
        if (!empty($title)) {
            echo '<h2 class="zn_title ' . $title_style . ' ' . $titleAlignment . '">' . $title . '</h2>';
        }
        ?>
			<div class="text_box_line"></div>
            <?php 
        if ($desc != "<p>&nbsp;</p>") {
            ?>
			<div class="desc <?php 
            echo $description_style;
            ?>
"><?php 
            echo wpautop($desc);
            ?>
</div>
            <?php 
        }
        ?>
			<?php 
        if ($link_text && is_array($link)) {
            echo $link['start'] . $link_text . $link['end'];
        }
        ?>
		</div>

	<?php 
    }

 function element()
 {
     $style = $this->opt('style') ? $this->opt('style') : '';
     $image = $this->opt('image') ? $this->opt('image') : '';
     $click_action = $this->opt('click_action') ? $this->opt('click_action') : '';
     $image_alignment = $this->opt('image_alignment') ? $this->opt('image_alignment') : '';
     //** 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($image)) {
         echo '<div class="zn-pb-notification">Please configure the element and add an image.</div>';
         return;
     }
     //$link = $this->opt('link');
     //$link_extracted = !empty( $link ) ? zn_extract_link( $this->opt('link') , '' ) : '';
     $link_extracted = zn_extract_link($this->opt('link'));
     if ($click_action === 'popup') {
         $image_src = wp_get_attachment_image($image, 'full', false, array('class' => 'img-responsive animate magPopupImg ' . $image_alignment . '', 'data-mfp-src' => wp_get_attachment_url($image)));
     } else {
         if ($click_action === 'link') {
             $image_src = $link_extracted['start'] . wp_get_attachment_image($image, 'full', false, array('class' => 'img-responsive animate ' . $image_alignment . '')) . $link_extracted['end'];
         } else {
             $image_src = wp_get_attachment_image($image, 'full', false, array('class' => 'img-responsive ' . $image_alignment . ''));
         }
     }
     echo '<div class="znImageContainer clearfix ' . $this->data['uid'] . '" ' . $appear . '>';
     //echo '<img alt="Image" src="'.$image.'" class="img-responsive animate">';
     echo '<div class="znImgSubcontainer ' . (empty($click_action) ? '' : 'scaleRotateImg') . '">';
     echo $image_src;
     echo '</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 
    }

 /**
  * This method is used to display the output of the element.
  *
  * @return void
  */
 function element()
 {
     $options = $this->data['options'];
     $uid = $this->data['uid'];
     $resize_method = $this->opt('ib2_resize_method', 'default');
     echo '<div class="offer-banners ob--resize-' . $resize_method . ' ' . $uid . ' ' . $this->opt('css_class', '') . '">';
     if (!empty($options['image_box_title'])) {
         echo '<h3 class="m_title m_title_ext text-custom offer-banners-title">' . $options['image_box_title'] . '</h3>';
     }
     if (!empty($options['ib2_single']) && is_array($options['ib2_single'])) {
         echo '<div class="row">';
         foreach ($options['ib2_single'] as $simage) {
             if ($slide_image = $simage['ib2_image']) {
                 $saved_alt = $saved_title = '';
                 if (is_array($slide_image)) {
                     // Get the saved image
                     $saved_image = $slide_image['image'];
                     if (!empty($slide_image['alt'])) {
                         $saved_alt = $slide_image['alt'];
                     }
                     if (!empty($slide_image['title'])) {
                         $saved_title = 'title="' . $slide_image['title'] . '"';
                     }
                 } else {
                     $saved_image = $slide_image;
                 }
                 $element_size = zn_get_size($simage['ib2_width']);
                 echo '<div class="' . $element_size['sizer'] . '">';
                 $ib2_link = zn_extract_link($simage['ib2_link'], 'offer-banners-link hoverBorder', false, false, false, '#');
                 echo $ib2_link['start'];
                 if ($resize_method == 'default') {
                     $image = vt_resize('', $saved_image, $element_size['width'], '', true);
                     echo '<img src="' . $image['url'] . '" height="' . $image['height'] . '" width="' . $image['width'] . '" alt="' . $saved_alt . '"  ' . $saved_title . ' class="img-responsive offer-banners-img" />';
                 } else {
                     if ($resize_method == 'cover') {
                         $imgheight = isset($simage['ib2_image_height']) && !empty($simage['ib2_image_height']) ? $simage['ib2_image_height'] : 330;
                         echo '<div class="offer-banners-img hoverborder-img" style="background-image:url(' . $saved_image . '); height:' . $imgheight . 'px;"></div>';
                     } else {
                         if ($resize_method == 'no-resize') {
                             echo '<img src="' . $saved_image . '" alt="' . $saved_alt . '"  ' . $saved_title . ' class="img-responsive offer-banners-img" />';
                         }
                     }
                 }
                 echo $ib2_link['end'];
                 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'];
     if (empty($options)) {
         return;
     }
     $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[] = 'actionbox--' . $color_scheme;
     $elm_classes[] = $this->opt('ac_style', 'style1');
     echo '<div class="action_box ' . implode(' ', $elm_classes) . '" data-arrowpos="center">';
     echo '<div class="action_box_inner action_box-inner">';
     echo '<div class="action_box_content action_box-content">';
     // Title
     $hasTitle = isset($options['page_ac_title']) && !empty($options['page_ac_title']);
     $hasSubtitle = isset($options['page_ac_subtitle']) && !empty($options['page_ac_subtitle']);
     if ($hasTitle || $hasSubtitle) {
         echo '<div class="ac-content-text action_box-text">';
     }
     if ($hasTitle) {
         echo '<h4 class="text action_box-title">' . do_shortcode($options['page_ac_title']) . '</h4>';
     }
     if ($hasSubtitle) {
         echo '<h5 class="ac-subtitle action_box-subtitle">' . do_shortcode($options['page_ac_subtitle']) . '</h5>';
     }
     if ($hasTitle || $hasSubtitle) {
         echo '</div>';
     }
     // LINKS
     $page_ac_b_link = zn_extract_link($this->opt('page_ac_b_link', ''), 'btn ac-btn action_box-button action_box-button-first ' . $this->opt('page_ac_b_link_style', 'btn-lined'), '');
     $page_ac_b_link2 = zn_extract_link($this->opt('page_ac_b_link2', ''), 'btn ac-btn action_box-button action_box-button-second ' . $this->opt('page_ac_b_link2_style', 'btn-fullwhite'), '');
     if (!empty($page_ac_b_link['start']) || !empty($page_ac_b_link2['start'])) {
         echo '<div class="ac-buttons action_box-buttons">';
     }
     if (!empty($page_ac_b_link['start'])) {
         echo $page_ac_b_link['start'] . $options['page_ac_b_text'] . $page_ac_b_link['end'];
     }
     if (!empty($page_ac_b_link2['start'])) {
         echo $page_ac_b_link2['start'] . $options['page_ac_b_text2'] . $page_ac_b_link2['end'];
     }
     if (!empty($page_ac_b_link['start']) || !empty($page_ac_b_link2['start'])) {
         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'];
     if (empty($options)) {
         return;
     }
     $button = false;
     $div_size = 'col-sm-12';
     if (!empty($options['cab_button_text'])) {
         $button = true;
         $div_size = 'col-sm-10';
     }
     $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[] = 'calloutbanner--' . $color_scheme;
     $elm_classes[] = 'element-scheme--' . $color_scheme;
     echo '<div class="callout-banner clearfix ' . implode(' ', $elm_classes) . '">';
     echo '<div class="row">';
     if (!empty($options['cab_main_title']) || !empty($options['cab_sec_title'])) {
         echo '<div class="' . $div_size . '">';
         if (!empty($options['cab_main_title'])) {
             echo '<h3 class="m_title m_title_ext text-custom callout-banner-title">' . $options['cab_main_title'] . '</h3>';
         }
         if (!empty($options['cab_sec_title'])) {
             echo '<p>' . $options['cab_sec_title'] . '</p>';
         }
         echo '</div>';
     }
     if ($button) {
         $cab_button_link = zn_extract_link($this->opt('cab_button_link', ''), 'circlehover with-symbol kl-main-bgcolor kl-main-bgcolor-before ' . $this->opt('calloutbox_style', 'style1'), 'data-size="" data-position="top-left" data-align="right"');
         echo '<div class="col-sm-2">';
         echo $cab_button_link['start'];
         echo '<span class="text circlehover-text u-trans-all-2s">' . $options['cab_button_text'] . '</span>';
         if (!empty($options['cab_button_image'])) {
             echo '<span class="symbol circlehover-symbol u-trans-all-2s"><img class="circlehover-symbol-img" src="' . $options['cab_button_image'] . '" alt=""></span>';
         } else {
             echo '<span class="symbol u-trans-all-2s"><img class="circlehover-symbol-img" src="' . THEME_BASE_URI . '/images/ok.png" alt=""></span>';
         }
         echo '<div class="triangle circlehover-symbol-trg"><span class="play-icon"></span></div>';
         echo $cab_button_link['end'];
         echo '</div>';
     }
     echo '</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>';
 }

    /**
     * This method is used to display the output of the element.
     *
     * @return void
     */
    function element()
    {
        $options = $this->data['options'];
        ?>

		<div class="shop-features <?php 
        echo $this->data['uid'];
        ?>
 <?php 
        echo $this->opt('css_class', '');
        ?>
">
			<div class="row">
				<?php 
        if (!empty($options['sf_title'])) {
            echo '<div class="col-sm-3">';
            echo '<h3 class="title">' . $options['sf_title'] . '</h3>';
            echo '</div>';
        }
        if (isset($options['sf_single']) && is_array($options['sf_single'])) {
            foreach ($options['sf_single'] as $single) {
                echo '<div class="col-sm-3">';
                $link_start = '';
                $link_end = '';
                $lp_link = zn_extract_link($single['lp_link']);
                echo '<div class="shop-feature u-trans-all-2s kl-font-alt">';
                if (!empty($single['lp_single_logo'])) {
                    echo $lp_link['start'] . '<img src="' . $single['lp_single_logo'] . '" alt="">' . $lp_link['end'];
                }
                echo '<div class="sf-text">';
                if (!empty($single['lp_single_line1'])) {
                    echo '<h4 class="kl-font-alt">' . $single['lp_single_line1'] . '</h4>';
                }
                if (!empty($single['lp_single_line2'])) {
                    echo '<h5 class="kl-font-alt">' . $single['lp_single_line2'] . '</h5>';
                }
                echo '</div>';
                echo '</div><!-- end shop feature -->';
                echo '</div>';
            }
        }
        ?>
			</div>
		</div>
	<?php 
    }

 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>';
 }

 function element()
 {
     $testimonials = $this->opt('testimonials') ? $this->opt('testimonials') : array();
     $autoScroll = $this->opt('auto_scroll') === 'yes' ? 'true' : 'false';
     $elemStyle = $this->opt('carousel_style') ? $this->opt('carousel_style') : '';
     $testStyle = $this->opt('testimonial_style') ? $this->opt('testimonial_style') : '';
     $timeout_duration = $this->opt('timeout_duration') ? $this->opt('timeout_duration') : '2500';
     //** 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($testimonials)) {
         echo '<div  class="zn-pb-notification">Please configure the element options and select create your testimonials.</div>';
     }
     echo '<ul class="genericSlider testimonials ' . $elemStyle . ' ' . $testStyle . ' clearfix ' . $this->data['uid'] . '" data-auto="' . $autoScroll . '" data-duration="' . $timeout_duration . '" ' . $appear . '>';
     foreach ($testimonials as $testimonial) {
         echo '<li>';
         if ($elemStyle != 't_style2 t_style4') {
             echo '<div class="' . $testimonial['author_rating'] . ' imagerating descriptionColor">';
             if ($testimonial['author_image']) {
                 echo '    <img alt="Author" src="' . $testimonial['author_image'] . '" />';
             }
             echo '</div>';
         }
         echo '<div class="testimonial">';
         echo '    <p class="text">' . $testimonial['testimonial'] . '</p>';
         echo '    <p class="author descriptionColor">' . $testimonial['author'] . '</p>';
         if ($testimonial['author_website']) {
             if (array_key_exists('link', $testimonial)) {
                 $link = $testimonial['link'] ? zn_extract_link($testimonial['link'], ' source ') : '';
                 if (empty($link['start'])) {
                     $link['start'] = '<span class="source">';
                     $link['end'] = '</span>';
                 }
                 echo $link['start'] . $testimonial['author_website'] . $link['end'];
             } else {
                 echo '    <span class="source">' . $testimonial['author_website'] . '</span>';
             }
         }
         echo '</div>';
         echo '</li>';
     }
     echo '</ul>';
     if (count($testimonials) > 1) {
         echo '<div class="sliderPagination text-center"></div>';
     }
 }

 function element()
 {
     $CustomersLogos = $this->opt('customers_logos') ? $this->opt('customers_logos') : array();
     //** 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($CustomersLogos)) {
         echo '<div class="zn-pb-notification">Please add customers logos to this element.</div>';
     }
     echo '<ul class="customersList clearfix ' . $this->data['uid'] . '" ' . $appear . '>';
     foreach ($CustomersLogos as $customerLogo) {
         $extractedLink = zn_extract_link($customerLogo['customer_url']);
         echo '<li>';
         echo $extractedLink['start'];
         echo '<img alt="' . $customerLogo['customer_name'] . '" src="' . $customerLogo['customer_image'] . '" />';
         echo $extractedLink['end'];
         echo '</li>';
     }
     echo '</ul>';
 }