­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ 1 ) { foreach ( array_slice( $active_tab_indexes, 1 ) as $index ) { $us_tabs_atts[ $index ]['active'] = 0; $us_tabs_atts[ $index ]['defined_active'] = 0; } } // Pass some of the attributes to the sections foreach ( $us_tabs_atts as $index => $tab_atts ) { if ( isset( $c_position ) ) { $us_tabs_atts[ $index ]['c_position'] = $c_position; } if ( isset( $title_tag ) ) { $us_tabs_atts[ $index ]['title_tag'] = $title_tag; } if ( isset( $title_size ) ) { $us_tabs_atts[ $index ]['title_size'] = $title_size; } // If there is no tab_id, then we will generate a new unique tab_id if ( empty( $us_tabs_atts[ $index ]['tab_id'] ) ) { $us_tabs_atts[ $index ]['tab_id'] = uniqid(); } } if ( $shortcode_base == 'vc_tta_tabs' ) { $_atts['class'] .= ' layout_hor'; $list_classes .= us_amp() ? '' : ' hidden'; } elseif ( $shortcode_base == 'vc_tta_tour' ) { $_atts['class'] .= ' layout_ver'; $_atts['class'] .= ' navpos_' . $tab_position; $_atts['class'] .= ' navwidth_' . $controls_size; $_atts['class'] .= ' title_at' . $c_align; } if ( empty( $layout ) ) { $layout = 'default'; } $_atts['class'] .= ' style_' . $layout; $_atts['class'] .= ' switch_' . $switch_sections; $list_classes .= ' items_' . count( $us_tabs_atts ); $list_classes .= ( $stretch ) ? ' stretch' : ''; // Accordion-specific settings if ( $shortcode_base == 'vc_tta_accordion' ) { $_atts['class'] .= ' accordion'; if ( ! isset( $atts['scrolling'] ) ) { $_atts['class'] .= ' has_scrolling'; } if ( $toggle ) { $_atts['class'] .= ' type_togglable'; } if ( $remove_indents ) { $_atts['class'] .= ' remove_indents'; } $_atts['class'] .= ' title_at' . $c_align; if ( ! empty( $c_icon ) ) { $_atts['class'] .= ' icon_' . $c_icon . ' iconpos_' . $c_position; } else { $_atts['class'] .= ' icon_none'; } // For 'accordion' state of tabs } else { $_atts['class'] .= ' icon_chevron'; $_atts['class'] .= ( is_rtl() ? ' iconpos_left' : ' iconpos_right' ); $_atts['class'] .= ( is_rtl() ? ' title_atright' : ' title_atleft' ); } if ( ! empty( $el_class ) ) { $_atts['class'] .= ' ' . $el_class; } if ( ! empty( $el_id ) ) { $_atts['id'] = $el_id; } // Generate inline styles for Tabs & Tour if ( $shortcode_base != 'vc_tta_accordion' ) { $list_inline_css .= us_prepare_inline_css( array( 'font-family' => $title_font, 'font-weight' => $title_weight, 'text-transform' => $title_transform, 'font-size' => $title_size, 'line-height' => $title_lineheight, ) ); } // Output the element $output = '
'; // Add tabs items if ( $shortcode_base != 'vc_tta_accordion' ) { $output .= '
'; $output .= '
'; foreach ( $us_tabs_atts as $index => $tab_atts ) { $tab_atts['title'] = isset( $tab_atts['title'] ) ? us_replace_dynamic_value( $tab_atts['title'], 'any' ) : ''; $tab_atts['title'] = wptexturize( $tab_atts['title'] ); $tab_atts['i_position'] = isset( $tab_atts['i_position'] ) ? $tab_atts['i_position'] : 'left'; $tabs_item_atts = array( 'class' => 'w-tabs-item', 'aria-controls' => 'content-' . $tab_atts['tab_id'], ); // Add aria-label when title is empty to avoid accessibility issues if ( empty( $tab_atts['title'] ) AND ! empty( $tab_atts['icon'] ) ) { $tabs_item_atts['aria-label'] = $tab_atts['icon']; } $tabs_item_atts['class'] .= ! empty( $tab_atts['el_class'] ) ? ' ' . $tab_atts['el_class'] : ''; $tabs_item_atts['class'] .= ! empty( $tab_atts['active'] ) ? ' active' : ''; $tabs_item_atts['class'] .= ! empty( $tab_atts['defined_active'] ) ? ' defined-active' : ''; $tabs_item_atts['class'] .= ! empty( $tab_atts['icon'] ) ? ' with_icon' : ''; // Check if the relevant section has a link if ( isset( $tab_atts['tab_link'] ) ) { $tabs_item_link_atts = us_generate_link_atts( $tab_atts['tab_link'] ); } else { if ( ! us_amp() ) { $tabs_item_link_atts['href'] = 'javascript:void(0);'; } } if ( us_amp() ) { $tabs_item_link_atts['id'] = 'w-tabs-item-' . $tab_atts['tab_id']; $tabs_item_link_atts['on'] = 'tap:' . $tab_atts['tab_id'] . '.toggleClass(class="active",force=true)'; $tabs_item_link_atts['on'] .= ',' . $tabs_item_link_atts['id'] . '.toggleClass(class="active",force=true)'; foreach ( $us_tabs_atts as $amp_id ) { if ( $amp_id['tab_id'] == $tab_atts['tab_id'] ) { continue; } $tabs_item_link_atts['on'] .= ',' . $amp_id['tab_id'] . '.toggleClass(class="active",force=false)'; $tabs_item_link_atts['on'] .= ',' . 'w-tabs-item-' . $amp_id['tab_id'] . '.toggleClass(class="active",force=false)'; } } $output .= ''; if ( isset( $tab_atts['icon'] ) AND $tab_atts['i_position'] == 'left' ) { $output .= us_prepare_icon_tag( $tab_atts['icon'] ); } $output .= '' . $tab_atts['title'] . ''; if ( isset( $tab_atts['icon'] ) AND $tab_atts['i_position'] == 'right' ) { $output .= us_prepare_icon_tag( $tab_atts['icon'] ); } $output .= ''; } $output .= '
'; } // Handling inner tabs $us_tabs_options[ $current_tabs_index ][ 'us_tab_index' ] = 0; // Collecting content after forming all parameters $content = preg_replace_callback( '/:content:/', function( $maches ) use( &$section_contents ) { reset( $section_contents ); $index = key( $section_contents ); $return = $section_contents[ $index ]; unset( $section_contents[ $index ] ); return $return; }, $content ); unset( $section_contents ); $output .= '
' . do_shortcode( $content ) . '
'; // Removing information of current tabs options from global variable after $output is ready unset( $us_tabs_options[ $current_tabs_index ] ); echo $output;