khaihihi
This commit is contained in:
@@ -0,0 +1,364 @@
|
||||
<?php
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
die( '-1' );
|
||||
}
|
||||
/**
|
||||
* New button implementation
|
||||
* array_merge is needed due to merging other shortcode data into params.
|
||||
* @since 4.5
|
||||
*/
|
||||
|
||||
$pixel_icons = vc_pixel_icons();
|
||||
require_once vc_path_dir( 'CONFIG_DIR', 'content/vc-icon-element.php' );
|
||||
|
||||
$icons_params = vc_map_integrate_shortcode( vc_icon_element_params(), 'i_', '', array(
|
||||
'include_only_regex' => '/^(type|icon_\w*)/',
|
||||
// we need only type, icon_fontawesome, icon_blabla..., NOT color and etc
|
||||
), array(
|
||||
'element' => 'add_icon',
|
||||
'value' => 'true',
|
||||
) );
|
||||
// populate integrated vc_icons params.
|
||||
if ( is_array( $icons_params ) && ! empty( $icons_params ) ) {
|
||||
foreach ( $icons_params as $key => $param ) {
|
||||
if ( is_array( $param ) && ! empty( $param ) ) {
|
||||
if ( 'i_type' === $param['param_name'] ) {
|
||||
// append pixelicons to dropdown
|
||||
$icons_params[ $key ]['value'][ esc_html__( 'Pixel', 'js_composer' ) ] = 'pixelicons';
|
||||
}
|
||||
if ( isset( $param['admin_label'] ) ) {
|
||||
// remove admin label
|
||||
unset( $icons_params[ $key ]['admin_label'] );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
$color_value = array_merge( array(
|
||||
// Btn1 Colors
|
||||
esc_html__( 'Classic Grey', 'js_composer' ) => 'default',
|
||||
esc_html__( 'Classic Blue', 'js_composer' ) => 'primary',
|
||||
esc_html__( 'Classic Turquoise', 'js_composer' ) => 'info',
|
||||
esc_html__( 'Classic Green', 'js_composer' ) => 'success',
|
||||
esc_html__( 'Classic Orange', 'js_composer' ) => 'warning',
|
||||
esc_html__( 'Classic Red', 'js_composer' ) => 'danger',
|
||||
esc_html__( 'Classic Black', 'js_composer' ) => 'inverse',
|
||||
// + Btn2 Colors (default color set)
|
||||
), vc_get_shared( 'colors-dashed' ) );
|
||||
$params = array_merge( array(
|
||||
array(
|
||||
'type' => 'textfield',
|
||||
'heading' => esc_html__( 'Text', 'js_composer' ),
|
||||
'param_name' => 'title',
|
||||
// fully compatible to btn1 and btn2
|
||||
'value' => esc_html__( 'Text on the button', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'vc_link',
|
||||
'heading' => esc_html__( 'URL (Link)', 'js_composer' ),
|
||||
'param_name' => 'link',
|
||||
'description' => esc_html__( 'Add link to button.', 'js_composer' ),
|
||||
// compatible with btn2 and converted from href{btn1}
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'heading' => esc_html__( 'Style', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select button display style.', 'js_composer' ),
|
||||
'param_name' => 'style',
|
||||
// partly compatible with btn2, need to be converted shape+style from btn2 and btn1
|
||||
'value' => array(
|
||||
esc_html__( 'Modern', 'js_composer' ) => 'modern',
|
||||
esc_html__( 'Classic', 'js_composer' ) => 'classic',
|
||||
esc_html__( 'Flat', 'js_composer' ) => 'flat',
|
||||
esc_html__( 'Outline', 'js_composer' ) => 'outline',
|
||||
esc_html__( '3d', 'js_composer' ) => '3d',
|
||||
esc_html__( 'Custom', 'js_composer' ) => 'custom',
|
||||
esc_html__( 'Outline custom', 'js_composer' ) => 'outline-custom',
|
||||
esc_html__( 'Gradient', 'js_composer' ) => 'gradient',
|
||||
esc_html__( 'Gradient Custom', 'js_composer' ) => 'gradient-custom',
|
||||
),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'heading' => esc_html__( 'Gradient Color 1', 'js_composer' ),
|
||||
'param_name' => 'gradient_color_1',
|
||||
'description' => esc_html__( 'Select first color for gradient.', 'js_composer' ),
|
||||
'param_holder_class' => 'vc_colored-dropdown vc_btn3-colored-dropdown',
|
||||
'value' => vc_get_shared( 'colors-dashed' ),
|
||||
'std' => 'turquoise',
|
||||
'dependency' => array(
|
||||
'element' => 'style',
|
||||
'value' => array( 'gradient' ),
|
||||
),
|
||||
'edit_field_class' => 'vc_col-sm-6',
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'heading' => esc_html__( 'Gradient Color 2', 'js_composer' ),
|
||||
'param_name' => 'gradient_color_2',
|
||||
'description' => esc_html__( 'Select second color for gradient.', 'js_composer' ),
|
||||
'param_holder_class' => 'vc_colored-dropdown vc_btn3-colored-dropdown',
|
||||
'value' => vc_get_shared( 'colors-dashed' ),
|
||||
'std' => 'blue',
|
||||
// must have default color grey
|
||||
'dependency' => array(
|
||||
'element' => 'style',
|
||||
'value' => array( 'gradient' ),
|
||||
),
|
||||
'edit_field_class' => 'vc_col-sm-6',
|
||||
),
|
||||
array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => esc_html__( 'Gradient Color 1', 'js_composer' ),
|
||||
'param_name' => 'gradient_custom_color_1',
|
||||
'description' => esc_html__( 'Select first color for gradient.', 'js_composer' ),
|
||||
'param_holder_class' => 'vc_colored-dropdown vc_btn3-colored-dropdown',
|
||||
'value' => '#dd3333',
|
||||
'dependency' => array(
|
||||
'element' => 'style',
|
||||
'value' => array( 'gradient-custom' ),
|
||||
),
|
||||
'edit_field_class' => 'vc_col-sm-4',
|
||||
),
|
||||
array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => esc_html__( 'Gradient Color 2', 'js_composer' ),
|
||||
'param_name' => 'gradient_custom_color_2',
|
||||
'description' => esc_html__( 'Select second color for gradient.', 'js_composer' ),
|
||||
'param_holder_class' => 'vc_colored-dropdown vc_btn3-colored-dropdown',
|
||||
'value' => '#eeee22',
|
||||
'dependency' => array(
|
||||
'element' => 'style',
|
||||
'value' => array( 'gradient-custom' ),
|
||||
),
|
||||
'edit_field_class' => 'vc_col-sm-4',
|
||||
),
|
||||
array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => esc_html__( 'Button Text Color', 'js_composer' ),
|
||||
'param_name' => 'gradient_text_color',
|
||||
'description' => esc_html__( 'Select button text color.', 'js_composer' ),
|
||||
'param_holder_class' => 'vc_colored-dropdown vc_btn3-colored-dropdown',
|
||||
'value' => '#ffffff',
|
||||
// must have default color grey
|
||||
'dependency' => array(
|
||||
'element' => 'style',
|
||||
'value' => array( 'gradient-custom' ),
|
||||
),
|
||||
'edit_field_class' => 'vc_col-sm-4',
|
||||
),
|
||||
array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => esc_html__( 'Background', 'js_composer' ),
|
||||
'param_name' => 'custom_background',
|
||||
'description' => esc_html__( 'Select custom background color for your element.', 'js_composer' ),
|
||||
'dependency' => array(
|
||||
'element' => 'style',
|
||||
'value' => array( 'custom' ),
|
||||
),
|
||||
'edit_field_class' => 'vc_col-sm-6',
|
||||
'std' => '#ededed',
|
||||
),
|
||||
array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => esc_html__( 'Text', 'js_composer' ),
|
||||
'param_name' => 'custom_text',
|
||||
'description' => esc_html__( 'Select custom text color for your element.', 'js_composer' ),
|
||||
'dependency' => array(
|
||||
'element' => 'style',
|
||||
'value' => array( 'custom' ),
|
||||
),
|
||||
'edit_field_class' => 'vc_col-sm-6',
|
||||
'std' => '#666',
|
||||
),
|
||||
array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => esc_html__( 'Outline and Text', 'js_composer' ),
|
||||
'param_name' => 'outline_custom_color',
|
||||
'description' => esc_html__( 'Select outline and text color for your element.', 'js_composer' ),
|
||||
'dependency' => array(
|
||||
'element' => 'style',
|
||||
'value' => array( 'outline-custom' ),
|
||||
),
|
||||
'edit_field_class' => 'vc_col-sm-4',
|
||||
'std' => '#666',
|
||||
),
|
||||
array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => esc_html__( 'Hover background', 'js_composer' ),
|
||||
'param_name' => 'outline_custom_hover_background',
|
||||
'description' => esc_html__( 'Select hover background color for your element.', 'js_composer' ),
|
||||
'dependency' => array(
|
||||
'element' => 'style',
|
||||
'value' => array( 'outline-custom' ),
|
||||
),
|
||||
'edit_field_class' => 'vc_col-sm-4',
|
||||
'std' => '#666',
|
||||
),
|
||||
array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => esc_html__( 'Hover text', 'js_composer' ),
|
||||
'param_name' => 'outline_custom_hover_text',
|
||||
'description' => esc_html__( 'Select hover text color for your element.', 'js_composer' ),
|
||||
'dependency' => array(
|
||||
'element' => 'style',
|
||||
'value' => array( 'outline-custom' ),
|
||||
),
|
||||
'edit_field_class' => 'vc_col-sm-4',
|
||||
'std' => '#fff',
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'heading' => esc_html__( 'Shape', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select button shape.', 'js_composer' ),
|
||||
'param_name' => 'shape',
|
||||
// need to be converted
|
||||
'value' => array(
|
||||
esc_html__( 'Rounded', 'js_composer' ) => 'rounded',
|
||||
esc_html__( 'Square', 'js_composer' ) => 'square',
|
||||
esc_html__( 'Round', 'js_composer' ) => 'round',
|
||||
),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'heading' => esc_html__( 'Color', 'js_composer' ),
|
||||
'param_name' => 'color',
|
||||
'description' => esc_html__( 'Select button color.', 'js_composer' ),
|
||||
// compatible with btn2, need to be converted from btn1
|
||||
'param_holder_class' => 'vc_colored-dropdown vc_btn3-colored-dropdown',
|
||||
'value' => $color_value,
|
||||
'std' => 'grey',
|
||||
// must have default color grey
|
||||
'dependency' => array(
|
||||
'element' => 'style',
|
||||
'value_not_equal_to' => array(
|
||||
'custom',
|
||||
'outline-custom',
|
||||
'gradient',
|
||||
'gradient-custom',
|
||||
),
|
||||
),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'heading' => esc_html__( 'Size', 'js_composer' ),
|
||||
'param_name' => 'size',
|
||||
'description' => esc_html__( 'Select button display size.', 'js_composer' ),
|
||||
// compatible with btn2, default md, but need to be converted from btn1 to btn2
|
||||
'std' => 'md',
|
||||
'value' => vc_get_shared( 'sizes' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'heading' => esc_html__( 'Alignment', 'js_composer' ),
|
||||
'param_name' => 'align',
|
||||
'description' => esc_html__( 'Select button alignment.', 'js_composer' ),
|
||||
// compatible with btn2, default left to be compatible with btn1
|
||||
'value' => array(
|
||||
esc_html__( 'Inline', 'js_composer' ) => 'inline',
|
||||
// default as well
|
||||
esc_html__( 'Left', 'js_composer' ) => 'left',
|
||||
// default as well
|
||||
esc_html__( 'Right', 'js_composer' ) => 'right',
|
||||
esc_html__( 'Center', 'js_composer' ) => 'center',
|
||||
),
|
||||
),
|
||||
array(
|
||||
'type' => 'checkbox',
|
||||
'heading' => esc_html__( 'Set full width button?', 'js_composer' ),
|
||||
'param_name' => 'button_block',
|
||||
'dependency' => array(
|
||||
'element' => 'align',
|
||||
'value_not_equal_to' => 'inline',
|
||||
),
|
||||
),
|
||||
array(
|
||||
'type' => 'checkbox',
|
||||
'heading' => esc_html__( 'Add icon?', 'js_composer' ),
|
||||
'param_name' => 'add_icon',
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'heading' => esc_html__( 'Icon Alignment', 'js_composer' ),
|
||||
'description' => esc_html__( 'Select icon alignment.', 'js_composer' ),
|
||||
'param_name' => 'i_align',
|
||||
'value' => array(
|
||||
esc_html__( 'Left', 'js_composer' ) => 'left',
|
||||
// default as well
|
||||
esc_html__( 'Right', 'js_composer' ) => 'right',
|
||||
),
|
||||
'dependency' => array(
|
||||
'element' => 'add_icon',
|
||||
'value' => 'true',
|
||||
),
|
||||
),
|
||||
), $icons_params, array(
|
||||
array(
|
||||
'type' => 'iconpicker',
|
||||
'heading' => esc_html__( 'Icon', 'js_composer' ),
|
||||
'param_name' => 'i_icon_pixelicons',
|
||||
'value' => 'vc_pixel_icon vc_pixel_icon-alert',
|
||||
'settings' => array(
|
||||
'emptyIcon' => false,
|
||||
// default true, display an "EMPTY" icon?
|
||||
'type' => 'pixelicons',
|
||||
'source' => $pixel_icons,
|
||||
),
|
||||
'dependency' => array(
|
||||
'element' => 'i_type',
|
||||
'value' => 'pixelicons',
|
||||
),
|
||||
'description' => esc_html__( 'Select icon from library.', 'js_composer' ),
|
||||
),
|
||||
), array(
|
||||
vc_map_add_css_animation( true ),
|
||||
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__( 'Style particular content element differently - add a class name and refer to it in custom CSS.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'checkbox',
|
||||
'heading' => esc_html__( 'Advanced on click action', 'js_composer' ),
|
||||
'param_name' => 'custom_onclick',
|
||||
'description' => esc_html__( 'Insert inline onclick javascript action.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'textfield',
|
||||
'heading' => esc_html__( 'On click code', 'js_composer' ),
|
||||
'param_name' => 'custom_onclick_code',
|
||||
'description' => esc_html__( 'Enter onclick action code.', 'js_composer' ),
|
||||
'dependency' => array(
|
||||
'element' => 'custom_onclick',
|
||||
'not_empty' => true,
|
||||
),
|
||||
),
|
||||
array(
|
||||
'type' => 'css_editor',
|
||||
'heading' => esc_html__( 'CSS box', 'js_composer' ),
|
||||
'param_name' => 'css',
|
||||
'group' => esc_html__( 'Design Options', 'js_composer' ),
|
||||
),
|
||||
) );
|
||||
|
||||
/**
|
||||
* @class WPBakeryShortCode_Vc_Btn
|
||||
*/
|
||||
return array(
|
||||
'name' => esc_html__( 'Button', 'js_composer' ),
|
||||
'base' => 'vc_btn',
|
||||
'icon' => 'icon-wpb-ui-button',
|
||||
'category' => array(
|
||||
esc_html__( 'Content', 'js_composer' ),
|
||||
),
|
||||
'description' => esc_html__( 'Eye catching button', 'js_composer' ),
|
||||
'params' => $params,
|
||||
'js_view' => 'VcButton3View',
|
||||
'custom_markup' => '{{title}}<div class="vc_btn3-container"><button class="vc_general vc_btn3 vc_btn3-size-sm vc_btn3-shape-{{ params.shape }} vc_btn3-style-{{ params.style }} vc_btn3-color-{{ params.color }}">{{{ params.title }}}</button></div>',
|
||||
);
|
||||
@@ -0,0 +1,284 @@
|
||||
<?php
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
die( '-1' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Call to action
|
||||
* @since 4.5
|
||||
*/
|
||||
require_once vc_path_dir( 'CONFIG_DIR', 'content/vc-custom-heading-element.php' );
|
||||
$h2_custom_heading = vc_map_integrate_shortcode( vc_custom_heading_element_params(), 'h2_', esc_html__( 'Heading', 'js_composer' ), array(
|
||||
'exclude' => array(
|
||||
'source',
|
||||
'text',
|
||||
'css',
|
||||
),
|
||||
), array(
|
||||
'element' => 'use_custom_fonts_h2',
|
||||
'value' => 'true',
|
||||
) );
|
||||
|
||||
// This is needed to remove custom heading _tag and _align options.
|
||||
if ( is_array( $h2_custom_heading ) && ! empty( $h2_custom_heading ) ) {
|
||||
foreach ( $h2_custom_heading as $key => $param ) {
|
||||
if ( is_array( $param ) && isset( $param['type'] ) && 'font_container' === $param['type'] ) {
|
||||
$h2_custom_heading[ $key ]['value'] = '';
|
||||
if ( isset( $param['settings'] ) && is_array( $param['settings'] ) && isset( $param['settings']['fields'] ) ) {
|
||||
$sub_key = array_search( 'tag', $param['settings']['fields'], true );
|
||||
if ( false !== $sub_key ) {
|
||||
unset( $h2_custom_heading[ $key ]['settings']['fields'][ $sub_key ] );
|
||||
} elseif ( isset( $param['settings']['fields']['tag'] ) ) {
|
||||
unset( $h2_custom_heading[ $key ]['settings']['fields']['tag'] );
|
||||
}
|
||||
$sub_key = array_search( 'text_align', $param['settings']['fields'], true );
|
||||
if ( false !== $sub_key ) {
|
||||
unset( $h2_custom_heading[ $key ]['settings']['fields'][ $sub_key ] );
|
||||
} elseif ( isset( $param['settings']['fields']['text_align'] ) ) {
|
||||
unset( $h2_custom_heading[ $key ]['settings']['fields']['text_align'] );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
$h4_custom_heading = vc_map_integrate_shortcode( vc_custom_heading_element_params(), 'h4_', esc_html__( 'Subheading', 'js_composer' ), array(
|
||||
'exclude' => array(
|
||||
'source',
|
||||
'text',
|
||||
'css',
|
||||
),
|
||||
), array(
|
||||
'element' => 'use_custom_fonts_h4',
|
||||
'value' => 'true',
|
||||
) );
|
||||
|
||||
// This is needed to remove custom heading _tag and _align options.
|
||||
if ( is_array( $h4_custom_heading ) && ! empty( $h4_custom_heading ) ) {
|
||||
foreach ( $h4_custom_heading as $key => $param ) {
|
||||
if ( is_array( $param ) && isset( $param['type'] ) && 'font_container' === $param['type'] ) {
|
||||
$h4_custom_heading[ $key ]['value'] = '';
|
||||
if ( isset( $param['settings'] ) && is_array( $param['settings'] ) && isset( $param['settings']['fields'] ) ) {
|
||||
$sub_key = array_search( 'tag', $param['settings']['fields'], true );
|
||||
if ( false !== $sub_key ) {
|
||||
unset( $h4_custom_heading[ $key ]['settings']['fields'][ $sub_key ] );
|
||||
} elseif ( isset( $param['settings']['fields']['tag'] ) ) {
|
||||
unset( $h4_custom_heading[ $key ]['settings']['fields']['tag'] );
|
||||
}
|
||||
$sub_key = array_search( 'text_align', $param['settings']['fields'], true );
|
||||
if ( false !== $sub_key ) {
|
||||
unset( $h4_custom_heading[ $key ]['settings']['fields'][ $sub_key ] );
|
||||
} elseif ( isset( $param['settings']['fields']['text_align'] ) ) {
|
||||
unset( $h4_custom_heading[ $key ]['settings']['fields']['text_align'] );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
$params = array_merge( array(
|
||||
array(
|
||||
'type' => 'textfield',
|
||||
'heading' => esc_html__( 'Heading', 'js_composer' ),
|
||||
'admin_label' => true,
|
||||
'param_name' => 'h2',
|
||||
'value' => esc_html__( 'Hey! I am first heading line feel free to change me', 'js_composer' ),
|
||||
'description' => esc_html__( 'Enter text for heading line.', 'js_composer' ),
|
||||
'edit_field_class' => 'vc_col-sm-9',
|
||||
),
|
||||
array(
|
||||
'type' => 'checkbox',
|
||||
'heading' => esc_html__( 'Use custom font?', 'js_composer' ),
|
||||
'param_name' => 'use_custom_fonts_h2',
|
||||
'description' => esc_html__( 'Enable Google fonts.', 'js_composer' ),
|
||||
'edit_field_class' => 'vc_col-sm-3',
|
||||
),
|
||||
|
||||
), $h2_custom_heading, array(
|
||||
array(
|
||||
'type' => 'textfield',
|
||||
'heading' => esc_html__( 'Subheading', 'js_composer' ),
|
||||
'param_name' => 'h4',
|
||||
'value' => '',
|
||||
'description' => esc_html__( 'Enter text for subheading line.', 'js_composer' ),
|
||||
'edit_field_class' => 'vc_col-sm-9',
|
||||
),
|
||||
array(
|
||||
'type' => 'checkbox',
|
||||
'heading' => esc_html__( 'Use custom font?', 'js_composer' ),
|
||||
'param_name' => 'use_custom_fonts_h4',
|
||||
'description' => esc_html__( 'Enable custom font option.', 'js_composer' ),
|
||||
'edit_field_class' => 'vc_col-sm-3',
|
||||
),
|
||||
), $h4_custom_heading, array(
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'heading' => esc_html__( 'Text alignment', 'js_composer' ),
|
||||
'param_name' => 'txt_align',
|
||||
'value' => vc_get_shared( 'text align' ),
|
||||
// default left
|
||||
'description' => esc_html__( 'Select text alignment in "Call to Action" block.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'heading' => esc_html__( 'Shape', 'js_composer' ),
|
||||
'param_name' => 'shape',
|
||||
'std' => 'rounded',
|
||||
'value' => array(
|
||||
esc_html__( 'Square', 'js_composer' ) => 'square',
|
||||
esc_html__( 'Rounded', 'js_composer' ) => 'rounded',
|
||||
esc_html__( 'Round', 'js_composer' ) => 'round',
|
||||
),
|
||||
'description' => esc_html__( 'Select call to action shape.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'heading' => esc_html__( 'Style', 'js_composer' ),
|
||||
'param_name' => 'style',
|
||||
'value' => array(
|
||||
esc_html__( 'Classic', 'js_composer' ) => 'classic',
|
||||
esc_html__( 'Flat', 'js_composer' ) => 'flat',
|
||||
esc_html__( 'Outline', 'js_composer' ) => 'outline',
|
||||
esc_html__( '3d', 'js_composer' ) => '3d',
|
||||
esc_html__( 'Custom', 'js_composer' ) => 'custom',
|
||||
),
|
||||
'std' => 'classic',
|
||||
'description' => esc_html__( 'Select call to action display style.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => esc_html__( 'Background color', 'js_composer' ),
|
||||
'param_name' => 'custom_background',
|
||||
'description' => esc_html__( 'Select custom background color.', 'js_composer' ),
|
||||
'dependency' => array(
|
||||
'element' => 'style',
|
||||
'value' => array( 'custom' ),
|
||||
),
|
||||
'edit_field_class' => 'vc_col-sm-6',
|
||||
),
|
||||
array(
|
||||
'type' => 'colorpicker',
|
||||
'heading' => esc_html__( 'Text color', 'js_composer' ),
|
||||
'param_name' => 'custom_text',
|
||||
'description' => esc_html__( 'Select custom text color.', 'js_composer' ),
|
||||
'dependency' => array(
|
||||
'element' => 'style',
|
||||
'value' => array( 'custom' ),
|
||||
),
|
||||
'edit_field_class' => 'vc_col-sm-6',
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'heading' => esc_html__( 'Color', 'js_composer' ),
|
||||
'param_name' => 'color',
|
||||
'value' => array( esc_html__( 'Classic', 'js_composer' ) => 'classic' ) + vc_get_shared( 'colors-dashed' ),
|
||||
'std' => 'classic',
|
||||
'description' => esc_html__( 'Select color schema.', 'js_composer' ),
|
||||
'param_holder_class' => 'vc_colored-dropdown vc_cta3-colored-dropdown',
|
||||
'dependency' => array(
|
||||
'element' => 'style',
|
||||
'value_not_equal_to' => array( 'custom' ),
|
||||
),
|
||||
),
|
||||
array(
|
||||
'type' => 'textarea_html',
|
||||
'heading' => esc_html__( 'Text', 'js_composer' ),
|
||||
'param_name' => 'content',
|
||||
'value' => esc_html__( 'I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'heading' => esc_html__( 'Width', 'js_composer' ),
|
||||
'param_name' => 'el_width',
|
||||
'value' => array(
|
||||
'100%' => '',
|
||||
'90%' => 'xl',
|
||||
'80%' => 'lg',
|
||||
'70%' => 'md',
|
||||
'60%' => 'sm',
|
||||
'50%' => 'xs',
|
||||
),
|
||||
'description' => esc_html__( 'Select call to action width (percentage).', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'heading' => esc_html__( 'Add button', 'js_composer' ) . '?',
|
||||
'description' => esc_html__( 'Add button for call to action.', 'js_composer' ),
|
||||
'param_name' => 'add_button',
|
||||
'value' => array(
|
||||
esc_html__( 'No', 'js_composer' ) => '',
|
||||
esc_html__( 'Top', 'js_composer' ) => 'top',
|
||||
esc_html__( 'Bottom', 'js_composer' ) => 'bottom',
|
||||
esc_html__( 'Left', 'js_composer' ) => 'left',
|
||||
esc_html__( 'Right', 'js_composer' ) => 'right',
|
||||
),
|
||||
),
|
||||
), vc_map_integrate_shortcode( 'vc_btn', 'btn_', esc_html__( 'Button', 'js_composer' ), array(
|
||||
'exclude' => array( 'css' ),
|
||||
), array(
|
||||
'element' => 'add_button',
|
||||
'not_empty' => true,
|
||||
) ), array(
|
||||
array(
|
||||
'type' => 'dropdown',
|
||||
'heading' => esc_html__( 'Add icon?', 'js_composer' ),
|
||||
'description' => esc_html__( 'Add icon for call to action.', 'js_composer' ),
|
||||
'param_name' => 'add_icon',
|
||||
'value' => array(
|
||||
esc_html__( 'No', 'js_composer' ) => '',
|
||||
esc_html__( 'Top', 'js_composer' ) => 'top',
|
||||
esc_html__( 'Bottom', 'js_composer' ) => 'bottom',
|
||||
esc_html__( 'Left', 'js_composer' ) => 'left',
|
||||
esc_html__( 'Right', 'js_composer' ) => 'right',
|
||||
),
|
||||
),
|
||||
array(
|
||||
'type' => 'checkbox',
|
||||
'param_name' => 'i_on_border',
|
||||
'heading' => esc_html__( 'Place icon on border?', 'js_composer' ),
|
||||
'description' => esc_html__( 'Display icon on call to action element border.', 'js_composer' ),
|
||||
'group' => esc_html__( 'Icon', 'js_composer' ),
|
||||
'dependency' => array(
|
||||
'element' => 'add_icon',
|
||||
'not_empty' => true,
|
||||
),
|
||||
),
|
||||
), vc_map_integrate_shortcode( 'vc_icon', 'i_', esc_html__( 'Icon', 'js_composer' ), array(
|
||||
'exclude' => array(
|
||||
'align',
|
||||
'css',
|
||||
),
|
||||
), array(
|
||||
'element' => 'add_icon',
|
||||
'not_empty' => true,
|
||||
) ), array(
|
||||
// cta3
|
||||
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__( 'Style particular content element differently - add a class name and refer to it in custom CSS.', 'js_composer' ),
|
||||
),
|
||||
array(
|
||||
'type' => 'css_editor',
|
||||
'heading' => esc_html__( 'CSS box', 'js_composer' ),
|
||||
'param_name' => 'css',
|
||||
'group' => esc_html__( 'Design Options', 'js_composer' ),
|
||||
),
|
||||
) );
|
||||
|
||||
return array(
|
||||
'name' => esc_html__( 'Call to Action', 'js_composer' ),
|
||||
'base' => 'vc_cta',
|
||||
'icon' => 'icon-wpb-call-to-action',
|
||||
'category' => array( esc_html__( 'Content', 'js_composer' ) ),
|
||||
'description' => esc_html__( 'Catch visitors attention with CTA block', 'js_composer' ),
|
||||
'since' => '4.5',
|
||||
'params' => $params,
|
||||
'js_view' => 'VcCallToActionView3',
|
||||
);
|
||||
Reference in New Issue
Block a user