Tabs Shortcodes
Tabs are great to show the content of your website and can be set in different styles with Visual Composer Tabs, Tour shortcodes.
Default
getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane active', $this->settings['base']);$output .= '
';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane', $this->settings['base']);$output .= '';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane active', $this->settings['base']);$output .= '
';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane', $this->settings['base']);$output .= '';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;Bottom
getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane active', $this->settings['base']);$output .= '
';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane', $this->settings['base']);$output .= '';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane active', $this->settings['base']);$output .= '
';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane', $this->settings['base']);$output .= '';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;Justified
getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane active', $this->settings['base']);$output .= '
';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane', $this->settings['base']);$output .= '';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane active', $this->settings['base']);$output .= '
';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane', $this->settings['base']);$output .= '';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;Vertical
getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane active', $this->settings['base']);$output .= '
';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane', $this->settings['base']);$output .= '';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane active', $this->settings['base']);$output .= '
';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane', $this->settings['base']);$output .= '';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;Center
getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane active', $this->settings['base']);$output .= '
';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane', $this->settings['base']);$output .= '';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane active', $this->settings['base']);$output .= '
';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane', $this->settings['base']);$output .= '';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;Colors
getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane active', $this->settings['base']);$output .= '
';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane', $this->settings['base']);$output .= '';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane active', $this->settings['base']);$output .= '
';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane', $this->settings['base']);$output .= '';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane active', $this->settings['base']);$output .= '
';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane', $this->settings['base']);$output .= '';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane active', $this->settings['base']);$output .= '
';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane', $this->settings['base']);$output .= '';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;Simple
getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane active', $this->settings['base']);$output .= '
';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane', $this->settings['base']);$output .= '';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane', $this->settings['base']);$output .= '';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane', $this->settings['base']);$output .= '';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;Big Icons
getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane active', $this->settings['base']);$output .= '
';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane', $this->settings['base']);$output .= '';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane', $this->settings['base']);$output .= '';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;getShortcode(), $atts );extract( $atts );$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'tab-pane', $this->settings['base']);$output .= '';$output .= ('' === trim( $content )) ? __("Empty section. Edit page to add content here.", "js_composer") : wpb_js_remove_wpautop($content);$output .= '
';echo $output;