getShortcode(), $atts );
extract( $atts );
$el_class = $this->getExtraClass($el_class);
$element = 'tabs ';
if ( 'vc_tour' === $this->shortcode ) $element .= ' tabs-vertical';
// Extract tab titles
preg_match_all( '/vc_tab([^\]]+)/i', $content, $matches, PREG_OFFSET_CAPTURE );
$ul_class = '';
switch ( $position ) {
case 'top-right' :
$ul_class .= ' text-right';
break;
case 'bottom-left' :
$el_class .= ' tabs-bottom';
break;
case 'bottom-right' :
$ul_class .= ' nav-right';
$el_class .= ' tabs-bottom';
break;
case 'top-justify' :
$ul_class .= ' nav-justified';
break;
case 'bottom-justify' :
$ul_class .= ' nav-justified';
$el_class .= ' tabs-bottom';
break;
case 'vertical-left' :
if ($type == 'tabs-navigation') {
$ul_class .= ' col-md-4';
} else {
$ul_class .= ' col-sm-3';
}
$el_class .= ' tabs-left';
break;
case 'vertical-right' :
if ($type == 'tabs-navigation') {
$ul_class .= ' col-md-4';
} else {
$ul_class .= ' col-sm-3';
}
$el_class .= ' tabs-right';
break;
case 'top-center':
$el_class .= ' tabs-center';
break;
case 'bottom-center':
$el_class .= ' tabs-bottom tabs-center';
break;
default:
}
$el_class .= ' ' .$type;
/**
* vc_tabs
*
*/
$tabs = array();
if ( isset($matches[0]) ) { $tabs = $matches[0]; }
$tabs_nav = '';
$tabs_nav .= '';
foreach ( $tabs as $tab ) {
preg_match('/ title="([^\"]+)\"/i', $tab[0], $title_matches, PREG_OFFSET_CAPTURE);
preg_match('/ tab_id="([^\"]+)\"/i', $tab[0], $tab_id_matches, PREG_OFFSET_CAPTURE);
preg_match('/ show_icon="([^\"]+)\"/i', $tab[0], $show_icon_matches, PREG_OFFSET_CAPTURE);
preg_match('/ icon_type="([^\"]+)\"/i', $tab[0], $icon_type_matches, PREG_OFFSET_CAPTURE);
preg_match('/ icon_image="([^\"]+)\"/i', $tab[0], $icon_image_matches, PREG_OFFSET_CAPTURE);
preg_match('/ icon="([^\"]+)\"/i', $tab[0], $icon_matches, PREG_OFFSET_CAPTURE);
preg_match('/ icon_simpleline="([^\"]+)\"/i', $tab[0], $icon_simpleline_matches, PREG_OFFSET_CAPTURE);
preg_match('/ icon_skin="([^\"]+)\"/i', $tab[0], $icon_skin_matches, PREG_OFFSET_CAPTURE);
preg_match('/ icon_color="([^\"]+)\"/i', $tab[0], $icon_color_matches, PREG_OFFSET_CAPTURE);
preg_match('/ icon_bg_color="([^\"]+)\"/i', $tab[0], $icon_bg_color_matches, PREG_OFFSET_CAPTURE);
preg_match('/ icon_border_color="([^\"]+)\"/i', $tab[0], $icon_border_color_matches, PREG_OFFSET_CAPTURE);
preg_match('/ icon_wrap_border_color="([^\"]+)\"/i', $tab[0], $icon_wrap_border_color_matches, PREG_OFFSET_CAPTURE);
preg_match('/ icon_shadow_color="([^\"]+)\"/i', $tab[0], $icon_shadow_color_matches, PREG_OFFSET_CAPTURE);
preg_match('/ icon_hcolor="([^\"]+)\"/i', $tab[0], $icon_hcolor_matches, PREG_OFFSET_CAPTURE);
preg_match('/ icon_hbg_color="([^\"]+)\"/i', $tab[0], $icon_hbg_color_matches, PREG_OFFSET_CAPTURE);
preg_match('/ icon_hborder_color="([^\"]+)\"/i', $tab[0], $icon_hborder_color_matches, PREG_OFFSET_CAPTURE);
preg_match('/ icon_wrap_hborder_color="([^\"]+)\"/i', $tab[0], $icon_wrap_hborder_color_matches, PREG_OFFSET_CAPTURE);
preg_match('/ icon_hshadow_color="([^\"]+)\"/i', $tab[0], $icon_hshadow_color_matches, PREG_OFFSET_CAPTURE);
$tab_title = isset($title_matches) && isset($title_matches[1]) ? $title_matches[1][0] : '';
$tab_id = isset($tab_id_matches) && isset($tab_id_matches[1]) ? $tab_id_matches[1][0] : '';
$show_icon = isset($show_icon_matches) && isset($show_icon_matches[1]) ? $show_icon_matches[1][0] : '';
$icon_type = isset($icon_type_matches) && isset($icon_type_matches[1]) ? $icon_type_matches[1][0] : '';
$icon_image = isset($icon_image_matches) && isset($icon_image_matches[1]) ? $icon_image_matches[1][0] : '';
$icon = isset($icon_matches) && isset($icon_matches[1]) ? $icon_matches[1][0] : '';
$icon_simpleline = isset($icon_simpleline_matches) && isset($icon_simpleline_matches[1]) ? $icon_simpleline_matches[1][0] : '';
$icon_skin = isset($icon_skin_matches) && isset($icon_skin_matches[1]) ? $icon_skin_matches[1][0] : 'custom';
$icon_color = isset($icon_color_matches) && isset($icon_color_matches[1]) ? $icon_color_matches[1][0] : '';
$icon_bg_color = isset($icon_bg_color_matches) && isset($icon_bg_color_matches[1]) ? $icon_bg_color_matches[1][0] : '';
$icon_border_color = isset($icon_border_color_matches) && isset($icon_border_color_matches[1]) ? $icon_border_color_matches[1][0] : '';
$icon_wrap_border_color = isset($icon_wrap_border_color_matches) && isset($icon_wrap_border_color_matches[1]) ? $icon_wrap_border_color_matches[1][0] : '';
$icon_shadow_color = isset($icon_shadow_color_matches) && isset($icon_shadow_color_matches[1]) ? $icon_shadow_color_matches[1][0] : '';
$icon_hcolor = isset($icon_hcolor_matches) && isset($icon_hcolor_matches[1]) ? $icon_hcolor_matches[1][0] : '';
$icon_hbg_color = isset($icon_hbg_color_matches) && isset($icon_hbg_color_matches[1]) ? $icon_hbg_color_matches[1][0] : '';
$icon_hborder_color = isset($icon_hborder_color_matches) && isset($icon_hborder_color_matches[1]) ? $icon_hborder_color_matches[1][0] : '';
$icon_wrap_hborder_color = isset($icon_wrap_hborder_color_matches) && isset($icon_wrap_hborder_color_matches[1]) ? $icon_wrap_hborder_color_matches[1][0] : '';
$icon_hshadow_color = isset($icon_hshadow_color_matches) && isset($icon_hshadow_color_matches[1]) ? $icon_hshadow_color_matches[1][0] : '';
switch ($icon_type) {
case 'simpleline': $icon_class = $icon_simpleline; break;
case 'image': $icon_class = 'icon-image'; break;
default: $icon_class = $icon;
}
if($tab_title) {
$tab_id = 'tab-' . ($tab_id ? $tab_id : sanitize_title( $tab_title ));
$tabs_nav .= '- ';
$tab_id .= '-title';
if ($show_icon && $icon_class) {
if ($type == 'tabs-simple') {
if ($icon_skin == 'custom' && ($icon_color || $icon_bg_color || $icon_border_color || $icon_wrap_border_color || $icon_shadow_color || $icon_hcolor || $icon_hbg_color || $icon_hborder_color || $icon_wrap_hborder_color || $icon_hshadow_color)) :
?>
';
$tabs_nav .= '';
if ($icon_class) {
$tabs_nav .= '';
if ($icon_class == 'icon-image' && $icon_image) {
$icon_image = preg_replace('/[^\d]/', '', $icon_image);
$image_url = wp_get_attachment_url($icon_image);
$image_url = str_replace(array('http:', 'https:'), '', $image_url);
if ($image_url)
$tabs_nav .= '
 . ')
';
}
$tabs_nav .= '';
}
$tabs_nav .= '';
$tabs_nav .= '' . '' . $tab_title . '';
} else {
if ($icon_class) {
$tabs_nav .= '';
if ($icon_class == 'icon-image' && $icon_image) {
$icon_image = preg_replace('/[^\d]/', '', $icon_image);
$image_url = wp_get_attachment_url($icon_image);
$image_url = str_replace(array('http:', 'https:'), '', $image_url);
if ($image_url)
$tabs_nav .= '';
}
$tabs_nav .= '';
}
$tabs_nav .= $tab_title;
}
} else {
$tabs_nav .= $tab_title;
}
$tabs_nav .= ' ';
}
}
$tabs_nav .= '
';
$tabs_nav = preg_replace('//', '', $tabs_nav, 1);
$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, trim($element.$el_class), $this->settings['base']);
if ($skin == 'custom' && $color) {
$tabs_class = 'tabs'.rand();
$css_class .= ' '.$tabs_class;
?>
';
$output .= wpb_widget_title(array('title' => $title, 'extraclass' => $element.'_heading'));
if ( !in_array($position, array('bottom-left', 'bottom-right', 'bottom-justify', 'bottom-center', 'vertical-right')) ) {
$output .= $tabs_nav;
}
$output .= '';
$output .= preg_replace('/tab-pane/', 'tab-pane active', wpb_js_remove_wpautop($content), 1);
$output .= '
';
if ( in_array($position, array('bottom-left', 'bottom-right', 'bottom-justify', 'bottom-center', 'vertical-right')) ) {
$output .= $tabs_nav;
}
$output .= '';
echo $output;