khaihihi
This commit is contained in:
KhaiNguyen
@@ -0,0 +1,216 @@
|
||||
<?php
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
die( '-1' );
|
||||
}
|
||||
|
||||
return array(
|
||||
'name' => esc_html__( 'Accordion', 'js_composer' ),
|
||||
'base' => 'vc_tta_accordion',
|
||||
'icon' => 'icon-wpb-ui-accordion',
|
||||
'is_container' => true,
|
||||
'show_settings_on_create' => false,
|
||||
'as_parent' => array(
|
||||
'only' => 'vc_tta_section',
|
||||
),
|
||||
'category' => esc_html__( 'Content', 'js_composer' ),
|
||||
'description' => esc_html__( 'Collapsible content panels', 'js_composer' ),
|
||||
'params' => array(
|
||||
array(
|
||||
'type' => 'textfield',
|
||||
'param_name' => 'title',
|
||||
'heading' => esc_html__( 'Widget title', 'js_composer' ),
|
||||
'description' => esc_html__( 'Enter text used as widget title (Note: located above content element).', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'style',
|
||||
'value' => array(
|
||||
esc_html__( 'Classic', 'js_composer' ) => 'classic',
|
||||
esc_html__( 'Modern', 'js_composer' ) => 'modern',
|
||||
esc_html__( 'Flat', 'js_composer' ) => 'flat',
|
||||
esc_html__( 'Outline', 'js_composer' ) => 'outline',
|
||||
),
|
||||
'heading' => esc_html__( 'Style', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select accordion display style.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'shape',
|
||||
'value' => array(
|
||||
esc_html__( 'Rounded', 'js_composer' ) => 'rounded',
|
||||
esc_html__( 'Square', 'js_composer' ) => 'square',
|
||||
esc_html__( 'Round', 'js_composer' ) => 'round',
|
||||
),
|
||||
'heading' => esc_html__( 'Shape', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select accordion shape.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'color',
|
||||
'value' => vc_get_shared( 'colors-dashed' ),
|
||||
'std' => 'grey',
|
||||
'heading' => esc_html__( 'Color', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select accordion color.', 'js_composer' ),
|
||||
'param_holder_class' => 'vc_colored-dropdown',
|
||||
),
|
||||
array(
|
||||
'type' => 'checkbox',
|
||||
'param_name' => 'no_fill',
|
||||
'heading' => esc_html__( 'Do not fill content area?', 'js_composer' ),
|
||||
'description' => esc_html__( 'Do not fill content area with color.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'spacing',
|
||||
'value' => array(
|
||||
esc_html__( 'None', 'js_composer' ) => '',
|
||||
'1px' => '1',
|
||||
'2px' => '2',
|
||||
'3px' => '3',
|
||||
'4px' => '4',
|
||||
'5px' => '5',
|
||||
'10px' => '10',
|
||||
'15px' => '15',
|
||||
'20px' => '20',
|
||||
'25px' => '25',
|
||||
'30px' => '30',
|
||||
'35px' => '35',
|
||||
),
|
||||
'heading' => esc_html__( 'Spacing', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select accordion spacing.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'gap',
|
||||
'value' => array(
|
||||
esc_html__( 'None', 'js_composer' ) => '',
|
||||
'1px' => '1',
|
||||
'2px' => '2',
|
||||
'3px' => '3',
|
||||
'4px' => '4',
|
||||
'5px' => '5',
|
||||
'10px' => '10',
|
||||
'15px' => '15',
|
||||
'20px' => '20',
|
||||
'25px' => '25',
|
||||
'30px' => '30',
|
||||
'35px' => '35',
|
||||
),
|
||||
'heading' => esc_html__( 'Gap', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select accordion gap.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'c_align',
|
||||
'value' => array(
|
||||
esc_html__( 'Left', 'js_composer' ) => 'left',
|
||||
esc_html__( 'Right', 'js_composer' ) => 'right',
|
||||
esc_html__( 'Center', 'js_composer' ) => 'center',
|
||||
),
|
||||
'heading' => esc_html__( 'Alignment', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select accordion section title alignment.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'autoplay',
|
||||
'value' => array(
|
||||
esc_html__( 'None', 'js_composer' ) => 'none',
|
||||
'1' => '1',
|
||||
'2' => '2',
|
||||
'3' => '3',
|
||||
'4' => '4',
|
||||
'5' => '5',
|
||||
'10' => '10',
|
||||
'20' => '20',
|
||||
'30' => '30',
|
||||
'40' => '40',
|
||||
'50' => '50',
|
||||
'60' => '60',
|
||||
),
|
||||
'std' => 'none',
|
||||
'heading' => esc_html__( 'Autoplay', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select auto rotate for accordion in seconds (Note: disabled by default).', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'checkbox',
|
||||
'param_name' => 'collapsible_all',
|
||||
'heading' => esc_html__( 'Allow collapse all?', 'js_composer' ),
|
||||
'description' => esc_html__( 'Allow collapse all accordion sections.', 'js_composer' ),
|
||||
),
|
||||
// Control Icons
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'c_icon',
|
||||
'value' => array(
|
||||
esc_html__( 'None', 'js_composer' ) => '',
|
||||
esc_html__( 'Chevron', 'js_composer' ) => 'chevron',
|
||||
esc_html__( 'Plus', 'js_composer' ) => 'plus',
|
||||
esc_html__( 'Triangle', 'js_composer' ) => 'triangle',
|
||||
),
|
||||
'std' => 'plus',
|
||||
'heading' => esc_html__( 'Icon', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select accordion navigation icon.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'c_position',
|
||||
'value' => array(
|
||||
esc_html__( 'Left', 'js_composer' ) => 'left',
|
||||
esc_html__( 'Right', 'js_composer' ) => 'right',
|
||||
),
|
||||
'dependency' => array(
|
||||
'element' => 'c_icon',
|
||||
'not_empty' => true,
|
||||
),
|
||||
'heading' => esc_html__( 'Position', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select accordion navigation icon position.', 'js_composer' ),
|
||||
),
|
||||
// Control Icons END
|
||||
array(
|
||||
'type' => 'textfield',
|
||||
'param_name' => 'active_section',
|
||||
'heading' => esc_html__( 'Active section', 'js_composer' ),
|
||||
'value' => 1,
|
||||
'description' => esc_html__( 'Enter active section number (Note: to have all sections closed on initial load enter non-existing number).', 'js_composer' ),
|
||||
),
|
||||
vc_map_add_css_animation(),
|
||||
array(
|
||||
'type' => 'el_id',
|
||||
'heading' => esc_html__( 'Element ID', 'js_composer' ),
|
||||
'param_name' => 'el_id',
|
||||
'description' => sprintf( esc_html__( 'Enter element ID (Note: make sure it is unique and valid according to %sw3c specification%s).', 'js_composer' ), '<a href="https://www.w3schools.com/tags/att_global_id.asp" target="_blank">', '</a>' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'textfield',
|
||||
'heading' => esc_html__( 'Extra class name', 'js_composer' ),
|
||||
'param_name' => 'el_class',
|
||||
'description' => esc_html__( 'If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'css_editor',
|
||||
'heading' => esc_html__( 'CSS box', 'js_composer' ),
|
||||
'param_name' => 'css',
|
||||
'group' => esc_html__( 'Design Options', 'js_composer' ),
|
||||
),
|
||||
),
|
||||
'js_view' => 'VcBackendTtaAccordionView',
|
||||
'custom_markup' => '
|
||||
<div class="vc_tta-container" data-vc-action="collapseAll">
|
||||
<div class="vc_general vc_tta vc_tta-accordion vc_tta-color-backend-accordion-white vc_tta-style-flat vc_tta-shape-rounded vc_tta-o-shape-group vc_tta-controls-align-left vc_tta-gap-2">
|
||||
<div class="vc_tta-panels vc_clearfix {{container-class}}">
|
||||
{{ content }}
|
||||
<div class="vc_tta-panel vc_tta-section-append">
|
||||
<div class="vc_tta-panel-heading">
|
||||
<h4 class="vc_tta-panel-title vc_tta-controls-icon-position-left">
|
||||
<a href="javascript:;" aria-expanded="false" class="vc_tta-backend-add-control">
|
||||
<span class="vc_tta-title-text">' . esc_html__( 'Add Section', 'js_composer' ) . '</span>
|
||||
<i class="vc_tta-controls-icon vc_tta-controls-icon-plus"></i>
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>',
|
||||
'default_content' => '[vc_tta_section title="' . sprintf( '%s %d', esc_html__( 'Section', 'js_composer' ), 1 ) . '"][/vc_tta_section][vc_tta_section title="' . sprintf( '%s %d', esc_html__( 'Section', 'js_composer' ), 2 ) . '"][/vc_tta_section]',
|
||||
);
|
||||
@@ -0,0 +1,134 @@
|
||||
<?php
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
die( '-1' );
|
||||
}
|
||||
|
||||
return array(
|
||||
'name' => esc_html__( 'Pageable Container', 'js_composer' ),
|
||||
'base' => 'vc_tta_pageable',
|
||||
'icon' => 'icon-wpb-ui-pageable',
|
||||
'is_container' => true,
|
||||
'show_settings_on_create' => false,
|
||||
'as_parent' => array(
|
||||
'only' => 'vc_tta_section',
|
||||
),
|
||||
'category' => esc_html__( 'Content', 'js_composer' ),
|
||||
'description' => esc_html__( 'Pageable content container', 'js_composer' ),
|
||||
'params' => array(
|
||||
array(
|
||||
'type' => 'textfield',
|
||||
'param_name' => 'title',
|
||||
'heading' => esc_html__( 'Widget title', 'js_composer' ),
|
||||
'description' => esc_html__( 'Enter text used as widget title (Note: located above content element).', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'hidden',
|
||||
'param_name' => 'no_fill_content_area',
|
||||
'std' => true,
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'autoplay',
|
||||
'value' => array(
|
||||
esc_html__( 'None', 'js_composer' ) => 'none',
|
||||
'1' => '1',
|
||||
'2' => '2',
|
||||
'3' => '3',
|
||||
'4' => '4',
|
||||
'5' => '5',
|
||||
'10' => '10',
|
||||
'20' => '20',
|
||||
'30' => '30',
|
||||
'40' => '40',
|
||||
'50' => '50',
|
||||
'60' => '60',
|
||||
),
|
||||
'std' => 'none',
|
||||
'heading' => esc_html__( 'Autoplay', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select auto rotate for pageable in seconds (Note: disabled by default).', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'textfield',
|
||||
'param_name' => 'active_section',
|
||||
'heading' => esc_html__( 'Active section', 'js_composer' ),
|
||||
'value' => 1,
|
||||
'description' => esc_html__( 'Enter active section number (Note: to have all sections closed on initial load enter non-existing number).', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'pagination_style',
|
||||
'value' => array(
|
||||
esc_html__( 'None', 'js_composer' ) => '',
|
||||
esc_html__( 'Square Dots', 'js_composer' ) => 'outline-square',
|
||||
esc_html__( 'Radio Dots', 'js_composer' ) => 'outline-round',
|
||||
esc_html__( 'Point Dots', 'js_composer' ) => 'flat-round',
|
||||
esc_html__( 'Fill Square Dots', 'js_composer' ) => 'flat-square',
|
||||
esc_html__( 'Rounded Fill Square Dots', 'js_composer' ) => 'flat-rounded',
|
||||
),
|
||||
'heading' => esc_html__( 'Pagination style', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select pagination style.', 'js_composer' ),
|
||||
'std' => 'outline-round',
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'pagination_color',
|
||||
'value' => vc_get_shared( 'colors-dashed' ),
|
||||
'heading' => esc_html__( 'Pagination color', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select pagination color.', 'js_composer' ),
|
||||
'param_holder_class' => 'vc_colored-dropdown',
|
||||
'std' => 'grey',
|
||||
'dependency' => array(
|
||||
'element' => 'pagination_style',
|
||||
'not_empty' => true,
|
||||
),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'tab_position',
|
||||
'value' => array(
|
||||
esc_html__( 'Top', 'js_composer' ) => 'top',
|
||||
esc_html__( 'Bottom', 'js_composer' ) => 'bottom',
|
||||
),
|
||||
'std' => 'bottom',
|
||||
'heading' => esc_html__( 'Pagination position', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select pageable navigation position.', 'js_composer' ),
|
||||
),
|
||||
vc_map_add_css_animation(),
|
||||
array(
|
||||
'type' => 'el_id',
|
||||
'heading' => esc_html__( 'Element ID', 'js_composer' ),
|
||||
'param_name' => 'el_id',
|
||||
'description' => sprintf( esc_html__( 'Enter element ID (Note: make sure it is unique and valid according to %sw3c specification%s).', 'js_composer' ), '<a href="https://www.w3schools.com/tags/att_global_id.asp" target="_blank">', '</a>' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'textfield',
|
||||
'heading' => esc_html__( 'Extra class name', 'js_composer' ),
|
||||
'param_name' => 'el_class',
|
||||
'description' => esc_html__( 'If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'css_editor',
|
||||
'heading' => esc_html__( 'CSS box', 'js_composer' ),
|
||||
'param_name' => 'css',
|
||||
'group' => esc_html__( 'Design Options', 'js_composer' ),
|
||||
),
|
||||
),
|
||||
'js_view' => 'VcBackendTtaPageableView',
|
||||
'custom_markup' => '
|
||||
<div class="vc_tta-container vc_tta-o-non-responsive" data-vc-action="collapse">
|
||||
<div class="vc_general vc_tta vc_tta-tabs vc_tta-pageable vc_tta-color-backend-tabs-white vc_tta-style-flat vc_tta-shape-rounded vc_tta-spacing-1 vc_tta-tabs-position-top vc_tta-controls-align-left">
|
||||
<div class="vc_tta-tabs-container">' . '<ul class="vc_tta-tabs-list">' . '<li class="vc_tta-tab" data-vc-tab data-vc-target-model-id="{{ model_id }}" data-element_type="vc_tta_section"><a href="javascript:;" data-vc-tabs data-vc-container=".vc_tta" data-vc-target="[data-model-id=\'{{ model_id }}\']" data-vc-target-model-id="{{ model_id }}"><span class="vc_tta-title-text">{{ section_title }}</span></a></li>' . '</ul>
|
||||
</div>
|
||||
<div class="vc_tta-panels vc_clearfix {{container-class}}">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>',
|
||||
'default_content' => '
|
||||
[vc_tta_section title="' . sprintf( '%s %d', esc_html__( 'Section', 'js_composer' ), 1 ) . '"][/vc_tta_section]
|
||||
[vc_tta_section title="' . sprintf( '%s %d', esc_html__( 'Section', 'js_composer' ), 2 ) . '"][/vc_tta_section]
|
||||
',
|
||||
'admin_enqueue_js' => array(
|
||||
vc_asset_url( 'lib/vc_tabs/vc-tabs.min.js' ),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,94 @@
|
||||
<?php
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
die( '-1' );
|
||||
}
|
||||
|
||||
$parent_tag = vc_post_param( 'parent_tag', '' );
|
||||
$include_icon_params = ( 'vc_tta_pageable' !== $parent_tag );
|
||||
|
||||
if ( $include_icon_params ) {
|
||||
require_once vc_path_dir( 'CONFIG_DIR', 'content/vc-icon-element.php' );
|
||||
$icon_params = array(
|
||||
array(
|
||||
'type' => 'checkbox',
|
||||
'param_name' => 'add_icon',
|
||||
'heading' => esc_html__( 'Add icon?', 'js_composer' ),
|
||||
'description' => esc_html__( 'Add icon next to section title.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'i_position',
|
||||
'value' => array(
|
||||
esc_html__( 'Before title', 'js_composer' ) => 'left',
|
||||
esc_html__( 'After title', 'js_composer' ) => 'right',
|
||||
),
|
||||
'dependency' => array(
|
||||
'element' => 'add_icon',
|
||||
'value' => 'true',
|
||||
),
|
||||
'heading' => esc_html__( 'Icon position', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select icon position.', 'js_composer' ),
|
||||
),
|
||||
);
|
||||
$icon_params = array_merge( $icon_params, (array) vc_map_integrate_shortcode( vc_icon_element_params(), 'i_', '', array(
|
||||
// we need only type, icon_fontawesome, icon_.., NOT color and etc
|
||||
'include_only_regex' => '/^(type|icon_\w*)/',
|
||||
), array(
|
||||
'element' => 'add_icon',
|
||||
'value' => 'true',
|
||||
) ) );
|
||||
} else {
|
||||
$icon_params = array();
|
||||
}
|
||||
|
||||
$params = array_merge( array(
|
||||
array(
|
||||
'type' => 'textfield',
|
||||
'param_name' => 'title',
|
||||
'heading' => esc_html__( 'Title', 'js_composer' ),
|
||||
'description' => esc_html__( 'Enter section title (Note: you can leave it empty).', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'el_id',
|
||||
'param_name' => 'tab_id',
|
||||
'settings' => array(
|
||||
'auto_generate' => true,
|
||||
),
|
||||
'heading' => esc_html__( 'Section ID', 'js_composer' ),
|
||||
'description' => sprintf( esc_html__( 'Enter section ID (Note: make sure it is unique and valid according to %sw3c specification%s).', 'js_composer' ), '<a href="https://www.w3schools.com/tags/att_global_id.asp" target="_blank">', '</a>' ),
|
||||
),
|
||||
), $icon_params, array(
|
||||
array(
|
||||
'type' => 'textfield',
|
||||
'heading' => esc_html__( 'Extra class name', 'js_composer' ),
|
||||
'param_name' => 'el_class',
|
||||
'description' => esc_html__( 'If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.', 'js_composer' ),
|
||||
),
|
||||
) );
|
||||
|
||||
return array(
|
||||
'name' => esc_html__( 'Section', 'js_composer' ),
|
||||
'base' => 'vc_tta_section',
|
||||
'icon' => 'icon-wpb-ui-tta-section',
|
||||
'allowed_container_element' => 'vc_row',
|
||||
'is_container' => true,
|
||||
'show_settings_on_create' => false,
|
||||
'as_child' => array(
|
||||
'only' => 'vc_tta_tour,vc_tta_tabs,vc_tta_accordion',
|
||||
),
|
||||
'category' => esc_html__( 'Content', 'js_composer' ),
|
||||
'description' => esc_html__( 'Section for Tabs, Tours, Accordions.', 'js_composer' ),
|
||||
'params' => $params,
|
||||
'js_view' => 'VcBackendTtaSectionView',
|
||||
'custom_markup' => '
|
||||
<div class="vc_tta-panel-heading">
|
||||
<h4 class="vc_tta-panel-title vc_tta-controls-icon-position-left"><a href="javascript:;" data-vc-target="[data-model-id=\'{{ model_id }}\']" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">{{ section_title }}</span><i class="vc_tta-controls-icon vc_tta-controls-icon-plus"></i></a></h4>
|
||||
</div>
|
||||
<div class="vc_tta-panel-body">
|
||||
{{ editor_controls }}
|
||||
<div class="{{ container-class }}">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>',
|
||||
'default_content' => '',
|
||||
);
|
||||
@@ -0,0 +1,217 @@
|
||||
<?php
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
die( '-1' );
|
||||
}
|
||||
|
||||
return array(
|
||||
'name' => esc_html__( 'Tabs', 'js_composer' ),
|
||||
'base' => 'vc_tta_tabs',
|
||||
'icon' => 'icon-wpb-ui-tab-content',
|
||||
'is_container' => true,
|
||||
'show_settings_on_create' => false,
|
||||
'as_parent' => array(
|
||||
'only' => 'vc_tta_section',
|
||||
),
|
||||
'category' => esc_html__( 'Content', 'js_composer' ),
|
||||
'description' => esc_html__( 'Tabbed content', 'js_composer' ),
|
||||
'params' => array(
|
||||
array(
|
||||
'type' => 'textfield',
|
||||
'param_name' => 'title',
|
||||
'heading' => esc_html__( 'Widget title', 'js_composer' ),
|
||||
'description' => esc_html__( 'Enter text used as widget title (Note: located above content element).', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'style',
|
||||
'value' => array(
|
||||
esc_html__( 'Classic', 'js_composer' ) => 'classic',
|
||||
esc_html__( 'Modern', 'js_composer' ) => 'modern',
|
||||
esc_html__( 'Flat', 'js_composer' ) => 'flat',
|
||||
esc_html__( 'Outline', 'js_composer' ) => 'outline',
|
||||
),
|
||||
'heading' => esc_html__( 'Style', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select tabs display style.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'shape',
|
||||
'value' => array(
|
||||
esc_html__( 'Rounded', 'js_composer' ) => 'rounded',
|
||||
esc_html__( 'Square', 'js_composer' ) => 'square',
|
||||
esc_html__( 'Round', 'js_composer' ) => 'round',
|
||||
),
|
||||
'heading' => esc_html__( 'Shape', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select tabs shape.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'color',
|
||||
'heading' => esc_html__( 'Color', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select tabs color.', 'js_composer' ),
|
||||
'value' => vc_get_shared( 'colors-dashed' ),
|
||||
'std' => 'grey',
|
||||
'param_holder_class' => 'vc_colored-dropdown',
|
||||
),
|
||||
array(
|
||||
'type' => 'checkbox',
|
||||
'param_name' => 'no_fill_content_area',
|
||||
'heading' => esc_html__( 'Do not fill content area?', 'js_composer' ),
|
||||
'description' => esc_html__( 'Do not fill content area with color.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'spacing',
|
||||
'value' => array(
|
||||
esc_html__( 'None', 'js_composer' ) => '',
|
||||
'1px' => '1',
|
||||
'2px' => '2',
|
||||
'3px' => '3',
|
||||
'4px' => '4',
|
||||
'5px' => '5',
|
||||
'10px' => '10',
|
||||
'15px' => '15',
|
||||
'20px' => '20',
|
||||
'25px' => '25',
|
||||
'30px' => '30',
|
||||
'35px' => '35',
|
||||
),
|
||||
'heading' => esc_html__( 'Spacing', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select tabs spacing.', 'js_composer' ),
|
||||
'std' => '1',
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'gap',
|
||||
'value' => array(
|
||||
esc_html__( 'None', 'js_composer' ) => '',
|
||||
'1px' => '1',
|
||||
'2px' => '2',
|
||||
'3px' => '3',
|
||||
'4px' => '4',
|
||||
'5px' => '5',
|
||||
'10px' => '10',
|
||||
'15px' => '15',
|
||||
'20px' => '20',
|
||||
'25px' => '25',
|
||||
'30px' => '30',
|
||||
'35px' => '35',
|
||||
),
|
||||
'heading' => esc_html__( 'Gap', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select tabs gap.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'tab_position',
|
||||
'value' => array(
|
||||
esc_html__( 'Top', 'js_composer' ) => 'top',
|
||||
esc_html__( 'Bottom', 'js_composer' ) => 'bottom',
|
||||
),
|
||||
'heading' => esc_html__( 'Position', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select tabs navigation position.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'alignment',
|
||||
'value' => array(
|
||||
esc_html__( 'Left', 'js_composer' ) => 'left',
|
||||
esc_html__( 'Right', 'js_composer' ) => 'right',
|
||||
esc_html__( 'Center', 'js_composer' ) => 'center',
|
||||
),
|
||||
'heading' => esc_html__( 'Alignment', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select tabs section title alignment.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'autoplay',
|
||||
'value' => array(
|
||||
esc_html__( 'None', 'js_composer' ) => 'none',
|
||||
'1' => '1',
|
||||
'2' => '2',
|
||||
'3' => '3',
|
||||
'4' => '4',
|
||||
'5' => '5',
|
||||
'10' => '10',
|
||||
'20' => '20',
|
||||
'30' => '30',
|
||||
'40' => '40',
|
||||
'50' => '50',
|
||||
'60' => '60',
|
||||
),
|
||||
'std' => 'none',
|
||||
'heading' => esc_html__( 'Autoplay', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select auto rotate for tabs in seconds (Note: disabled by default).', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'textfield',
|
||||
'param_name' => 'active_section',
|
||||
'heading' => esc_html__( 'Active section', 'js_composer' ),
|
||||
'value' => 1,
|
||||
'description' => esc_html__( 'Enter active section number (Note: to have all sections closed on initial load enter non-existing number).', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'pagination_style',
|
||||
'value' => array(
|
||||
esc_html__( 'None', 'js_composer' ) => '',
|
||||
esc_html__( 'Square Dots', 'js_composer' ) => 'outline-square',
|
||||
esc_html__( 'Radio Dots', 'js_composer' ) => 'outline-round',
|
||||
esc_html__( 'Point Dots', 'js_composer' ) => 'flat-round',
|
||||
esc_html__( 'Fill Square Dots', 'js_composer' ) => 'flat-square',
|
||||
esc_html__( 'Rounded Fill Square Dots', 'js_composer' ) => 'flat-rounded',
|
||||
),
|
||||
'heading' => esc_html__( 'Pagination style', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select pagination style.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'pagination_color',
|
||||
'value' => vc_get_shared( 'colors-dashed' ),
|
||||
'heading' => esc_html__( 'Pagination color', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select pagination color.', 'js_composer' ),
|
||||
'param_holder_class' => 'vc_colored-dropdown',
|
||||
'std' => 'grey',
|
||||
'dependency' => array(
|
||||
'element' => 'pagination_style',
|
||||
'not_empty' => true,
|
||||
),
|
||||
),
|
||||
vc_map_add_css_animation(),
|
||||
array(
|
||||
'type' => 'el_id',
|
||||
'heading' => esc_html__( 'Element ID', 'js_composer' ),
|
||||
'param_name' => 'el_id',
|
||||
'description' => sprintf( esc_html__( 'Enter element ID (Note: make sure it is unique and valid according to %sw3c specification%s).', 'js_composer' ), '<a href="https://www.w3schools.com/tags/att_global_id.asp" target="_blank">', '</a>' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'textfield',
|
||||
'heading' => esc_html__( 'Extra class name', 'js_composer' ),
|
||||
'param_name' => 'el_class',
|
||||
'description' => esc_html__( 'If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'css_editor',
|
||||
'heading' => esc_html__( 'CSS box', 'js_composer' ),
|
||||
'param_name' => 'css',
|
||||
'group' => esc_html__( 'Design Options', 'js_composer' ),
|
||||
),
|
||||
),
|
||||
'js_view' => 'VcBackendTtaTabsView',
|
||||
'custom_markup' => '
|
||||
<div class="vc_tta-container" data-vc-action="collapse">
|
||||
<div class="vc_general vc_tta vc_tta-tabs vc_tta-color-backend-tabs-white vc_tta-style-flat vc_tta-shape-rounded vc_tta-spacing-1 vc_tta-tabs-position-top vc_tta-controls-align-left">
|
||||
<div class="vc_tta-tabs-container">' . '<ul class="vc_tta-tabs-list">' . '<li class="vc_tta-tab" data-vc-tab data-vc-target-model-id="{{ model_id }}" data-element_type="vc_tta_section"><a href="javascript:;" data-vc-tabs data-vc-container=".vc_tta" data-vc-target="[data-model-id=\'{{ model_id }}\']" data-vc-target-model-id="{{ model_id }}"><span class="vc_tta-title-text">{{ section_title }}</span></a></li>' . '</ul>
|
||||
</div>
|
||||
<div class="vc_tta-panels vc_clearfix {{container-class}}">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>',
|
||||
'default_content' => '
|
||||
[vc_tta_section title="' . sprintf( '%s %d', esc_html__( 'Tab', 'js_composer' ), 1 ) . '"][/vc_tta_section]
|
||||
[vc_tta_section title="' . sprintf( '%s %d', esc_html__( 'Tab', 'js_composer' ), 2 ) . '"][/vc_tta_section]
|
||||
',
|
||||
'admin_enqueue_js' => array(
|
||||
vc_asset_url( 'lib/vc_tabs/vc-tabs.min.js' ),
|
||||
),
|
||||
);
|
||||
@@ -0,0 +1,231 @@
|
||||
<?php
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
die( '-1' );
|
||||
}
|
||||
|
||||
return array(
|
||||
'name' => esc_html__( 'Tour', 'js_composer' ),
|
||||
'base' => 'vc_tta_tour',
|
||||
'icon' => 'icon-wpb-ui-tab-content-vertical',
|
||||
'is_container' => true,
|
||||
'show_settings_on_create' => false,
|
||||
'as_parent' => array(
|
||||
'only' => 'vc_tta_section',
|
||||
),
|
||||
'category' => esc_html__( 'Content', 'js_composer' ),
|
||||
'description' => esc_html__( 'Vertical tabbed content', 'js_composer' ),
|
||||
'params' => array(
|
||||
array(
|
||||
'type' => 'textfield',
|
||||
'param_name' => 'title',
|
||||
'heading' => esc_html__( 'Widget title', 'js_composer' ),
|
||||
'description' => esc_html__( 'Enter text used as widget title (Note: located above content element).', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'style',
|
||||
'value' => array(
|
||||
esc_html__( 'Classic', 'js_composer' ) => 'classic',
|
||||
esc_html__( 'Modern', 'js_composer' ) => 'modern',
|
||||
esc_html__( 'Flat', 'js_composer' ) => 'flat',
|
||||
esc_html__( 'Outline', 'js_composer' ) => 'outline',
|
||||
),
|
||||
'heading' => esc_html__( 'Style', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select tour display style.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'shape',
|
||||
'value' => array(
|
||||
esc_html__( 'Rounded', 'js_composer' ) => 'rounded',
|
||||
esc_html__( 'Square', 'js_composer' ) => 'square',
|
||||
esc_html__( 'Round', 'js_composer' ) => 'round',
|
||||
),
|
||||
'heading' => esc_html__( 'Shape', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select tour shape.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'color',
|
||||
'heading' => esc_html__( 'Color', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select tour color.', 'js_composer' ),
|
||||
'value' => vc_get_shared( 'colors-dashed' ),
|
||||
'std' => 'grey',
|
||||
'param_holder_class' => 'vc_colored-dropdown',
|
||||
),
|
||||
array(
|
||||
'type' => 'checkbox',
|
||||
'param_name' => 'no_fill_content_area',
|
||||
'heading' => esc_html__( 'Do not fill content area?', 'js_composer' ),
|
||||
'description' => esc_html__( 'Do not fill content area with color.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'spacing',
|
||||
'value' => array(
|
||||
esc_html__( 'None', 'js_composer' ) => '',
|
||||
'1px' => '1',
|
||||
'2px' => '2',
|
||||
'3px' => '3',
|
||||
'4px' => '4',
|
||||
'5px' => '5',
|
||||
'10px' => '10',
|
||||
'15px' => '15',
|
||||
'20px' => '20',
|
||||
'25px' => '25',
|
||||
'30px' => '30',
|
||||
'35px' => '35',
|
||||
),
|
||||
'heading' => esc_html__( 'Spacing', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select tour spacing.', 'js_composer' ),
|
||||
'std' => '1',
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'gap',
|
||||
'value' => array(
|
||||
esc_html__( 'None', 'js_composer' ) => '',
|
||||
'1px' => '1',
|
||||
'2px' => '2',
|
||||
'3px' => '3',
|
||||
'4px' => '4',
|
||||
'5px' => '5',
|
||||
'10px' => '10',
|
||||
'15px' => '15',
|
||||
'20px' => '20',
|
||||
'25px' => '25',
|
||||
'30px' => '30',
|
||||
'35px' => '35',
|
||||
),
|
||||
'heading' => esc_html__( 'Gap', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select tour gap.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'tab_position',
|
||||
'value' => array(
|
||||
esc_html__( 'Left', 'js_composer' ) => 'left',
|
||||
esc_html__( 'Right', 'js_composer' ) => 'right',
|
||||
),
|
||||
'heading' => esc_html__( 'Position', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select tour navigation position.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'alignment',
|
||||
'value' => array(
|
||||
esc_html__( 'Left', 'js_composer' ) => 'left',
|
||||
esc_html__( 'Right', 'js_composer' ) => 'right',
|
||||
esc_html__( 'Center', 'js_composer' ) => 'center',
|
||||
),
|
||||
'heading' => esc_html__( 'Alignment', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select tour section title alignment.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'controls_size',
|
||||
'value' => array(
|
||||
esc_html__( 'Auto', 'js_composer' ) => '',
|
||||
esc_html__( 'Extra large', 'js_composer' ) => 'xl',
|
||||
esc_html__( 'Large', 'js_composer' ) => 'lg',
|
||||
esc_html__( 'Medium', 'js_composer' ) => 'md',
|
||||
esc_html__( 'Small', 'js_composer' ) => 'sm',
|
||||
esc_html__( 'Extra small', 'js_composer' ) => 'xs',
|
||||
),
|
||||
'heading' => esc_html__( 'Navigation width', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select tour navigation width.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'autoplay',
|
||||
'value' => array(
|
||||
esc_html__( 'None', 'js_composer' ) => 'none',
|
||||
'1' => '1',
|
||||
'2' => '2',
|
||||
'3' => '3',
|
||||
'4' => '4',
|
||||
'5' => '5',
|
||||
'10' => '10',
|
||||
'20' => '20',
|
||||
'30' => '30',
|
||||
'40' => '40',
|
||||
'50' => '50',
|
||||
'60' => '60',
|
||||
),
|
||||
'std' => 'none',
|
||||
'heading' => esc_html__( 'Autoplay', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select auto rotate for tour in seconds (Note: disabled by default).', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'textfield',
|
||||
'param_name' => 'active_section',
|
||||
'heading' => esc_html__( 'Active section', 'js_composer' ),
|
||||
'value' => 1,
|
||||
'description' => esc_html__( 'Enter active section number (Note: to have all sections closed on initial load enter non-existing number).', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'pagination_style',
|
||||
'value' => array(
|
||||
esc_html__( 'None', 'js_composer' ) => '',
|
||||
esc_html__( 'Square Dots', 'js_composer' ) => 'outline-square',
|
||||
esc_html__( 'Radio Dots', 'js_composer' ) => 'outline-round',
|
||||
esc_html__( 'Point Dots', 'js_composer' ) => 'flat-round',
|
||||
esc_html__( 'Fill Square Dots', 'js_composer' ) => 'flat-square',
|
||||
esc_html__( 'Rounded Fill Square Dots', 'js_composer' ) => 'flat-rounded',
|
||||
),
|
||||
'heading' => esc_html__( 'Pagination style', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select pagination style.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'param_name' => 'pagination_color',
|
||||
'value' => vc_get_shared( 'colors-dashed' ),
|
||||
'heading' => esc_html__( 'Pagination color', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select pagination color.', 'js_composer' ),
|
||||
'param_holder_class' => 'vc_colored-dropdown',
|
||||
'std' => 'grey',
|
||||
'dependency' => array(
|
||||
'element' => 'pagination_style',
|
||||
'not_empty' => true,
|
||||
),
|
||||
),
|
||||
vc_map_add_css_animation(),
|
||||
array(
|
||||
'type' => 'el_id',
|
||||
'heading' => esc_html__( 'Element ID', 'js_composer' ),
|
||||
'param_name' => 'el_id',
|
||||
'description' => sprintf( esc_html__( 'Enter element ID (Note: make sure it is unique and valid according to %sw3c specification%s).', 'js_composer' ), '<a href="https://www.w3schools.com/tags/att_global_id.asp" target="_blank">', '</a>' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'textfield',
|
||||
'heading' => esc_html__( 'Extra class name', 'js_composer' ),
|
||||
'param_name' => 'el_class',
|
||||
'description' => esc_html__( 'If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'css_editor',
|
||||
'heading' => esc_html__( 'CSS box', 'js_composer' ),
|
||||
'param_name' => 'css',
|
||||
'group' => esc_html__( 'Design Options', 'js_composer' ),
|
||||
),
|
||||
),
|
||||
'js_view' => 'VcBackendTtaTourView',
|
||||
'custom_markup' => '
|
||||
<div class="vc_tta-container" data-vc-action="collapse">
|
||||
<div class="vc_general vc_tta vc_tta-tabs vc_tta-color-backend-tabs-white vc_tta-style-flat vc_tta-shape-rounded vc_tta-spacing-1 vc_tta-tabs-position-left vc_tta-controls-align-left">
|
||||
<div class="vc_tta-tabs-container">' . '<ul class="vc_tta-tabs-list">' . '<li class="vc_tta-tab" data-vc-tab data-vc-target-model-id="{{ model_id }}"><a href="javascript:;" data-vc-container=".vc_tta" data-vc-target="[data-model-id=\'{{ model_id }}\']" data-vc-target-model-id="{{ model_id }}" data-vc-tabs>{{ section_title }}</a></li>' . '</ul>
|
||||
</div>
|
||||
<div class="vc_tta-panels {{container-class}}">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
</div>',
|
||||
'default_content' => '
|
||||
[vc_tta_section title="' . sprintf( '%s %d', esc_html__( 'Section', 'js_composer' ), 1 ) . '"][/vc_tta_section]
|
||||
[vc_tta_section title="' . sprintf( '%s %d', esc_html__( 'Section', 'js_composer' ), 2 ) . '"][/vc_tta_section]
|
||||
',
|
||||
'admin_enqueue_js' => array(
|
||||
vc_asset_url( 'lib/vc_tabs/vc-tabs.min.js' ),
|
||||
),
|
||||
);
|
||||
Reference in New Issue
Block a user