$val ) {
if (strpos($val, $value) !== false) {
unset( $array[$key] );
}
}
return $array;
}
}
/**
* Add Text Transform for Custom Heading Shortcode
*
* @return array
*
* @access private
* @since 4.0
*/
function _vc_add_text_transform_to_custom_heading() {
return array(
'type' => 'dropdown',
'heading' => esc_html__( 'Text Transform', 'unitedthemes' ),
'param_name' => 'text_transform',
'value' => array(
esc_html__( 'Select Text Transform' , 'unitedthemes' ) => '',
esc_html__( 'None' , 'unitedthemes' ) => 'none',
esc_html__( 'Capitalize' , 'unitedthemes' ) => 'capitalize',
esc_html__( 'Inherit' , 'unitedthemes' ) => 'inherit',
esc_html__( 'Lowercase' , 'unitedthemes' ) => 'lowercase',
esc_html__( 'Uppercase' , 'unitedthemes' ) => 'uppercase'
),
);
}
vc_add_param( 'vc_custom_heading', _vc_add_text_transform_to_custom_heading() );
/**
* Add Offset Anchors
*
* @return array
*
* @access private
* @since 4.3
*/
function _vc_add_section_anchor_to_vc_row() {
return array(
array(
'type' => 'section_anchor',
'heading' => esc_html__( 'Linking ID', 'ut_shortcodes' ),
'description' => sprintf( __( 'Enter ID (Note: make sure it is unique and valid according to w3c specification).', 'js_composer' ), 'http://www.w3schools.com/tags/att_global_id.asp' ),
'param_name' => 'bklyn_section_anchor_id',
'group' => 'Linking'
),
);
}
vc_add_params( 'vc_row', _vc_add_section_anchor_to_vc_row() );
vc_add_params( 'vc_section', _vc_add_section_anchor_to_vc_row() );
/**
* Enhance VC Section
*
* @return array
*
* @access private
* @since 4.3.0
*/
function _vc_add_enhance_vc_section() {
return array(
'type' => 'dropdown',
'heading' => __( 'Section stretch', 'js_composer' ),
'param_name' => 'full_width',
'value' => array(
esc_html__( 'Default', 'js_composer' ) => '',
esc_html__( 'Stretch section', 'js_composer' ) => 'stretch_row',
esc_html__( 'Stretch section and content', 'js_composer' ) => 'stretch_row_content',
),
'std' => 'stretch_row',
'description' => __( 'Select stretching options for section and content (Note: stretched may not work properly if parent container has "overflow: hidden" CSS property).', 'unitedthemes' ),
);
}
vc_add_param( 'vc_section', _vc_add_enhance_vc_section() );
/**
* Enhance VC Row
*
* @return array
*
* @access private
* @since 4.3.0
*/
function _vc_add_enhance_vc_row() {
return array(
'type' => 'dropdown',
'heading' => __( 'Row stretch', 'js_composer' ),
'param_name' => 'full_width',
'value' => array(
esc_html__( 'Default', 'js_composer' ) => '',
esc_html__( 'Stretch row', 'js_composer' ) => 'stretch_row',
esc_html__( 'Stretch row and content', 'js_composer' ) => 'stretch_row_content',
esc_html__( 'Stretch row and content (no paddings)', 'js_composer' ) => 'stretch_row_content_no_spaces',
),
'std' => 'stretch_row',
'description' => __( 'Select stretching options for row and content (Note: stretched may not work properly if parent container has "overflow: hidden" CSS property).', 'unitedthemes' ),
);
}
vc_add_param( 'vc_row', _vc_add_enhance_vc_row() );
/**
* Add Video Settings to VC Section and Row
*
* @return array
*
* @access private
* @since 4.5.4
*/
// remove old param since we support youtube and vimeo
vc_remove_param( "vc_section", "video_bg" );
vc_remove_param( "vc_section", "video_bg_url" );
vc_remove_param( "vc_section", "video_bg_parallax" );
vc_remove_param( "vc_section", "parallax_speed_video" );
vc_remove_param( "vc_row", "video_bg" );
vc_remove_param( "vc_row", "video_bg_url" );
vc_remove_param( "vc_row", "video_bg_parallax" );
vc_remove_param( "vc_row", "parallax_speed_video" );
function _vc_add_video_settings_to_vc() {
return array(
array(
'type' => 'checkbox',
'heading' => __( 'Activate Video Background?', 'js_composer' ),
'param_name' => 'video_bg',
'description' => __( 'If checked, video will be used as section background. If Parallax is activated in "Design Options" the video will parallax as well.', 'js_composer' ),
'value' => array( __( 'Yes', 'js_composer' ) => 'yes' ),
'group' => 'Video'
),
array(
'type' => 'textfield',
'heading' => __( 'Video Link', 'js_composer' ),
'param_name' => 'video_bg_url',
'description' => __( 'Add Video Link. Can be youtube or vimeo. Only insert the video URL not the embed code.', 'js_composer' ),
'group' => 'Video',
'dependency' => array(
'element' => 'video_bg',
'not_empty' => true,
),
),
);
}
vc_add_params( 'vc_row', _vc_add_video_settings_to_vc() );
vc_add_params( 'vc_section', _vc_add_video_settings_to_vc() );
/**
* Add Overlay Settings to VC Row
*
* @return array
*
* @access private
* @since 4.0
*/
function _vc_add_overlay_settings_to_vc_row() {
return array(
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Activate Overlay?', 'unitedthemes' ),
'param_name' => 'bklyn_overlay',
'value' => array(
esc_html__( 'off', 'unitedthemes' ) => '',
esc_html__( 'on', 'unitedthemes' ) => 'true'
),
'group' => 'Overlay'
),
array(
'type' => 'gradient_picker',
'heading' => esc_html__( 'Overlay Color', 'unitedthemes' ),
'param_name' => 'bklyn_overlay_color',
'group' => 'Overlay',
'dependency' => array(
'element' => 'bklyn_overlay',
'value' => 'true',
),
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Activate Overlay Pattern?', 'unitedthemes' ),
'param_name' => 'bklyn_overlay_pattern',
'value' => array(
esc_html__( 'off', 'unitedthemes' ) => '',
esc_html__( 'on', 'unitedthemes' ) => 'true'
),
'group' => 'Overlay',
'dependency' => array(
'element' => 'bklyn_overlay',
'value' => 'true',
),
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Overlay Style', 'unitedthemes' ),
'param_name' => 'bklyn_overlay_pattern_style',
'group' => 'Overlay',
'value' => array(
esc_html__( 'Style One' , 'unitedthemes' ) => 'bklyn-style-one',
esc_html__( 'Style Two' , 'unitedthemes' ) => 'bklyn-style-two',
esc_html__( 'Style Three' , 'unitedthemes' ) => 'bklyn-style-three',
),
'dependency' => array(
'element' => 'bklyn_overlay_pattern',
'value' => 'true',
)
)
);
}
vc_add_params( 'vc_row', _vc_add_overlay_settings_to_vc_row() );
vc_add_params( 'vc_section', _vc_add_overlay_settings_to_vc_row() );
vc_add_params( 'vc_column', _vc_add_overlay_settings_to_vc_row() );
/**
* Add Box Shadow Settings to VC Elements
*
* @return array
*
* @access private
* @since 4.5
*/
function _vc_add_box_shadow_settings_to_vc() {
return array(
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Add Box Shadow?', 'unitedthemes' ),
'param_name' => 'add_box_shadow',
'value' => array(
esc_html__( 'no', 'unitedthemes' ) => '',
esc_html__( 'yes', 'unitedthemes' ) => 'true'
),
'group' => 'Design Options'
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'Shadow Color', 'ut_shortcodes' ),
'param_name' => 'shadow_color',
'edit_field_class' => 'vc_col-sm-6',
'group' => 'Design Options',
'dependency' => array(
'element' => 'add_box_shadow',
'value' => 'true',
),
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'Shadow Hover Color', 'ut_shortcodes' ),
'param_name' => 'shadow_color_hover',
'edit_field_class' => 'vc_col-sm-6',
'group' => 'Design Options',
'dependency' => array(
'element' => 'add_box_shadow',
'value' => 'true',
),
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Force Shadow Spacing?', 'unitedthemes' ),
'description' => esc_html__( 'If box shadow is cut off due to overflow issues, please activate this option.', 'unitedthemes' ),
'param_name' => 'add_box_shadow_spacing',
'value' => array(
esc_html__( 'no', 'unitedthemes' ) => '',
esc_html__( 'yes', 'unitedthemes' ) => 'true'
),
'group' => 'Design Options'
),
);
}
vc_add_params( 'vc_column', _vc_add_box_shadow_settings_to_vc() );
/**
* VC Parallax Settings
*
* @return array
*
* @access private
* @since 4.5.4
*/
// remove default section parallax params
vc_remove_param( "vc_section", "parallax" );
vc_remove_param( "vc_section", "parallax_image" );
vc_remove_param( "vc_section", "parallax_speed_bg" );
// remove default row parallax params
vc_remove_param( "vc_row", "parallax" );
vc_remove_param( "vc_row", "parallax_image" );
vc_remove_param( "vc_row", "parallax_speed_bg" );
// remove default column parallax params
vc_remove_param( "vc_column", "parallax" );
vc_remove_param( "vc_column", "parallax_image" );
vc_remove_param( "vc_column", "parallax_speed_bg" );
// remove default column video parallax params
vc_remove_param( "vc_column", "video_bg" );
vc_remove_param( "vc_column", "video_bg_url" );
vc_remove_param( "vc_column", "video_bg_parallax" );
vc_remove_param( "vc_column", "parallax_speed_video" );
function _vc_add_enhance_vc_parallax() {
return array(
array(
'type' => 'dropdown',
'heading' => __( 'Parallax', 'ut_shortcodes' ),
'description' => __( 'Add parallax type background.', 'ut_shortcodes' ),
'param_name' => 'parallax',
'value' => array(
esc_html__( 'None', 'js_composer' ) => '',
esc_html__( 'Simple', 'js_composer' ) => 'content-moving',
),
'group' => 'Design Options',
),
array(
'type' => 'range_slider',
'heading' => esc_html__( 'Parallax Speed', 'ut_shortcodes' ),
'description' => esc_html__( '', 'ut_shortcodes' ),
'param_name' => 'parallax_speed',
'value' => array(
'default' => '3',
'min' => '1',
'max' => '6',
'step' => '1',
'unit' => 'x'
),
'group' => 'Design Options',
'dependency' => array(
'element' => 'parallax',
'value' => array('content-moving')
)
),
array(
'type' => 'range_slider',
'heading' => esc_html__( 'Parallax Threshold', 'ut_shortcodes' ),
'description' => __( 'Sometimes it can happen, that an element, which has nearly bypassed the viewport has a small whitegap at the top or bottom. In this case try to reduce this gap with adjusting this value.', 'js_composer' ),
'param_name' => 'parallax_threshold',
'value' => array(
'default' => '0',
'min' => '-100',
'max' => '100',
'step' => '1',
'unit' => 'px'
),
'group' => 'Design Options',
'dependency' => array(
'element' => 'parallax',
'value' => array('content-moving')
)
),
/*array(
'type' => 'dropdown',
'heading' => __( 'Parallax Direction', 'js_composer' ),
'description' => __( 'Parallax Scroll Direction.', 'js_composer' ),
'param_name' => 'parallax_direction',
'value' => array(
esc_html__( 'Bottom', 'js_composer' ) => 'bottom',
esc_html__( 'Top', 'js_composer' ) => 'top',
),
'group' => 'Design Options',
'dependency' => array(
'element' => 'parallax',
'value' => array('content-moving')
)
),*/
);
}
vc_add_params( 'vc_section', _vc_add_enhance_vc_parallax() );
vc_add_params( 'vc_row', _vc_add_enhance_vc_parallax() );
/**
* Add Background Settings to VC Row
*
* @return array
*
* @access private
* @since 4.0.3
*/
function _vc_add_background_settings_to_vc_row() {
return array(
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Background Position', 'unitedthemes' ),
'param_name' => 'background_position',
'value' => array(
esc_html__( 'Select Background Position', 'unite' ) => '',
esc_html__( 'left top', 'unite' ) => 'left top',
esc_html__( 'left center', 'unite' ) => 'left center',
esc_html__( 'left bottom', 'unite' ) => 'left bottom',
esc_html__( 'center top', 'unite' ) => 'center top',
esc_html__( 'center center', 'unite' ) => 'center center',
esc_html__( 'center bottom', 'unite' ) => 'center bottom',
esc_html__( 'right top', 'unite' ) => 'right top',
esc_html__( 'right center', 'unite' ) => 'right center',
esc_html__( 'right bottom', 'unite' ) => 'right bottom'
),
'group' => 'Design Options',
'dependency' => array(
'element' => 'parallax',
'value_not_equal_to' => array('content-moving')
)
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Background Attachment', 'unitedthemes' ),
'param_name' => 'background_attachment',
'value' => array(
esc_html__( 'Select Background Attachment', 'unitedthemes' )=> '',
esc_html__( 'Scroll', 'unitedthemes' ) => 'scroll',
esc_html__( 'Fixed', 'unitedthemes' ) => 'fixed',
esc_html__( 'Inherit', 'unitedthemes' ) => 'inherit',
),
'group' => 'Design Options',
'dependency' => array(
'element' => 'parallax',
'value_not_equal_to' => array('content-moving')
)
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Hide Background on Medium Desktop?', 'unitedthemes' ),
'param_name' => 'hide_bg_medium',
//'edit_field_class' => 'vc_col-sm-6',
'value' => array(
esc_html__( 'no', 'unitedthemes' ) => '',
esc_html__( 'yes', 'unitedthemes' ) => 'true'
),
'group' => 'Design Options'
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Hide Background on Tablet?', 'unitedthemes' ),
'param_name' => 'hide_bg_tablet',
//'edit_field_class' => 'vc_col-sm-6',
'value' => array(
esc_html__( 'no', 'unitedthemes' ) => '',
esc_html__( 'yes', 'unitedthemes' ) => 'true'
),
'group' => 'Design Options'
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Hide Background on Mobile?', 'unitedthemes' ),
'param_name' => 'hide_bg_mobile',
//'edit_field_class' => 'vc_col-sm-6',
'value' => array(
esc_html__( 'no', 'unitedthemes' ) => '',
esc_html__( 'yes', 'unitedthemes' ) => 'true'
),
'group' => 'Design Options'
),
);
}
// add to sections
vc_add_params( 'vc_section', _vc_add_background_settings_to_vc_row() );
// add to rows and columns
vc_add_params( 'vc_row', _vc_add_background_settings_to_vc_row() );
vc_add_params( 'vc_column', _vc_add_background_settings_to_vc_row() );
// add to inner rows and inner column
vc_add_params( 'vc_row_inner', _vc_add_background_settings_to_vc_row() );
vc_add_params( 'vc_column_inner', _vc_add_background_settings_to_vc_row() );
/*
* SVG Separators Config
*
* @return array
*
* @since 4.6
*/
if( !function_exists('ut_svg_separators_config') ) :
function ut_svg_separators_config( $svg ) {
$ut_recognized_svg_separators = apply_filters( 'ut_recognized_svg_separators', array(
'design_wave' => array(
'id' => 'design-wave',
'svg' => 'design-wave.svg',
'path_count' => 2
),
'double_wave_1' => array(
'id' => 'double-wave-1',
'height' => '66',
'svg' => 'double-wave-1.svg',
'path_count' => 1
),
'triple_wave_1' => array(
'id' => 'triple-wave-1',
'height' => '435',
'svg' => 'triple-wave-1.svg',
'path_count' => 3
),
'abstract_waves' => array(
'id' => 'abstract-waves',
'height' => '480',
'svg' => 'abstract.svg',
'path_count' => 2
),
'simple_clouds' => array(
'id' => 'simple-clouds',
'height' => '250',
'svg' => 'simple-clouds.svg',
'path_count' => 1
),
'triangle_shadow' => array(
'id' => 'triangle-shadow',
'height' => '150',
'svg' => 'triangle-shadow.svg',
'path_count' => 2
),
'triangle_asymmetrical' => array(
'id' => 'triangle-asymmetrical',
'height' => '120',
'svg' => 'triangle-asymmetrical.svg',
'path_count' => 1
),
'diagonal' => array(
'id' => 'diagonal',
'height' => '250',
'svg' => 'diagonal.svg',
'path_count' => 1
),
'half_circle' => array(
'id' => 'half-circle',
'height' => '100',
'svg' => 'half-circle.svg',
'path_count' => 1
),
'curve' => array(
'id' => 'curve',
'height' => '100',
'svg' => 'curve.svg',
'path_count' => 1
),
'curve_asymmetrical' => array(
'id' => 'curve-asymmetrical',
'height' => '100',
'svg' => 'curve-asymmetrical.svg',
'path_count' => 1
),
'slit' => array(
'id' => 'slit',
'height' => '200',
'svg' => 'slit.svg',
'path_count' => 2
),
'stamp' => array(
'id' => 'stamp',
'height' => '200',
'svg' => 'stamp.svg',
'path_count' => 1
),
'snow' => array(
'id' => 'snow',
'height' => '600',
'svg' => 'snow.svg',
'path_count' => 3
)
) );
return isset( $ut_recognized_svg_separators[$svg] ) ? $ut_recognized_svg_separators[$svg] : false;
}
endif;
/*
* Linear Gradient for SVG
*
* @return string
*
* @since 4.6
*/
if( !function_exists('ut_create_svg_linear_gradient') ) :
function ut_create_svg_linear_gradient( $id, $start_color = '#FFF', $end_color = '#FFF', $direction = 'default', $position = 'top', $flip = 'false' ) {
if( empty( $id ) ) {
return;
}
$directions = array(
// left to right
'default' => array(
'x1' => '100%',
'y1' => '0%',
'x2' => '0%',
'y2' => '0%',
'top' => array(
'start' => $end_color,
'end' => $start_color
),
'bottom' => array(
'start' => $end_color,
'end' => $start_color
)
),
'diagonal_1' => array(
'x1' => '0%',
'y1' => '0%',
'x2' => '100%',
'y2' => '100%',
'top' => array(
'start' => $end_color,
'end' => $start_color
),
'bottom' => array(
'start' => $start_color,
'end' => $end_color
)
),
'diagonal_2' => array(
'x1' => '0%',
'y1' => '100%',
'x2' => '100%',
'y2' => '0%',
'top' => array(
'start' => $start_color,
'end' => $end_color
),
'bottom' => array(
'start' => $start_color,
'end' => $end_color
)
),
'top_down' => array(
'x1' => '0%',
'y1' => '100%',
'x2' => '0%',
'y2' => '0%',
'top' => array(
'start' => $start_color,
'end' => $end_color
),
'bottom' => array(
'start' => $end_color,
'end' => $start_color
)
)
);
if( !isset( $directions[$direction] ) ) {
return;
}
$gradient = '';
$gradient .= '';
$gradient .= '';
$gradient .= '';
return $gradient;
}
endif;
/*
* Create SVG for Section Separators
*
* @return string
*
* @since 4.6
*/
if( !function_exists('ut_create_section_separator') ) :
function ut_create_section_separator( $area = 'section', $position = 'top', $svg, $atts = '' ) {
$svg = ut_svg_separators_config( $svg );
if( $svg && !empty( $svg ) && isset( $svg['svg'] ) ) {
$svg_string = file_get_contents( THEME_DOCUMENT_ROOT . '/images/svg/separators/' . $svg['svg'] ); //@todo
} else {
return; // svg does not exist
}
if( $area == 'hero' ) {
$atts = array(
// separator horizontal flip
'section_separator_' . $position . '_flip' => ut_return_hero_config( 'ut_hero_separator_' . $position . '_flip', 'false' ),
// color 1
'section_separator_' . $position . '_color_1' => ut_return_hero_config( 'ut_hero_separator_' . $position . '_color_1' ),
'section_separator_' . $position . '_color_1_gradient' => ut_return_hero_config( 'ut_hero_separator_' . $position . '_color_1_gradient', 'false' ),
'section_separator_' . $position . '_color_1_gradient_color' => ut_return_hero_config( 'ut_hero_separator_' . $position . '_color_1_gradient_color' ),
'section_separator_' . $position . '_color_1_gradient_direction' => ut_return_hero_config( 'ut_hero_separator_' . $position . '_color_1_gradient_direction' ,'default' ),
// color 2
'section_separator_' . $position . '_color_2' => ut_return_hero_config( 'ut_hero_separator_' . $position . '_color_2' ),
'section_separator_' . $position . '_color_2_gradient' => ut_return_hero_config( 'ut_hero_separator_' . $position . '_color_2_gradient', 'false' ),
'section_separator_' . $position . '_color_2_gradient_color' => ut_return_hero_config( 'ut_hero_separator_' . $position . '_color_2_gradient_color' ),
'section_separator_' . $position . '_color_2_gradient_direction' => ut_return_hero_config( 'ut_hero_separator_' . $position . '_color_2_gradient_direction' ,'default' ),
// color 3
'section_separator_' . $position . '_color_3' => ut_return_hero_config( 'ut_hero_separator_' . $position . '_color_3' ),
'section_separator_' . $position . '_color_3_gradient' => ut_return_hero_config( 'ut_hero_separator_' . $position . '_color_3_gradient', 'false' ),
'section_separator_' . $position . '_color_3_gradient_color' => ut_return_hero_config( 'ut_hero_separator_' . $position . '_color_3_gradient_color' ),
'section_separator_' . $position . '_color_3_gradient_direction' => ut_return_hero_config( 'ut_hero_separator_' . $position . '_color_3_gradient_direction' ,'default' ),
// dimensions and responsive
'section_separator_' . $position . '_width' => ut_return_hero_config( 'ut_hero_separator_' . $position . '_width', 100 ),
'section_separator_' . $position . '_height' => ut_return_hero_config( 'ut_hero_separator_' . $position . '_height', 0 ),
'section_separator_' . $position . '_hide_on_tablet' => ut_return_hero_config( 'ut_hero_separator_' . $position . '_hide_on_tablet', 'true' ),
'section_separator_' . $position . '_width_tablet' => ut_return_hero_config( 'ut_hero_separator_' . $position . '_width_tablet', 100 ),
'section_separator_' . $position . '_height_tablet' => ut_return_hero_config( 'ut_hero_separator_' . $position . '_height_tablet', 0 ),
'section_separator_' . $position . '_hide_on_mobile' => ut_return_hero_config( 'ut_hero_separator_' . $position . '_hide_on_mobile', 'true' ),
'section_separator_' . $position . '_width_mobile' => ut_return_hero_config( 'ut_hero_separator_' . $position . '_width_mobile', 100 ),
'section_separator_' . $position . '_height_mobile' => ut_return_hero_config( 'ut_hero_separator_' . $position . '_height_mobile', 0 ),
);
}
// create unique SVG ID
$svg_id = uniqid("ut-svg-");
// Inject ID
$svg_string = str_replace("{{SVG_ID}}", $svg_id, $svg_string );
// Inject SVG CSS and Linear Gradients
$svg_css_style = '';
$svg_def = '';
for( $x = 1; $x <= $svg['path_count']; $x++ ) {
// reset fill
$svg_fill = '';
$SVG_PATH_CLASS = uniqid("ut-svg-color-");
$svg_string = str_replace('{{SVG_PATH_' . $x . '_CLASS}}', $SVG_PATH_CLASS, $svg_string );
if( isset( $atts['section_separator_' . $position . '_color_' . $x . '_gradient'] ) && $atts['section_separator_' . $position . '_color_' . $x . '_gradient'] == 'true' ) {
$SVG_FILL_ID = uniqid("ut-svg-def-");
$svg_fill = 'fill="url(#' . $SVG_FILL_ID . ')"';
// add to svg config
$svg_def .= ut_create_svg_linear_gradient( $SVG_FILL_ID, $atts['section_separator_' . $position . '_color_' . $x . ''], $atts['section_separator_' . $position . '_color_' . $x . '_gradient_color'], $atts['section_separator_' . $position . '_color_' . $x . '_gradient_direction'] );
} else {
if( !empty( $atts['section_separator_' . $position . '_color_' . $x . ''] ) ) {
$svg_css_style .= '.' . $SVG_PATH_CLASS . '{ fill: ' . $atts['section_separator_' . $position . '_color_' . $x] . ' !important }';
}
}
// apply fill
$svg_string = str_replace('{{SVG_FILL_' . $x . '_ID}}', $svg_fill, $svg_string );
}
// Now Replace Tags in SVG
if( !empty( $svg_css_style ) ) {
$svg_css_style = '';
}
if( !empty( $svg_def ) ) {
$svg_def = '' . $svg_def . '';
}
$svg_string = str_replace("{{SVG_STYLE_ID}}", $svg_css_style, $svg_string );
$svg_string = str_replace("{{SVG_DEF_ID}}", $svg_def, $svg_string );
// Separator CSS
$css_style = '';
$el_id = uniqid("ut-separator-");
if( !empty( $atts['section_separator_' . $position . '_width'] ) && $atts['section_separator_' . $position . '_width'] != 0 ) {
$css_style .= '#' . $el_id . '{ width: calc(' . $atts['section_separator_' . $position . '_width'] . '% + 2px); }';
$css_style .= '#' . $el_id . ' svg { width: calc(' . $atts['section_separator_' . $position . '_width'] . '% + 2px); left: ' . ( $atts['section_separator_' . $position . '_width'] / 2 ) . '%; }';
if( isset( $atts['section_separator_' . $position . '_flip'] ) && $atts['section_separator_' . $position . '_flip'] == 'true' ) {
$css_style .= '#' . $el_id . ' svg { -webkit-transform: translateX( -' . ( $atts['section_separator_' . $position . '_width'] / 2 ) . '% ) scale(-1, 1); -ms-transform: translateX( -' . ( $atts['section_separator_' . $position . '_width'] / 2 ) . '% ) scale(-1, 1); transform: translateX( -' . ( $atts['section_separator_' . $position . '_width'] / 2 ) . '% ) scale(-1, 1); }';
} else {
$css_style .= '#' . $el_id . ' svg { -webkit-transform: translateX( -' . ( $atts['section_separator_' . $position . '_width'] / 2 ) . '% ); -ms-transform: translateX( -' . ( $atts['section_separator_' . $position . '_width'] / 2 ) . '% ); transform: translateX( -' . ( $atts['section_separator_' . $position . '_width'] / 2 ) . '% ); }';
}
}
if( !empty( $atts['section_separator_' . $position . '_height'] ) ) {
$css_style .= '#' . $el_id . '{ height: ' . $atts['section_separator_' . $position . '_height'] . '%; }';
$css_style .= '#' . $el_id . ' svg { height: 100%; }';
} elseif( !empty( $svg['height'] ) ) {
$css_style .= '#' . $el_id . '{ height: ' . $svg['height'] . 'px; }';
$css_style .= '#' . $el_id . ' svg { height: ' . $svg['height'] . 'px; }';
}
// Tablet CSS
if( !empty( $atts['section_separator_' . $position . '_height_tablet'] ) ) {
$css_style .= '@media (min-width: 768px) and (max-width: 1024px) {';
$css_style .= '#' . $el_id . '{ height: ' . $atts['section_separator_' . $position . '_height_tablet'] . '%; }';
$css_style .= '#' . $el_id . ' svg { height: 100%; }';
$css_style .= '}';
}
if( !empty( $atts['section_separator_' . $position . '_width_tablet'] ) && $atts['section_separator_' . $position . '_width_tablet'] != 0 ) {
$css_style .= '@media (min-width: 768px) and (max-width: 1024px) {';
$css_style .= '#' . $el_id . '{ width: calc(' . $atts['section_separator_' . $position . '_width_tablet'] . '% + 2px); }';
$css_style .= '#' . $el_id . ' svg { width: calc(' . $atts['section_separator_' . $position . '_width_tablet'] . '% + 2px); left: ' . ( $atts['section_separator_' . $position . '_width_tablet'] / 2 ) . '%; }';
if( isset( $atts['section_separator_' . $position . '_flip'] ) && $atts['section_separator_' . $position . '_flip'] == 'true' ) {
$css_style .= '#' . $el_id . ' svg { -webkit-transform: translateX( -' . ( $atts['section_separator_' . $position . '_width_tablet'] / 2 ) . '% ) scale(-1, 1); -ms-transform: translateX( -' . ( $atts['section_separator_' . $position . '_width_tablet'] / 2 ) . '% ) scale(-1, 1); transform: translateX( -' . ( $atts['section_separator_' . $position . '_width_tablet'] / 2 ) . '% ) scale(-1, 1); }';
} else {
$css_style .= '#' . $el_id . ' svg { -webkit-transform: translateX( -' . ( $atts['section_separator_' . $position . '_width_tablet'] / 2 ) . '% ); -ms-transform: translateX( -' . ( $atts['section_separator_' . $position . '_width_tablet'] / 2 ) . '% ); transform: translateX( -' . ( $atts['section_separator_' . $position . '_width_tablet'] / 2 ) . '% ); }';
}
$css_style .= '}';
}
// Mobile CSS
if( !empty( $atts['section_separator_' . $position . '_height_mobile'] ) ) {
$css_style .= '@media (max-width: 767px) {';
$css_style .= '#' . $el_id . '{ height: ' . $atts['section_separator_' . $position . '_height_mobile'] . '%; }';
$css_style .= '#' . $el_id . ' svg { height: 100%; }';
$css_style .= '}';
}
if( !empty( $atts['section_separator_' . $position . '_width_mobile'] ) && $atts['section_separator_' . $position . '_width_mobile'] != 0 ) {
$css_style .= '@media (max-width: 767px) {';
$css_style .= '#' . $el_id . '{ width: calc(' . $atts['section_separator_' . $position . '_width_mobile'] . '% + 2px); }';
$css_style .= '#' . $el_id . ' svg { width: calc(' . $atts['section_separator_' . $position . '_width_mobile'] . '% + 2px); left: ' . ( $atts['section_separator_' . $position . '_width_mobile'] / 2 ) . '%; }';
if( isset( $atts['section_separator_' . $position . '_flip'] ) && $atts['section_separator_' . $position . '_flip'] == 'true' ) {
$css_style .= '#' . $el_id . ' svg { -webkit-transform: translateX( -' . ( $atts['section_separator_' . $position . '_width_mobile'] / 2 ) . '% ) scale(-1, 1); -ms-transform: translateX( -' . ( $atts['section_separator_' . $position . '_width_mobile'] / 2 ) . '% ) scale(-1, 1); transform: translateX( -' . ( $atts['section_separator_' . $position . '_width_mobile'] / 2 ) . '% ) scale(-1, 1); }';
} else {
$css_style .= '#' . $el_id . ' svg { -webkit-transform: translateX( -' . ( $atts['section_separator_' . $position . '_width_mobile'] / 2 ) . '% ); -ms-transform: translateX( -' . ( $atts['section_separator_' . $position . '_width_mobile'] / 2 ) . '% ); transform: translateX( -' . ( $atts['section_separator_' . $position . '_width_mobile'] / 2 ) . '% ); }';
}
$css_style .= '}';
}
// Start Separator
$separator = '';
$classes = array('bklyn-section-separator');
$classes[] = 'bklyn-section-separator-' . $position;
$classes[] = 'bklyn-section-separator-' . $svg['id'];
// Flip SVG
if( isset( $atts['section_separator_' . $position . '_flip'] ) && $atts['section_separator_' . $position . '_flip'] == 'true' ) {
$classes[] = 'bklyn-section-separator-flip';
}
// Hide on Tablet
if( isset( $atts['section_separator_' . $position . '_hide_on_tablet'] ) && $atts['section_separator_' . $position . '_hide_on_tablet'] == 'true' ) {
$classes[] = 'hide-on-tablet';
}
// Hide on Mobile
if( isset( $atts['section_separator_' . $position . '_hide_on_mobile'] ) && $atts['section_separator_' . $position . '_hide_on_mobile'] == 'true' ) {
$classes[] = 'hide-on-mobile';
}
// Add Custom CSS
if( !empty( $css_style ) ) {
$separator .= '';
}
$separator .= '';
$separator .= $svg_string;
$separator .= '
';
return $separator;
}
endif;
/**
* Add Section Separator Settings to VC Section
*
* @return array
*
* @access private
* @since 4.6
*/
function _vc_add_section_seperator_settings_to_vc_section() {
return array(
// Top Separator
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Add Section Separator at Top?', 'unitedthemes' ),
'param_name' => 'section_separator_top',
'group' => 'Separator',
'value' => array(
esc_html__( 'no', 'unitedthemes' ) => '',
esc_html__( 'yes' , 'unitedthemes' ) => 'true'
),
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Separator Top Style', 'unitedthemes' ),
'param_name' => 'section_separator_svg_top',
'group' => 'Separator',
'value' => array(
esc_html__( 'Design Waves', 'unitedthemes' ) => 'design_wave',
esc_html__( 'Double Wave (1)', 'unitedthemes' ) => 'double_wave_1',
esc_html__( 'Triple Wave (1)', 'unitedthemes' ) => 'triple_wave_1',
esc_html__( 'Abstract Waves', 'unitedthemes' ) => 'abstract_waves',
esc_html__( 'Simple Clouds', 'unitedthemes' ) => 'simple_clouds',
esc_html__( 'Triangle with Shadow', 'unitedthemes' ) => 'triangle_shadow',
esc_html__( 'Triangle Asymmetrical', 'unitedthemes') => 'triangle_asymmetrical',
esc_html__( 'Diagonal', 'unitedthemes' ) => 'diagonal',
esc_html__( 'Half Circle', 'unitedthemes' ) => 'half_circle',
esc_html__( 'Curve', 'unitedthemes' ) => 'curve',
esc_html__( 'Curve Asymmetrical', 'unitedthemes' ) => 'curve_asymmetrical',
esc_html__( 'Slit', 'unitedthemes' ) => 'slit',
esc_html__( 'Snow', 'unitedthemes' ) => 'snow',
),
'dependency' => array(
'element' => 'section_separator_top',
'value' => array('true')
)
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Flip Top Separator?', 'unitedthemes' ),
'param_name' => 'section_separator_top_flip',
'group' => 'Separator',
'value' => array(
esc_html__( 'no, thanks!', 'unitedthemes' ) => '',
esc_html__( 'yes, please!' , 'unitedthemes' ) => 'true'
),
'dependency' => array(
'element' => 'section_separator_top',
'value' => array('true')
)
),
// Top Separator Color Part 1
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'SVG Color Part 1', 'unitedthemes' ),
'param_name' => 'section_separator_top_color_1',
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_top',
'value' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Add Gradient for SVG Color Part 1', 'unitedthemes' ),
'param_name' => 'section_separator_top_color_1_gradient',
'group' => 'Separator',
'value' => array(
esc_html__( 'no, thanks!', 'unitedthemes' ) => '',
esc_html__( 'yes, please!' , 'unitedthemes' ) => 'true'
),
'dependency' => array(
'element' => 'section_separator_top',
'value' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'SVG Color Part 1 Gradient Color', 'unitedthemes' ),
'param_name' => 'section_separator_top_color_1_gradient_color',
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_top_color_1_gradient',
'value' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Gradient Direction', 'unitedthemes' ),
'param_name' => 'section_separator_top_color_1_gradient_direction',
'group' => 'Separator',
'value' => array(
esc_html__( 'Default (left to right)', 'unitedthemes' ) => 'default',
esc_html__( 'Diagonal (top left to bottom right)', 'unitedthemes' ) => 'diagonal_1',
esc_html__( 'Diagonal (top right to bottom left)', 'unitedthemes' ) => 'diagonal_2',
esc_html__( 'Top to Down', 'unitedthemes' ) => 'top_down',
),
'dependency' => array(
'element' => 'section_separator_top_color_1_gradient',
'value' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
// Top Separator Color Part 2
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'SVG Color Part 2', 'unitedthemes' ),
'param_name' => 'section_separator_top_color_2',
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_svg_top',
'value' => array('design_wave','triangle_shadow','snow', 'slit','abstract_waves','triple_wave_1')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Add Gradient for SVG Color Part 2', 'unitedthemes' ),
'param_name' => 'section_separator_top_color_2_gradient',
'group' => 'Separator',
'value' => array(
esc_html__( 'no, thanks!', 'unitedthemes' ) => '',
esc_html__( 'yes, please!' , 'unitedthemes' ) => 'true'
),
'dependency' => array(
'element' => 'section_separator_svg_top',
'value' => array('design_wave','triangle_shadow','snow', 'slit','abstract_waves','triple_wave_1')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'SVG Color Part 2 Gradient Color', 'unitedthemes' ),
'param_name' => 'section_separator_top_color_2_gradient_color',
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_top_color_2_gradient',
'value' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Gradient Direction', 'unitedthemes' ),
'param_name' => 'section_separator_top_color_2_gradient_direction',
'group' => 'Separator',
'value' => array(
esc_html__( 'Default (left to right)', 'unitedthemes' ) => 'default',
esc_html__( 'Diagonal (top left to bottom right)', 'unitedthemes' ) => 'diagonal_1',
esc_html__( 'Diagonal (top right to bottom left)', 'unitedthemes' ) => 'diagonal_2',
esc_html__( 'Top to Down', 'unitedthemes' ) => 'top_down',
),
'dependency' => array(
'element' => 'section_separator_top_color_2_gradient',
'value' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
// Top Separator Color Part 3
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'SVG Color Part 3', 'unitedthemes' ),
'param_name' => 'section_separator_top_color_3',
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_svg_top',
'value' => array('snow','triple_wave_1')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Add Gradient for SVG Color Part 3', 'unitedthemes' ),
'param_name' => 'section_separator_top_color_3_gradient',
'group' => 'Separator',
'value' => array(
esc_html__( 'no, thanks!', 'unitedthemes' ) => '',
esc_html__( 'yes, please!' , 'unitedthemes' ) => 'true'
),
'dependency' => array(
'element' => 'section_separator_svg_top',
'value' => array('snow','triple_wave_1')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'SVG Color Part 3 Gradient Color', 'unitedthemes' ),
'param_name' => 'section_separator_top_color_3_gradient_color',
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_top_color_3_gradient',
'value' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Gradient Direction', 'unitedthemes' ),
'param_name' => 'section_separator_top_color_3_gradient_direction',
'group' => 'Separator',
'value' => array(
esc_html__( 'Default (left to right)', 'unitedthemes' ) => 'default',
esc_html__( 'Diagonal (top left to bottom right)', 'unitedthemes' ) => 'diagonal_1',
esc_html__( 'Diagonal (top right to bottom left)', 'unitedthemes' ) => 'diagonal_2',
esc_html__( 'Top to Down', 'unitedthemes' ) => 'top_down',
),
'dependency' => array(
'element' => 'section_separator_top_color_3_gradient',
'value' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
// Top Separator Dimensions
array(
'type' => 'range_slider',
'heading' => esc_html__( 'Top Separator Width', 'ut_shortcodes' ),
'description' => esc_html__( 'default: 100%', 'unitedthemes' ),
'param_name' => 'section_separator_top_width',
'value' => array(
'default' => '100',
'min' => '100',
'max' => '300',
'step' => '1',
'unit' => '%'
),
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_top',
'value' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'range_slider',
'heading' => esc_html__( 'Top Separator Height', 'ut_shortcodes' ),
'description' => esc_html__( '0 = default height of separator.', 'unitedthemes' ),
'param_name' => 'section_separator_top_height',
'value' => array(
'default' => '0',
'min' => '0',
'max' => '100',
'step' => '1',
'unit' => '%'
),
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_top',
'value' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Hide Top Separator on Tablet?', 'unitedthemes' ),
'param_name' => 'section_separator_top_hide_on_tablet',
'value' => array(
esc_html__( 'no, thanks!', 'unitedthemes' ) => '',
esc_html__( 'yes, please!', 'unitedthemes' ) => 'true'
),
'std' => 'true',
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_top',
'value' => array('true')
),
),
array(
'type' => 'range_slider',
'heading' => esc_html__( 'Top Separator Width on Tablets', 'ut_shortcodes' ),
'description' => esc_html__( 'default: 100%', 'unitedthemes' ),
'param_name' => 'section_separator_top_width_tablet',
'value' => array(
'default' => '100',
'min' => '100',
'max' => '300',
'step' => '1',
'unit' => '%'
),
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_top_hide_on_tablet',
'value_not_equal_to' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'range_slider',
'heading' => esc_html__( 'Top Separator Height on Tablets', 'ut_shortcodes' ),
'description' => esc_html__( '0 = default height of Separator', 'unitedthemes' ),
'param_name' => 'section_separator_top_height_tablet',
'value' => array(
'default' => '0',
'min' => '0',
'max' => '100',
'step' => '1',
'unit' => '%'
),
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_top_hide_on_tablet',
'value_not_equal_to' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Hide Top Separator on Mobile?', 'unitedthemes' ),
'param_name' => 'section_separator_top_hide_on_mobile',
'value' => array(
esc_html__( 'no, thanks!', 'unitedthemes' ) => '',
esc_html__( 'yes, please!', 'unitedthemes' ) => 'true'
),
'std' => 'true',
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_top',
'value' => array('true')
),
),
array(
'type' => 'range_slider',
'heading' => esc_html__( 'Top Separator Width on Mobiles', 'ut_shortcodes' ),
'description' => esc_html__( 'default: 100%', 'unitedthemes' ),
'param_name' => 'section_separator_top_width_mobile',
'value' => array(
'default' => '100',
'min' => '100',
'max' => '300',
'step' => '1',
'unit' => '%'
),
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_top_hide_on_mobile',
'value_not_equal_to' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'range_slider',
'heading' => esc_html__( 'Top Separator Height on Mobiles', 'ut_shortcodes' ),
'description' => esc_html__( '0 = default height of Separator', 'unitedthemes' ),
'param_name' => 'section_separator_top_height_mobile',
'value' => array(
'default' => '0',
'min' => '0',
'max' => '100',
'step' => '1',
'unit' => '%'
),
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_top_hide_on_mobile',
'value_not_equal_to' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
// Bottom Separator
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Add Section Separator at Bottom?', 'unitedthemes' ),
'param_name' => 'section_separator_bottom',
'group' => 'Separator',
'value' => array(
esc_html__( 'no', 'unitedthemes' ) => '',
esc_html__( 'yes' , 'unitedthemes' ) => 'true'
),
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Bottom Separator Style', 'unitedthemes' ),
'param_name' => 'section_separator_svg_bottom',
'group' => 'Separator',
'value' => array(
esc_html__( 'Design Waves', 'unitedthemes' ) => 'design_wave',
esc_html__( 'Double Wave (1)', 'unitedthemes' ) => 'double_wave_1',
esc_html__( 'Triple Wave (1)', 'unitedthemes' ) => 'triple_wave_1',
esc_html__( 'Abstract Waves', 'unitedthemes' ) => 'abstract_waves',
esc_html__( 'Simple Clouds', 'unitedthemes' ) => 'simple_clouds',
esc_html__( 'Triangle with Shadow', 'unitedthemes' ) => 'triangle_shadow',
esc_html__( 'Triangle Asymmetrical', 'unitedthemes') => 'triangle_asymmetrical',
esc_html__( 'Diagonal', 'unitedthemes' ) => 'diagonal',
esc_html__( 'Half Circle', 'unitedthemes' ) => 'half_circle',
esc_html__( 'Curve', 'unitedthemes' ) => 'curve',
esc_html__( 'Curve Asymmetrical', 'unitedthemes' ) => 'curve_asymmetrical',
esc_html__( 'Slit', 'unitedthemes' ) => 'slit',
esc_html__( 'Snow', 'unitedthemes' ) => 'snow',
),
'dependency' => array(
'element' => 'section_separator_bottom',
'value' => array('true')
)
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Flip Bottom Separator?', 'unitedthemes' ),
'param_name' => 'section_separator_bottom_flip',
'group' => 'Separator',
'value' => array(
esc_html__( 'no', 'unitedthemes' ) => '',
esc_html__( 'yes' , 'unitedthemes' ) => 'true'
),
'dependency' => array(
'element' => 'section_separator_bottom',
'value' => array('true')
)
),
// Bottom Separator Color Part 1
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'SVG Color Part 1', 'unitedthemes' ),
'param_name' => 'section_separator_bottom_color_1',
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_bottom',
'value' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Add Gradient for SVG Color Part 1', 'unitedthemes' ),
'param_name' => 'section_separator_bottom_color_1_gradient',
'group' => 'Separator',
'value' => array(
esc_html__( 'no, thanks!', 'unitedthemes' ) => '',
esc_html__( 'yes, please!' , 'unitedthemes' ) => 'true'
),
'dependency' => array(
'element' => 'section_separator_bottom',
'value' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'SVG Color Part 1 Gradient Color', 'unitedthemes' ),
'param_name' => 'section_separator_bottom_color_1_gradient_color',
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_bottom_color_1_gradient',
'value' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Gradient Direction', 'unitedthemes' ),
'param_name' => 'section_separator_bottom_color_1_gradient_direction',
'group' => 'Separator',
'value' => array(
esc_html__( 'Default (left to right)', 'unitedthemes' ) => 'default',
esc_html__( 'Diagonal (top left to bottom right)', 'unitedthemes' ) => 'diagonal_1',
esc_html__( 'Diagonal (top right to bottom left)', 'unitedthemes' ) => 'diagonal_2',
esc_html__( 'Top to Down', 'unitedthemes' ) => 'top_down',
),
'dependency' => array(
'element' => 'section_separator_bottom_color_1_gradient',
'value' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
// Bottom Separator Color Part 2
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'SVG Color Part 2', 'unitedthemes' ),
'param_name' => 'section_separator_bottom_color_2',
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_svg_bottom',
'value' => array('design_wave','triangle_shadow','snow', 'slit','abstract_waves','triple_wave_1')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Add Gradient for SVG Color Part 2', 'unitedthemes' ),
'param_name' => 'section_separator_bottom_color_2_gradient',
'group' => 'Separator',
'value' => array(
esc_html__( 'no, thanks!', 'unitedthemes' ) => '',
esc_html__( 'yes, please!' , 'unitedthemes' ) => 'true'
),
'dependency' => array(
'element' => 'section_separator_svg_bottom',
'value' => array('design_wave','triangle_shadow','snow', 'slit','abstract_waves','triple_wave_1')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'SVG Color Part 2 Gradient Color', 'unitedthemes' ),
'param_name' => 'section_separator_bottom_color_2_gradient_color',
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_bottom_color_2_gradient',
'value' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Gradient Direction', 'unitedthemes' ),
'param_name' => 'section_separator_bottom_color_2_gradient_direction',
'group' => 'Separator',
'value' => array(
esc_html__( 'Default (left to right)', 'unitedthemes' ) => 'default',
esc_html__( 'Diagonal (top left to bottom right)', 'unitedthemes' ) => 'diagonal_1',
esc_html__( 'Diagonal (top right to bottom left)', 'unitedthemes' ) => 'diagonal_2',
esc_html__( 'Top to Down', 'unitedthemes' ) => 'top_down',
),
'dependency' => array(
'element' => 'section_separator_bottom_color_2_gradient',
'value' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
// Bottom Separator Color Part 3
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'SVG Color Part 3', 'unitedthemes' ),
'param_name' => 'section_separator_bottom_color_3',
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_svg_bottom',
'value' => array('snow','triple_wave_1')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Add Gradient for SVG Color Part 3', 'unitedthemes' ),
'param_name' => 'section_separator_bottom_color_3_gradient',
'group' => 'Separator',
'value' => array(
esc_html__( 'no, thanks!', 'unitedthemes' ) => '',
esc_html__( 'yes, please!' , 'unitedthemes' ) => 'true'
),
'dependency' => array(
'element' => 'section_separator_svg_bottom',
'value' => array('snow','triple_wave_1')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'SVG Color Part 2 Gradient Color', 'unitedthemes' ),
'param_name' => 'section_separator_bottom_color_3_gradient_color',
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_bottom_color_3_gradient',
'value' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Gradient Direction', 'unitedthemes' ),
'param_name' => 'section_separator_bottom_color_3_gradient_direction',
'group' => 'Separator',
'value' => array(
esc_html__( 'Default (left to right)', 'unitedthemes' ) => 'default',
esc_html__( 'Diagonal (top left to bottom right)', 'unitedthemes' ) => 'diagonal_1',
esc_html__( 'Diagonal (top right to bottom left)', 'unitedthemes' ) => 'diagonal_2',
esc_html__( 'Top to Down', 'unitedthemes' ) => 'top_down',
),
'dependency' => array(
'element' => 'section_separator_bottom_color_3_gradient',
'value' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
// Bottom Separator Dimensions
array(
'type' => 'range_slider',
'heading' => esc_html__( 'Bottom Separator Width', 'ut_shortcodes' ),
'description' => esc_html__( 'default: 100%', 'unitedthemes' ),
'param_name' => 'section_separator_bottom_width',
'value' => array(
'default' => '100',
'min' => '100',
'max' => '300',
'step' => '1',
'unit' => '%'
),
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_bottom',
'value' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'range_slider',
'heading' => esc_html__( 'Bottom Separator Height', 'ut_shortcodes' ),
'description' => esc_html__( '0 = default height of Separator', 'unitedthemes' ),
'param_name' => 'section_separator_bottom_height',
'value' => array(
'default' => '0',
'min' => '0',
'max' => '100',
'step' => '1',
'unit' => '%'
),
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_bottom',
'value' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Hide Bottom Separator on Tablet?', 'unitedthemes' ),
'param_name' => 'section_separator_bottom_hide_on_tablet',
'value' => array(
esc_html__( 'no, thanks!', 'unitedthemes' ) => '',
esc_html__( 'yes, please!', 'unitedthemes' ) => 'true'
),
'std' => 'true',
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_bottom',
'value' => array('true')
),
),
array(
'type' => 'range_slider',
'heading' => esc_html__( 'Bottom Separator Width on Tablets', 'ut_shortcodes' ),
'description' => esc_html__( 'default: 100%', 'unitedthemes' ),
'param_name' => 'section_separator_bottom_width_tablet',
'value' => array(
'default' => '100',
'min' => '100',
'max' => '300',
'step' => '1',
'unit' => '%'
),
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_bottom_hide_on_tablet',
'value_not_equal_to' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'range_slider',
'heading' => esc_html__( 'Bottom Separator Height on Tablets', 'ut_shortcodes' ),
'description' => esc_html__( '0 = default height of Separator', 'unitedthemes' ),
'param_name' => 'section_separator_bottom_height_tablet',
'value' => array(
'default' => '0',
'min' => '0',
'max' => '100',
'step' => '1',
'unit' => '%'
),
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_bottom_hide_on_tablet',
'value_not_equal_to' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Hide Bottom Separator on Mobile?', 'unitedthemes' ),
'param_name' => 'section_separator_bottom_hide_on_mobile',
'value' => array(
esc_html__( 'no, thanks!', 'unitedthemes' ) => '',
esc_html__( 'yes, please!', 'unitedthemes' ) => 'true'
),
'std' => 'true',
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_bottom',
'value' => array('true')
),
),
array(
'type' => 'range_slider',
'heading' => esc_html__( 'Bottom Separator Width on Mobiles', 'ut_shortcodes' ),
'description' => esc_html__( 'default: 100%', 'unitedthemes' ),
'param_name' => 'section_separator_bottom_width_mobile',
'value' => array(
'default' => '100',
'min' => '100',
'max' => '300',
'step' => '1',
'unit' => '%'
),
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_bottom_hide_on_mobile',
'value_not_equal_to' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
array(
'type' => 'range_slider',
'heading' => esc_html__( 'Bottom Separator Height on Mobiles', 'ut_shortcodes' ),
'description' => esc_html__( '0 = default height of Separator', 'unitedthemes' ),
'param_name' => 'section_separator_bottom_height_mobile',
'value' => array(
'default' => '0',
'min' => '0',
'max' => '100',
'step' => '1',
'unit' => '%'
),
'group' => 'Separator',
'dependency' => array(
'element' => 'section_separator_bottom_hide_on_mobile',
'value_not_equal_to' => array('true')
),
'edit_field_class' => 'vc_col-sm-6',
),
);
}
// add to sections
vc_add_params( 'vc_section', _vc_add_section_seperator_settings_to_vc_section() );
/**
* Add Responsive Settings
*
* @return array
*
* @access private
* @since 4.4
*/
function _vc_add_responsive_settings_classes() {
return array(
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Hide on Desktop?', 'unitedthemes' ),
'param_name' => 'hide_on_desktop',
'value' => array(
esc_html__( 'off', 'unitedthemes' ) => '',
esc_html__( 'on', 'unitedthemes' ) => 'true'
),
'group' => 'Responsive Options'
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Hide on Tablet?', 'unitedthemes' ),
'param_name' => 'hide_on_tablet',
'value' => array(
esc_html__( 'off', 'unitedthemes' ) => '',
esc_html__( 'on', 'unitedthemes' ) => 'true'
),
'group' => 'Responsive Options'
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Hide on Mobile?', 'unitedthemes' ),
'param_name' => 'hide_on_mobile',
'value' => array(
esc_html__( 'off', 'unitedthemes' ) => '',
esc_html__( 'on', 'unitedthemes' ) => 'true'
),
'group' => 'Responsive Options'
),
);
}
vc_add_params( 'vc_row', _vc_add_responsive_settings_classes() );
vc_add_params( 'vc_column', _vc_add_responsive_settings_classes() );
vc_add_params( 'vc_section', _vc_add_responsive_settings_classes() );
vc_add_params( 'vc_row_inner', _vc_add_responsive_settings_classes() );
/**
* Enhance VC Media Grid
*
* @return array
*
* @access private
* @since 4.0.3
*/
function _vc_add_enhance_media_grid_gap() {
return array(
'type' => 'dropdown',
'heading' => __( 'Gap', 'unitedthemes' ),
'param_name' => 'gap',
'value' => array(
'0px' => '0',
'1px' => '1',
'2px' => '2',
'3px' => '3',
'4px' => '4',
'5px' => '5',
'10px' => '10',
'15px' => '15',
'20px' => '20',
'25px' => '25',
'30px' => '30',
'35px' => '35',
'40px' => '40',
),
'std' => '40',
'description' => __( 'Select gap between grid elements.', 'unitedthemes' ),
'edit_field_class' => 'vc_col-sm-6'
);
}
vc_add_param( 'vc_media_grid', _vc_add_enhance_media_grid_gap() );
/* remove grid items */
vc_remove_param( 'vc_media_grid', 'item' );
function _vc_add_enhance_row_grid_gap() {
return array(
'type' => 'dropdown',
'heading' => __( 'Gap', 'unitedthemes' ),
'param_name' => 'gap',
'value' => array(
'Brooklyn Default Gap' => '0',
'1px' => '1',
'2px' => '2',
'3px' => '3',
'4px' => '4',
'5px' => '5',
'10px' => '10',
'15px' => '15',
'20px' => '20',
'25px' => '25',
'30px' => '30',
'35px' => '35',
'40px' => '40',
),
'std' => '0',
'description' => __( 'Select gap between grid elements.', 'unitedthemes' ),
);
}
vc_add_param( 'vc_row', _vc_add_enhance_row_grid_gap() );
vc_add_param( 'vc_row_inner', _vc_add_enhance_row_grid_gap() );
/**
* Enhance VC Empty Space
*
* @return array
*
* @access private
* @since 4.0.3
*/
function _vc_add_enhance_empty_space_height() {
return array(
'type' => 'textfield',
'heading' => __( 'Height', 'js_composer' ),
'param_name' => 'height',
'value' => '40px',
'admin_label' => true,
'description' => __( 'Enter empty space height (Note: CSS measurement units allowed).', 'js_composer' ),
);
}
vc_add_param( 'vc_empty_space', _vc_add_enhance_empty_space_height() );
/**
* Enhance VC Media Gallery
*
* @return array
*
* @access private
* @since 4.0.3
*/
function _vc_add_color_settings_to_vc_media_gallery() {
return array(
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'Arrow Color', 'unitedthemes' ),
'param_name' => 'arrow_color',
'group' => 'Colors'
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'Arrow Hover Color', 'unitedthemes' ),
'param_name' => 'arrow_color_hover',
'group' => 'Colors'
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'Dot Color', 'unitedthemes' ),
'param_name' => 'dot_color',
'group' => 'Colors'
),
array(
'type' => 'colorpicker',
'heading' => esc_html__( 'Dot Color Active', 'unitedthemes' ),
'param_name' => 'dot_color_active',
'group' => 'Colors'
)
);
}
vc_add_params( 'vc_gallery', _vc_add_color_settings_to_vc_media_gallery() );
/**
* Add Animation Settings to VC Column
*
* @return array
*
* @access private
* @since 4.2.0
*/
// remove default animation param
vc_remove_param( "vc_column", "css_animation" );
function _vc_add_animation_settings_to_vc_column() {
return array (
array(
'type' => 'animation_style',
'heading' => __( 'Animation Effect', 'unitedthemes' ),
'description' => __( 'Select animation effect.', 'unitedthemes' ),
'group' => 'Animation',
'param_name' => 'effect',
'settings' => array(
'type' => array(
'in',
'out',
'other',
),
)
),
array(
'type' => 'textfield',
'heading' => esc_html__( 'Animation Duration', 'unitedthemes' ),
'description' => esc_html__( 'Animation time in seconds e.g. 1s', 'unitedthemes' ),
'param_name' => 'animation_duration',
'group' => 'Animation',
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Animate Once?', 'unitedthemes' ),
'description' => esc_html__( 'Animate only once when reaching the viewport, animate everytime when reaching the viewport or make the animation infinite? By default the animation executes everytime when the element becomes visible in viewport, means when leaving the viewport the animation will be reseted and starts again when reaching the viewport again. By setting this option to yes, the animation executes exactly once. By setting it to infinite, the animation loops all the time, no matter if the element is in viewport or not.', 'unitedthemes' ),
'param_name' => 'animate_once',
'group' => 'Animation',
'value' => array(
esc_html__( 'no' , 'unitedthemes' ) => 'no',
esc_html__( 'yes', 'unitedthemes' ) => 'yes',
esc_html__( 'infinite', 'unitedthemes' ) => 'infinite',
)
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Animate on Tablet?', 'unitedthemes' ),
'param_name' => 'animate_tablet',
'group' => 'Animation',
'edit_field_class' => 'vc_col-sm-6',
'value' => array(
esc_html__( 'no', 'unitedthemes' ) => 'false',
esc_html__( 'yes' , 'unitedthemes' ) => 'true'
),
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Animate on Mobile?', 'unitedthemes' ),
'param_name' => 'animate_mobile',
'group' => 'Animation',
'edit_field_class' => 'vc_col-sm-6',
'value' => array(
esc_html__( 'no', 'unitedthemes' ) => 'false',
esc_html__( 'yes' , 'unitedthemes' ) => 'true'
),
),
array(
'type' => 'dropdown',
'heading' => esc_html__( 'Delay Animation?', 'unitedthemes' ),
'param_name' => 'delay',
'group' => 'Animation',
'edit_field_class' => 'vc_col-sm-6',
'value' => array(
esc_html__( 'no', 'unitedthemes' ) => 'false',
esc_html__( 'yes' , 'unitedthemes' ) => 'true'
)
),
array(
'type' => 'textfield',
'heading' => esc_html__( 'Delay Timer', 'unitedthemes' ),
'description' => esc_html__( 'Time in milliseconds until the animation starts. e.g. 200', 'unitedthemes' ),
'param_name' => 'delay_timer',
'group' => 'Animation',
'edit_field_class' => 'vc_col-sm-6',
'dependency' => array(
'element' => 'delay',
'value' => 'true',
)
),
);
}
vc_add_params( 'vc_row', _vc_add_animation_settings_to_vc_column() );
vc_add_params( 'vc_column', _vc_add_animation_settings_to_vc_column() );
vc_add_params( 'vc_row_inner', _vc_add_animation_settings_to_vc_column() );
vc_add_params( 'vc_column_inner', _vc_add_animation_settings_to_vc_column() );
vc_remove_param( 'vc_row', 'css_animation' );
vc_remove_param( 'vc_section', 'css_animation' );