Tabs

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;

Navigation

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;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;
Chat Zalo
Chat Facebook
Gọi 0936 727 200