';
$output .= '';
$output .= '
';
foreach ( $this->_tab_elements as $tab_nav ) {
$output .= $tab_nav;
}
$output .= '
';
$output .= '
';
foreach ( $this->_tab_panes as $tab_pane ) {
$output .= $tab_pane;
}
$output .= '
';
$output .= '
' . $tab_element . '
';
$tab_content = '' . do_shortcode( $content ) . '
';
$this->_tab_elements[] = apply_filters( 'lvca_tab_nav_output', $tab_nav, $setttings );
$this->_tab_panes[] = apply_filters( 'lvca_tab_content_output', $tab_content, $setttings );
}
function map_vc_element()
{
if ( function_exists( "vc_map" ) ) {
//Register "container" content element. It will hold all your inner (child) content elements
vc_map( array(
"name" => __( "Tabs", "livemesh-vc-addons" ),
"base" => "lvca_tabs",
"as_parent" => array(
'only' => 'lvca_tab',
),
"content_element" => true,
"show_settings_on_create" => false,
"category" => __( "Livemesh Addons", "livemesh-vc-addons" ),
"is_container" => true,
'description' => __( 'Display tabbed content in variety of styles . ', 'livemesh - vc - addons' ),
"js_view" => 'VcColumnView',
"icon" => 'icon - lvca - tabs',
"params" => array( array(
"type" => "dropdown",
"param_name" => "style",
"heading" => __( "Choose Tab Style", "livemesh-vc-addons" ),
"description" => __( "Choose the particular style of tabs you need", "livemesh-vc-addons" ),
'value' => array(
__( 'Style 1', 'livemesh - vc - addons' ) => 'style1',
__( 'Style 2', 'livemesh - vc - addons' ) => 'style2',
__( 'Style 3', 'livemesh - vc - addons' ) => 'style3',
__( 'Style 4', 'livemesh - vc - addons' ) => 'style4',
__( 'Style 5', 'livemesh - vc - addons' ) => 'style5',
__( 'Style 6', 'livemesh - vc - addons' ) => 'style6',
__( 'Vertical Style 1', 'livemesh - vc - addons' ) => 'style7',
__( 'Vertical Style 2', 'livemesh - vc - addons' ) => 'style8',
__( 'Vertical Style 3', 'livemesh - vc - addons' ) => 'style9',
__( 'Vertical Style 4', 'livemesh - vc - addons' ) => 'style10',
),
'std' => 'style1',
"admin_label" => true,
), array(
'type' => 'colorpicker',
'param_name' => 'highlight_color',
'heading' => __( 'Tab Highlight color', 'livemesh - vc - addons' ),
'value' => '#f94213',
'dependency' => array(
'element' => 'style',
'value' => array(
'style4',
'style6',
'style7',
'style8'
),
),
), array(
"type" => "lvca_number",
"heading" => __( "Mobile Resolution", "livemesh-vc-addons" ),
"description" => __( "The resolution to treat as a mobile resolution for invoking responsive tabs.", "livemesh-vc-addons" ),
"param_name" => "mobile_width",
"value" => 600,
"min" => 320,
"max" => 1400,
"suffix" => "px",
) ),
) );
}
}
function map_child_vc_element()
{
if ( function_exists( "vc_map" ) ) {
vc_map( array(
"name" => __( "Tab", "my-text-domain" ),
"base" => "lvca_tab",
"content_element" => true,
"as_child" => array(
'only' => 'lvca_tabs',
),
"icon" => 'icon-lvca-tab',
"params" => array(
// add params same as with any other content element
array(
'type' => 'textfield',
'param_name' => 'tab_title',
"admin_label" => true,
'heading' => __( 'Tab Title', 'livemesh-vc-addons' ),
'description' => __( 'The title for the tab shown as name for tab navigation.', 'livemesh-vc-addons' ),
),
// add params same as with any other content element
array(
'type' => 'textfield',
'param_name' => 'tab_id',
'value' => 'tab-' . uniqid(),
'heading' => __( 'Tab ID', 'livemesh-vc-addons' ),
'description' => __( 'The Tab ID is required to link to a tab. It must be unique across the page, must begin with a letter and may be followed by any number of letters, digits, hyphens or underscores.', 'livemesh-vc-addons' ),
),
array(
'type' => 'dropdown',
'param_name' => 'icon_type',
'heading' => __( 'Choose Tab Icon Type or None', 'livemesh-vc-addons' ),
'heading' => __( 'Some styles may ignore icons chosen.', 'livemesh-vc-addons' ),
'std' => 'none',
'value' => array(
__( 'None', 'livemesh-vc-addons' ) => 'none',
__( 'Icon', 'livemesh-vc-addons' ) => 'icon',
__( 'Icon Image', 'livemesh-vc-addons' ) => 'icon_image',
),
),
array(
'type' => 'attach_image',
'param_name' => 'icon_image',
'heading' => __( 'Tab Image.', 'livemesh-vc-addons' ),
"dependency" => array(
'element' => "icon_type",
'value' => 'icon_image',
),
),
array(
'type' => 'dropdown',
'heading' => __( 'Icon library', 'livemesh-vc-addons' ),
'value' => array(
__( 'Font Awesome', 'livemesh-vc-addons' ) => 'fontawesome',
__( 'Open Iconic', 'livemesh-vc-addons' ) => 'openiconic',
__( 'Typicons', 'livemesh-vc-addons' ) => 'typicons',
__( 'Entypo', 'livemesh-vc-addons' ) => 'entypo',
__( 'Linecons', 'livemesh-vc-addons' ) => 'linecons',
),
'std' => 'fontawesome',
'param_name' => 'icon_family',
'description' => __( 'Select icon library.', 'livemesh-vc-addons' ),
"dependency" => array(
'element' => "icon_type",
'value' => 'icon',
),
),
array(
'type' => 'iconpicker',
'heading' => __( 'Tab Icon', 'livemesh-vc-addons' ),
'param_name' => 'icon_fontawesome',
'value' => 'fa fa-info-circle',
'settings' => array(
'emptyIcon' => false,
'iconsPerPage' => 4000,
),
'dependency' => array(
'element' => 'icon_family',
'value' => 'fontawesome',
),
'description' => __( 'Select icon from library.', 'livemesh-vc-addons' ),
),
array(
'type' => 'iconpicker',
'heading' => __( 'Icon', 'livemesh-vc-addons' ),
'param_name' => 'icon_openiconic',
'settings' => array(
'emptyIcon' => false,
'type' => 'openiconic',
'iconsPerPage' => 4000,
),
'dependency' => array(
'element' => 'icon_family',
'value' => 'openiconic',
),
'description' => __( 'Select icon from library.', 'livemesh-vc-addons' ),
),
array(
'type' => 'iconpicker',
'heading' => __( 'Icon', 'livemesh-vc-addons' ),
'param_name' => 'icon_typicons',
'settings' => array(
'emptyIcon' => false,
'type' => 'typicons',
'iconsPerPage' => 4000,
),
'dependency' => array(
'element' => 'icon_family',
'value' => 'typicons',
),
'description' => __( 'Select icon from library.', 'livemesh-vc-addons' ),
),
array(
'type' => 'iconpicker',
'heading' => __( 'Icon', 'livemesh-vc-addons' ),
'param_name' => 'icon_entypo',
'settings' => array(
'emptyIcon' => false,
'type' => 'entypo',
'iconsPerPage' => 4000,
),
'dependency' => array(
'element' => 'icon_family',
'value' => 'entypo',
),
),
array(
'type' => 'iconpicker',
'heading' => __( 'Icon', 'livemesh-vc-addons' ),
'param_name' => 'icon_linecons',
'settings' => array(
'emptyIcon' => false,
'type' => 'linecons',
'iconsPerPage' => 4000,
),
'dependency' => array(
'element' => 'icon_family',
'value' => 'linecons',
),
'description' => __( 'Select icon from library.', 'livemesh-vc-addons' ),
),
array(
'type' => 'textarea_html',
'param_name' => 'content',
'heading' => __( 'Tab Content', 'livemesh-vc-addons' ),
'description' => __( 'The content of the tab.', 'livemesh-vc-addons' ),
),
),
) );
}
}
}
//Your "container" content element should extend WPBakeryShortCodesContainer class to inherit all required functionality
if ( class_exists( 'WPBakeryShortCodesContainer' ) ) {
class WPBakeryShortCode_lvca_tabs extends WPBakeryShortCodesContainer
{
}
}
if ( class_exists( 'WPBakeryShortCode' ) ) {
class WPBakeryShortCode_lvca_tab extends WPBakeryShortCode
{
}
}
// Initialize Element Class
if ( class_exists( 'LVCA_Tabs' ) ) {
$LVCA_Tabs = new LVCA_Tabs();
}