How to close all tabs by visual composer
-
Hi i would like to close the first tab by default is open.
The tabs is constructed with visual composer and this is the code inside vc-templates folder. Many thanks<?php $output = $title = $icon = $interval = $el_class = ''; extract( shortcode_atts( array( 'title' => '', 'icon' => '', 'return_icon' => '', 'icon_tab' => '', 'interval' => 0, 'el_class' => '' ), $atts ) ); wp_enqueue_script( 'jquery-ui-tabs' ); $el_class = $this->getExtraClass( $el_class ); $element = 'wpb_tabs'; if ( 'vc_tour' == $this->shortcode ) $element = 'wpb_tour'; // Extract tab titles preg_match_all( '/vc_tab([^\]]+)/i', $content, $matches, PREG_OFFSET_CAPTURE ); $tab_titles = array(); /** * vc_tabs * */ if ( isset( $matches[1] ) ) { $tab_titles = $matches[1]; } $tabs_nav = ''; $tabs_nav .= '<ul class="wpb_tabs_nav ui-tabs-nav vc_clearfix">'; $contatore=1; // add by Shin foreach ( $tab_titles as $tab ) { $tab_atts = shortcode_parse_atts($tab[0]); if( empty($tab_atts['icon']) ){ $tab_atts['icon']= ''; $return_icon = ''; } else { $return_icon = '<i class="icon-'. $tab_atts['icon'].'"></i>'; } if(isset($tab_atts['title'])) { $tabs_nav .= '<li id="servizio-'.$contatore.'"><a href="#tab-' . ( isset( $tab_atts['tab_id'] ) ? $tab_atts['tab_id'] : sanitize_title( $tab_atts['title'] ) ) . '">'.$return_icon.'' . $tab_atts['title'] . '</a></li>'; } $contatore++; } $tabs_nav .= '</ul>' . "\n"; $css_class = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, trim( $element . ' wpb_content_element ' . $el_class ), $this->settings['base'], $atts ); $output .= "\n\t" . '<div class="' . $css_class . '" data-interval="' . $interval . '">'; if ( $icon_tab == 'yes' ) { $output .= "\n\t\t" . '<div class="wpb_wrapper wpb_tour_tabs_wrapper ui-tabs vc_clearfix vc-icon-tab ">'; } else { $output .= "\n\t\t" . '<div class="wpb_wrapper wpb_tour_tabs_wrapper ui-tabs vc_clearfix">'; } $output .= wpb_widget_title( array( 'title' => $title, 'extraclass' => $element . '_heading' ) ); $output .= "\n\t\t\t" . $tabs_nav; $output .= "\n\t\t\t" . wpb_js_remove_wpautop( $content ); if ( 'vc_tour' == $this->shortcode ) { $output .= "\n\t\t\t" . '<div class="wpb_tour_next_prev_nav vc_clearfix"> <span class="wpb_prev_slide"><a href="#prev" title="' . __( 'Previous tab', 'js_composer' ) . '">' . __( 'Previous tab', 'js_composer' ) . '</a></span> <span class="wpb_next_slide"><a href="#next" title="' . __( 'Next tab', 'js_composer' ) . '">' . __( 'Next tab', 'js_composer' ) . '</a></span></div>'; } $output .= "\n\t\t" . '</div> ' . $this->endBlockComment( '.wpb_wrapper' ); $output .= "\n\t" . '</div> ' . $this->endBlockComment( $element ); echo $output;
Here the link where you can find the tabs in action:
https://www.futuracoopsociale.it/borgo-dei-servizi/
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
- The topic ‘How to close all tabs by visual composer’ is closed to new replies.