1124 lines
40 KiB
PHP
1124 lines
40 KiB
PHP
<?php
|
|
/*
|
|
* Add-on Name: Expandable Section for WPBakery Page Builder
|
|
* Add-on URI: http://dev.brainstormforce.com
|
|
*/
|
|
if(!class_exists('AIO_ultimate_exp_section'))
|
|
{
|
|
class AIO_ultimate_exp_section
|
|
|
|
{
|
|
function __construct()
|
|
{
|
|
if ( Ultimate_VC_Addons::$uavc_editor_enable ) {
|
|
add_action('init',array($this,'ultimate_ultimate_exp_section'));
|
|
}
|
|
add_shortcode('ultimate_exp_section',array($this,'ultimate_exp_section_shortcode'));
|
|
add_action( 'wp_enqueue_scripts', array( $this, 'ultimate_exp_scripts') , 1);
|
|
|
|
}
|
|
|
|
function ultimate_exp_scripts(){
|
|
|
|
Ultimate_VC_Addons::ultimate_register_style( 'style_ultimate_expsection', 'expandable-section' );
|
|
|
|
Ultimate_VC_Addons::ultimate_register_script( 'jquery_ultimate_expsection', 'expandable-section', false, array('jquery','jquery_ui'), ULTIMATE_VERSION, false );
|
|
|
|
Ultimate_VC_Addons::ultimate_register_script( 'jquery_ui', 'jquery-ui', false, array( 'jquery' ), ULTIMATE_VERSION, false );
|
|
}
|
|
|
|
// Shortcode handler function for stats Icon
|
|
function ultimate_exp_section_shortcode($atts ,$content)
|
|
{
|
|
$title=$heading_style=$font_family=$title_font_size=$title_line_ht=$text_color=$text_hovercolor=
|
|
$icon_type=
|
|
$icon=$icon_img=$img_width=$icon_size=$icon_size=$icon_color=
|
|
$icon_hover_color=$icon_style=$icon_color_bg=$icon_color_hoverbg=
|
|
$icon_border_style=$icon_color_border=$icon_color_hoverborder=
|
|
$icon_border_size=$icon_border_radius=$icon_border_spacing=$map_override=
|
|
$icon_align=$el_class=$css_editor=$title_alignment='';
|
|
|
|
extract(shortcode_atts( array(
|
|
|
|
'title' =>' ',
|
|
'heading_style' =>' ',
|
|
'font_family' =>' ',
|
|
'title_font_size' =>'20',
|
|
'title_line_ht' =>'20',
|
|
'text_color' =>'#333333',
|
|
'text_hovercolor' =>'#333333',
|
|
'icon_type' =>'selector',
|
|
'icon' =>'',
|
|
'icon_img' =>'',
|
|
'img_width' =>'48',
|
|
'icon_size' =>'32',
|
|
'icon_color' =>'#333333',
|
|
'icon_hover_color' =>'#333333',
|
|
'icon_style' =>'none',
|
|
'icon_color_bg' =>'#ffffff',
|
|
'icon_color_hoverbg' =>'#ecf0f1',
|
|
'icon_border_style' =>'solid',
|
|
'icon_color_border' =>'#333333',
|
|
'icon_color_hoverborder'=>'#333333',
|
|
'icon_border_size' =>'1',
|
|
'icon_border_radius' =>'0',
|
|
'icon_border_spacing' =>'30',
|
|
'icon_align' =>'center',
|
|
'extra_class' =>' ',
|
|
'css' =>' ',
|
|
'background_color' =>'#dbdbdb',
|
|
'bghovercolor' =>'#e5e5e5',
|
|
'cnt_bg_color' =>'#dbdbdb',
|
|
'cnt_hover_bg_color' =>' ',
|
|
'exp_icon' =>' ',
|
|
'exp_effect' =>'slideToggle',
|
|
'cont_css' =>' ',
|
|
'section_width' =>' ',
|
|
'map_override' =>'0',
|
|
'new_title' =>' ',
|
|
'new_icon' =>' ',
|
|
'new_icon_img' =>' ',
|
|
'title_active' =>'#333333',
|
|
'title_active_bg' =>'#dbdbdb',
|
|
'icon_active_color' =>'#333333',
|
|
'icon_active_color_bg' =>'#ffffff',
|
|
'title_margin' =>' ',
|
|
'title_alignment' => 'center',
|
|
'iconmargin_css' =>' ',
|
|
'icon_color_activeborder'=>'#333333',
|
|
'title_margin' =>' ',
|
|
'title_padding' =>' ',
|
|
'desc_padding' =>' ',
|
|
'desc_margin' =>' ',
|
|
'icon_margin' =>' ',
|
|
'section_height' =>'0',
|
|
|
|
),$atts));
|
|
|
|
$vc_version = (defined('WPB_VC_VERSION')) ? WPB_VC_VERSION : 0;
|
|
$is_vc_49_plus = (version_compare(4.9, $vc_version, '<=')) ? 'ult-adjust-bottom-margin' : '';
|
|
|
|
/*---------- data attribute-----------------------------*/
|
|
//echo $title_margin.$title_padding;
|
|
$data='';
|
|
$data.='data-textcolor="'.esc_attr($text_color).'"';
|
|
if($text_hovercolor==' '){
|
|
$text_hovercolor=$text_color;
|
|
}
|
|
|
|
if ( $title_alignment == '' ) {
|
|
$title_alignment = 'center';
|
|
}
|
|
|
|
$data.='data-texthover="'.esc_attr($text_hovercolor).'"';
|
|
$data.='data-icncolor="'.esc_attr($icon_color).'"';
|
|
$data.='data-ihover="'.esc_attr($icon_hover_color).'"';
|
|
$data.='data-height="'.esc_attr($section_height).'"';
|
|
|
|
$data.='data-cntbg="'.esc_attr($background_color).'"';
|
|
$data.='data-cnthvrbg="'.esc_attr($bghovercolor).'"';
|
|
$data.='data-headerbg="'.esc_attr($background_color).'"';
|
|
if($bghovercolor==' '){
|
|
$bghovercolor=$background_color;
|
|
}
|
|
$data.='data-headerhover="'.esc_attr($bghovercolor).'"';
|
|
$data.='data-title="'.esc_attr($title).'"';
|
|
if($new_title==' '){
|
|
$new_title=$title;
|
|
}
|
|
|
|
$data.='data-newtitle="'.esc_attr($new_title).'"';
|
|
//echo $new_icon;
|
|
$data.='data-icon="'.esc_attr($icon).'"';
|
|
//echo $new_icon;
|
|
if($new_icon==' '){
|
|
$new_icon=$icon;
|
|
}
|
|
if($new_icon =='none'){
|
|
$new_icon=$icon;
|
|
}
|
|
$data.='data-newicon="'.esc_attr($new_icon).'"';
|
|
/*----active icon --------*/
|
|
|
|
if($icon_active_color==''){
|
|
$icon_active_color=$icon_hover_color;
|
|
}
|
|
$data.='data-activeicon="'.esc_attr($icon_active_color).'"';
|
|
|
|
|
|
if($icon_style!= 'none'){
|
|
$data.='data-icnbg="'.esc_attr($icon_color_bg).'"';
|
|
$data.='data-icnhvrbg="'.esc_attr($icon_color_hoverbg).'"';
|
|
if($icon_active_color_bg==' '){
|
|
$icon_active_color_bg=$icon_color_hoverbg;
|
|
}
|
|
$data.='data-activeiconbg="'.esc_attr($icon_active_color_bg).'"';
|
|
|
|
}
|
|
if($icon_style== 'advanced'){
|
|
$data.='data-icnbg="'.esc_attr($icon_color_bg).'"';
|
|
$data.='data-icnhvrbg="'.esc_attr($icon_color_hoverbg).'"';
|
|
$data.='data-icnborder="'.esc_attr($icon_color_border).'"';
|
|
if($icon_color_hoverborder==' '){
|
|
$icon_color_hoverborder=$icon_color_border;
|
|
}
|
|
$data.='data-icnhvrborder="'.esc_attr($icon_color_hoverborder).'"';
|
|
if($icon_active_color_bg==' '){
|
|
$icon_active_color_bg=$bghovercolor;
|
|
}
|
|
$data.='data-activeiconbg="'.esc_attr($icon_active_color_bg).'"';
|
|
|
|
if($icon_color_activeborder==' '){
|
|
$icon_color_activeborder=$icnhvrborder;
|
|
}
|
|
$data.='data-activeborder="'.esc_attr($icon_color_activeborder).'"';
|
|
|
|
}
|
|
$data.='data-effect="'.esc_attr($exp_effect).'"';
|
|
$data.='data-override="'.esc_attr($map_override).'"';
|
|
|
|
/*---active color ----------*/
|
|
if($title_active==''){
|
|
$title_active=$text_hovercolor;
|
|
}
|
|
$data.='data-activetitle="'.esc_attr($title_active).'"';
|
|
|
|
if($title_active_bg==' '){
|
|
$title_active_bg=$bghovercolor;
|
|
}
|
|
$data.='data-activebg="'.esc_attr($title_active_bg).'"';
|
|
|
|
/*----active icon --------*/
|
|
|
|
/*if($icon_active_color==''){
|
|
$icon_active_color=$bghovercolor;
|
|
}
|
|
$data.='data-activeicon="'.$icon_active_color.'"';
|
|
|
|
if($icon_active_color_bg==''){
|
|
$icon_active_color_bg=$bghovercolor;
|
|
}
|
|
$data.='data-activeicon="'.$icon_active_color_bg.'"';*/
|
|
|
|
|
|
/*------------icon style---------*/
|
|
$iconoutput =$newsrc=$src1=$img_ext='';
|
|
$style =$css_trans=$iconbgstyle='';
|
|
if($icon_type == 'custom'){
|
|
|
|
if($icon_img!==''){
|
|
|
|
$img = apply_filters('ult_get_img_single', $icon_img, 'url', 'large');
|
|
|
|
$newimg=apply_filters('ult_get_img_single', $new_icon_img, 'url', 'large');
|
|
|
|
$newsrc=$newimg;
|
|
$src1=$img;
|
|
$alt = apply_filters('ult_get_img_single', $icon_img, 'alt');
|
|
|
|
if($icon_style !== 'none'){
|
|
if($icon_color_bg !== '')
|
|
$style .= 'background:'.$icon_color_bg.';';
|
|
//$style .= 'background:transperent;';
|
|
}
|
|
if($icon_style == 'circle'){
|
|
$el_class.= ' uavc-circle ';
|
|
$img_ext.= 'ult_circle ';
|
|
}
|
|
if($icon_style == 'square'){
|
|
$el_class.= ' uavc-square ';
|
|
$img_ext.= 'ult_square ';
|
|
}
|
|
if($icon_style == 'advanced' && $icon_border_style !== '' ){
|
|
$style .= 'border-style:'.$icon_border_style.';';
|
|
$style .= 'border-color:'.$icon_color_border.';';
|
|
$style .= 'border-width:'.$icon_border_size.'px;';
|
|
$style .= 'padding:'.$icon_border_spacing.'px;';
|
|
$style .= 'border-radius:'.$icon_border_radius.'px;';
|
|
}
|
|
if(!empty($img)){
|
|
|
|
if($icon_align == 'center') {
|
|
$style .= 'display:inline-block;';
|
|
}
|
|
$iconoutput .= "\n".'<span class="aio-icon-img '.esc_attr($el_class).' '.'ult_expsection_icon " style="font-size:'.esc_attr($img_width).'px;'.esc_attr($style).'" '.$css_trans.'>';
|
|
$iconoutput .= "\n\t".'<img class="img-icon ult_exp_img '.esc_attr($img_ext).'" alt="'.esc_attr($alt).'" src="'.esc_url(apply_filters('ultimate_images', $img)).'" />';
|
|
$iconoutput .= "\n".'</span>';
|
|
}
|
|
if(!empty($img)){
|
|
|
|
$iconoutput = $iconoutput;
|
|
}
|
|
else{
|
|
$iconoutput = '';
|
|
}
|
|
|
|
}
|
|
}else {
|
|
if($icon!=='')
|
|
{
|
|
if($icon_color !== '')
|
|
$style .= 'color:'.$icon_color.';';
|
|
if($icon_style !== 'none'){
|
|
if($icon_color_bg !== '')
|
|
$style .= 'background:'.$icon_color_bg.';';
|
|
}
|
|
if($icon_style == 'advanced'){
|
|
$style .= 'border-style:'.$icon_border_style.';';
|
|
$style .= 'border-color:'.$icon_color_border.';';
|
|
$style .= 'border-width:'.$icon_border_size.'px;';
|
|
$style .= 'width:'.$icon_border_spacing.'px;';
|
|
$style .= 'height:'.$icon_border_spacing.'px;';
|
|
$style .= 'line-height:'.$icon_border_spacing.'px;';
|
|
$style .= 'border-radius:'.$icon_border_radius.'px;';
|
|
}
|
|
if($icon_size !== '')
|
|
$style .='font-size:'.$icon_size.'px;';
|
|
if($icon_align !== 'left'){
|
|
$style .= 'display:inline-block;';
|
|
}
|
|
if($icon !== ""){
|
|
$iconoutput .= "\n".'<span class="aio-icon '.esc_attr($icon_style).' '.esc_attr($el_class).' ult_expsection_icon " '.$css_trans.' style="'.esc_attr($style).'">';
|
|
$iconoutput .= "\n\t".'<i class="'.esc_attr($icon).' ult_ex_icon" ></i>';
|
|
$iconoutput .= "\n".'</span>';
|
|
}
|
|
if($icon !== "" && $icon!=="none"){
|
|
$iconoutput = $iconoutput;
|
|
}
|
|
else{
|
|
$iconoutput = '';
|
|
}
|
|
|
|
}
|
|
}
|
|
if($iconoutput !== ''){
|
|
//$iconoutput = '<div class="align-icon" style="'.$icon_align_style.'">'.$iconoutput.'</div>';
|
|
}
|
|
|
|
/*----------- image replace ----------------*/
|
|
|
|
$data.='data-img="'.esc_url($src1).'"';
|
|
if($newsrc==''){
|
|
$newsrc=$src1;
|
|
}
|
|
$data.='data-newimg="'.esc_url($newsrc).'"';
|
|
|
|
/*------------header bg style---------*/
|
|
|
|
$headerstyle ='';
|
|
if($text_color!='')
|
|
$headerstyle.='color:'.$text_color.';';
|
|
if($background_color!='')
|
|
$headerstyle.='background-color:'.$background_color.';';
|
|
|
|
if (function_exists('get_ultimate_font_family')) {
|
|
$mhfont_family = get_ultimate_font_family($font_family);
|
|
if($mhfont_family!='')
|
|
$headerstyle .= 'font-family:'.$mhfont_family.';';
|
|
}
|
|
if (function_exists('get_ultimate_font_style')) {
|
|
$headerstyle .= get_ultimate_font_style($heading_style);
|
|
}
|
|
// if($title_font_size!=''){
|
|
// $headerstyle.='font-size:'.$title_font_size.'px;';
|
|
// }
|
|
// if($title_line_ht!=''){
|
|
// $headerstyle.='line-height:'.$title_line_ht.'px;';
|
|
// }
|
|
if (is_numeric($title_font_size)) {
|
|
$title_font_size = 'desktop:'.$title_font_size.'px;';
|
|
}
|
|
if (is_numeric($title_line_ht)) {
|
|
$title_line_ht = 'desktop:'.$title_line_ht.'px;';
|
|
}
|
|
$ult_expandable_id = 'uvc-exp-wrap-'.rand(1000, 9999);
|
|
$ult_expandable_args = array(
|
|
'target' => '#'.$ult_expandable_id. '', // set targeted element e.g. unique class/id etc.
|
|
'media_sizes' => array(
|
|
'font-size' => $title_font_size, // set 'css property' & 'ultimate_responsive' sizes. Here $title_responsive_font_size holds responsive font sizes from user input.
|
|
'line-height' => $title_line_ht
|
|
),
|
|
);
|
|
$data_list = get_ultimate_vc_responsive_media_css($ult_expandable_args);
|
|
$headerstyle.=$title_margin;
|
|
$headerstyle.=$title_padding;
|
|
|
|
/*---------------title padding---------------------*/
|
|
$css_class='';
|
|
$css_class = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, vc_shortcode_custom_css_class( $css, ' ' ), "ultimate_exp_section", $atts );
|
|
$css_class = esc_attr( $css_class );
|
|
|
|
/*---------------desc padding---------------------*/
|
|
$desc_css_class='';
|
|
$desc_css_class = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, vc_shortcode_custom_css_class( $cont_css, ' ' ), "ultimate_exp_section", $atts );
|
|
$desc_css_class = esc_attr( $desc_css_class );
|
|
|
|
|
|
/*---------------desc padding---------------------*/
|
|
$icon_css_class='';
|
|
$icon_css_class = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, vc_shortcode_custom_css_class( $iconmargin_css, ' ' ), "ultimate_exp_section", $atts );
|
|
$icon_css_class = esc_attr( $icon_css_class);
|
|
|
|
/*--------------------- full width row settings---------------------*/
|
|
//echo $map_override;
|
|
|
|
/*------------content style--------------------------*/
|
|
$cnt_style ='';
|
|
|
|
if($cnt_bg_color!='')
|
|
$cnt_style .= 'background-color:'.$cnt_bg_color.';';
|
|
//$cnt_style .= 'background-color:'.$bghovercolor.';';
|
|
$cnt_style .= $desc_padding;
|
|
$cnt_style .= $desc_margin;
|
|
|
|
$position='';
|
|
if($icon_align=='left'){
|
|
$position='ult_expleft_icon';
|
|
}
|
|
if($icon_align=='right'){
|
|
$position='ult_expright_icon';
|
|
}
|
|
$top='';
|
|
$output='';
|
|
$icon_output='';
|
|
$text_align='';
|
|
if($icon_align=='top'){
|
|
if($icon_type == 'custom'){
|
|
$text_align .='text-align:center;';
|
|
}
|
|
else{
|
|
$text_align .='text-align:center;';
|
|
}
|
|
//text_align .='text-align:center';
|
|
|
|
}
|
|
$text_align.=$icon_margin;
|
|
|
|
$headerstyle .= 'text-align:' . $title_alignment . ';';
|
|
|
|
if($iconoutput!=''){
|
|
$icon_output=' <div class="ult-just-icon-wrapper ult_exp_icon">
|
|
<div class="align-icon '.esc_attr($icon_css_class).'">
|
|
'.$iconoutput.'
|
|
</div>
|
|
</div>';
|
|
}
|
|
//echo $icon;
|
|
if(empty($iconoutput) || $iconoutput==' '){
|
|
//echo"dhgfhj";
|
|
$icon_output='';
|
|
}
|
|
$section_style=' ';
|
|
if($section_width !==' '){
|
|
$section_style='max-width:'.$section_width.'px;';
|
|
}
|
|
|
|
$output.='<div class="ult_exp_section_layer '.esc_attr($is_vc_49_plus).' '.esc_attr($extra_class).'" >
|
|
<div id="'.esc_attr( $ult_expandable_id ).'" '.$data_list.' class="ult_exp_section ult-responsive '.esc_attr($css_class) .'" style="'.esc_attr($headerstyle).'" '.$data.'>';
|
|
|
|
if($icon_align=='left'){
|
|
$output.='<div class="ult_exp_section-main '.esc_attr($position).'">'.$icon_output.'
|
|
<div class="ult_expheader" >'.$title.'
|
|
</div>
|
|
</div>
|
|
</div>';
|
|
}
|
|
else if($icon_align=='top'){
|
|
$output.='<div class="ult_exp_section-main '.esc_attr($position).'">
|
|
'.$icon_output.'
|
|
<div class="ult_expheader" >'.$title.'
|
|
</div></div>
|
|
</div>';
|
|
|
|
}else{
|
|
|
|
$output.='<div class="ult_exp_section-main '.esc_attr($position).'">
|
|
<div class="ult_expheader" >'.$title.'
|
|
</div>'.$icon_output.'</div>
|
|
</div>';
|
|
}
|
|
if($content!=''){
|
|
$output.='<div class="ult_exp_content '.esc_attr($desc_css_class).'" style="'.esc_attr($cnt_style).'">';
|
|
|
|
$output.='<div class="ult_ecpsub_cont" style="'.esc_attr($section_style).'" >';
|
|
$output.= do_shortcode($content);
|
|
$output.='</div>';
|
|
}
|
|
//<!--end of ult_ecpsub_cont-->
|
|
$output.='</div>
|
|
|
|
</div>';
|
|
//<!--end of exp_content-->
|
|
|
|
if($title!=' '|| $new_title!=' '){
|
|
return $output;
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
function ultimate_ultimate_exp_section()
|
|
{
|
|
if(function_exists('vc_map'))
|
|
{
|
|
vc_map(
|
|
array(
|
|
"name" => __("Expandable Section"),
|
|
"base" => "ultimate_exp_section",
|
|
"icon"=> "uvc_expandable",
|
|
"class" => "uvc_expandable",
|
|
"as_parent" => array('except' => 'ultimate_exp_section'),
|
|
"category" => __("Ultimate VC Addons","ultimate_vc"),
|
|
"description" => __("Add a Expandable Section.","ultimate_vc"),
|
|
"content_element" => true,
|
|
'front_enqueue_css' => UAVC_URL.'assets/css/expandable-section.css',
|
|
"front_enqueue_js"=>UAVC_URL.'assets/js/expandable-section.js',
|
|
"controls" => "full",
|
|
"show_settings_on_create" => true,
|
|
//"is_container" => true,
|
|
"params" => array(
|
|
// Play with icon selector
|
|
array(
|
|
"type" => "textfield",
|
|
"class" => "",
|
|
"heading" => __("Title ","ultimate_vc"),
|
|
"param_name" => "title",
|
|
"value" => "",
|
|
//"description" => __("Add a custom link or select existing page. You can remove existing link as well.","ultimate_vc"),
|
|
//"group" => "Title Setting",
|
|
|
|
),
|
|
array(
|
|
"type" => "textfield",
|
|
"class" => "",
|
|
"heading" => __("Title After Click ","ultimate_vc"),
|
|
"param_name" => "new_title",
|
|
"value" => "",
|
|
"description" => __("Keep empty if you want to dispaly same title as previous.","ultimate_vc"),
|
|
//"group" => "Title Setting",
|
|
|
|
),
|
|
|
|
|
|
/*-----------general------------*/
|
|
|
|
array(
|
|
"type" => "colorpicker",
|
|
"class" => "",
|
|
"heading" => __("Title Color", "ultimate_vc"),
|
|
"param_name" => "text_color",
|
|
"value" => "",
|
|
//"description" => __("Select text color for Link.", "ultimate_vc"),
|
|
"group" => "Color",
|
|
),
|
|
array(
|
|
"type" => "colorpicker",
|
|
"class" => "",
|
|
"heading" => __("Title Background Color", "ultimate_vc"),
|
|
"param_name" => "background_color",
|
|
"value" => "",
|
|
"group" => "Color",
|
|
"edit_field_class" => "vc_col-sm-12 vc_column ult_space_border",
|
|
|
|
),
|
|
array(
|
|
"type" => "colorpicker",
|
|
"class" => "",
|
|
"heading" => __("Title Hover Color", "ultimate_vc"),
|
|
"param_name" => "text_hovercolor",
|
|
"value" => "",
|
|
"group" => "Color",
|
|
),
|
|
|
|
array(
|
|
"type" => "colorpicker",
|
|
"class" => "",
|
|
"heading" => __("Title Hover Background Color", "ultimate_vc"),
|
|
"param_name" => "bghovercolor",
|
|
"value" => "",
|
|
"group" => "Color",
|
|
"edit_field_class" => "vc_col-sm-12 vc_column ult_space_border",
|
|
|
|
),
|
|
array(
|
|
"type" => "colorpicker",
|
|
"class" => "",
|
|
"heading" => __("Title Active Color", "ultimate_vc"),
|
|
"param_name" => "title_active",
|
|
"value" => "",
|
|
"group" => "Color",
|
|
),
|
|
array(
|
|
"type" => "colorpicker",
|
|
"class" => "",
|
|
"heading" => __("Title Active Background Color", "ultimate_vc"),
|
|
"param_name" => "title_active_bg",
|
|
"value" => "",
|
|
"group" => "Color",
|
|
"edit_field_class" => "vc_col-sm-12 vc_column ult_space_border",
|
|
|
|
),
|
|
/*--container bg color---*/
|
|
array(
|
|
"type" => "colorpicker",
|
|
"class" => "",
|
|
"heading" => __("Content Background Color", "ultimate_vc"),
|
|
"param_name" => "cnt_bg_color",
|
|
"value" => "",
|
|
"group" => "Color",
|
|
|
|
),
|
|
|
|
/*---icon---*/
|
|
array(
|
|
"type" => "ult_param_heading",
|
|
"param_name" => "btn1_icon_setting",
|
|
"text" => __("Icon / Image ", "ultimate_vc"),
|
|
"value" => "",
|
|
"class" => "",
|
|
"group" => __("Icon","ultimate_vc"),
|
|
'edit_field_class' => 'ult-param-heading-wrapper vc_column vc_col-sm-12',
|
|
),
|
|
|
|
array(
|
|
"type" => "dropdown",
|
|
"class" => "",
|
|
"heading" => __("Icon to display", "ultimate_vc"),
|
|
"param_name" => "icon_type",
|
|
"value" => array(
|
|
"Font Icon Manager" => "selector",
|
|
"Custom Image Icon" => "custom",
|
|
),
|
|
"description" => __("Use existing font icon or upload a custom image.", "ultimate_vc"),
|
|
"group" => __("Icon","ultimate_vc"),
|
|
),
|
|
|
|
array(
|
|
"type" => "icon_manager",
|
|
"class" => "",
|
|
"heading" => __("Select Icon ","ultimate_vc"),
|
|
"param_name" => "icon",
|
|
"value" => "",
|
|
"description" => __("Click and select icon of your choice. If you can't find the one that suits for your purpose","ultimate_vc").", ".__("you can","ultimate_vc")." <a href='admin.php?page=bsf-font-icon-manager' target='_blank' rel='noopener'>".__("add new here","ultimate_vc")."</a>.",
|
|
"dependency" => Array("element" => "icon_type","value" => array("selector")),
|
|
"group" => __("Icon","ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "ult_img_single",
|
|
"class" => "",
|
|
"heading" => __("Upload Image Icon:", "ultimate_vc"),
|
|
"param_name" => "icon_img",
|
|
//"admin_label" => true,
|
|
"value" => "",
|
|
"description" => __("Upload the custom image icon.", "ultimate_vc"),
|
|
"dependency" => Array("element" => "icon_type","value" => array("custom")),
|
|
"group" => __("Icon","ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "number",
|
|
"class" => "",
|
|
"heading" => __("Image Width", "ultimate_vc"),
|
|
"param_name" => "img_width",
|
|
"value" =>"",
|
|
"min" => 16,
|
|
"max" => 512,
|
|
"suffix" => "px",
|
|
"description" => __("Provide image width", "ultimate_vc"),
|
|
"dependency" => Array("element" => "icon_type","value" => array("custom")),
|
|
"group" => __("Icon","ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "ult_param_heading",
|
|
"param_name" => "btn1_icon_setting",
|
|
"text" => __(" ", "ultimate_vc"),
|
|
"value" => "",
|
|
"class" => "",
|
|
"group" => __("Icon","ultimate_vc"),
|
|
'edit_field_class' => 'ult-param-heading-wrapper vc_column vc_col-sm-12',
|
|
),
|
|
array(
|
|
"type" => "icon_manager",
|
|
"class" => "",
|
|
"heading" => __("Select Icon For On Click ","ultimate_vc"),
|
|
"param_name" => "new_icon",
|
|
"value" => "",
|
|
"description" => __("Click and select icon of your choice. If you can't find the one that suits for your purpose","ultimate_vc").", ".__("you can","ultimate_vc")." <a href='admin.php?page=bsf-font-icon-manager' target='_blank' rel='noopener'>".__("add new here","ultimate_vc")."</a>.",
|
|
"dependency" => Array("element" => "icon_type","value" => array("selector")),
|
|
"group" => __("Icon","ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "ult_img_single",
|
|
"class" => "",
|
|
"heading" => __("Upload Image On Click:", "ultimate_vc"),
|
|
"param_name" => "new_icon_img",
|
|
//"admin_label" => true,
|
|
"value" => "",
|
|
"description" => __("Upload the custom image icon.", "ultimate_vc"),
|
|
"dependency" => Array("element" => "icon_type","value" => array("custom")),
|
|
"group" => __("Icon","ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "dropdown",
|
|
"class" => "",
|
|
"heading" => __("Icon / Image Position", "ultimate_vc"),
|
|
"param_name" => "icon_align",
|
|
"value" => array(
|
|
"Bottom" => "",
|
|
"Top" => "top",
|
|
"Left" => "left",
|
|
"Right" => "right"
|
|
),
|
|
"group" => __("Icon","ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "number",
|
|
"class" => "",
|
|
"heading" => __("Size of Icon", "ultimate_vc"),
|
|
"param_name" => "icon_size",
|
|
"value" => "",
|
|
"min" => 12,
|
|
"max" => 72,
|
|
"suffix" => "px",
|
|
"description" => __("How big would you like it?", "ultimate_vc"),
|
|
"dependency" => Array("element" => "icon_type","value" => array("selector")),
|
|
"group" => __("Icon","ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "colorpicker",
|
|
"class" => "",
|
|
"heading" => __("Icon Color", "ultimate_vc"),
|
|
"param_name" => "icon_color",
|
|
"value" => "",
|
|
"dependency" => Array("element" => "icon_type","value" => array("selector")),
|
|
"group" => __("Icon","ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "colorpicker",
|
|
"class" => "",
|
|
"heading" => __("Icon Hover Color", "ultimate_vc"),
|
|
"param_name" => "icon_hover_color",
|
|
"value" => "",
|
|
"dependency" => Array("element" => "icon_type","value" => array("selector")
|
|
),
|
|
"group" => __("Icon","ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "colorpicker",
|
|
"class" => "",
|
|
"heading" => __("Icon Active Color", "ultimate_vc"),
|
|
"param_name" => "icon_active_color",
|
|
"value" => "",
|
|
"dependency" => Array("element" => "icon_type","value" => array("selector") ),
|
|
"group" => __("Icon","ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "dropdown",
|
|
"class" => "",
|
|
"heading" => __("Icon / Image Style", "ultimate_vc"),
|
|
"param_name" => "icon_style",
|
|
"value" => array(
|
|
"Simple" => "none",
|
|
"Circle Background" => "circle",
|
|
"Square Background" => "square",
|
|
"Design your own" => "advanced",
|
|
),
|
|
"description" => __("We have given three quick preset if you are in a hurry. Otherwise, create your own with various options.", "ultimate_vc"),
|
|
"group" => __("Icon","ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "colorpicker",
|
|
"class" => "",
|
|
"heading" => __("Icon / Image Background Color ", "ultimate_vc"),
|
|
"param_name" => "icon_color_bg",
|
|
"value" => "",
|
|
"dependency" => Array("element" => "icon_style", "value" => array("circle","square","advanced")),
|
|
"group" => __("Icon","ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "colorpicker",
|
|
"class" => "",
|
|
"heading" => __("Icon / Image Hover Background Color ", "ultimate_vc"),
|
|
"param_name" => "icon_color_hoverbg",
|
|
"value" => "",
|
|
"dependency" => Array("element" => "icon_style", "value" => array("circle","square","advanced")
|
|
),
|
|
"group" => __("Icon","ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "colorpicker",
|
|
"class" => "",
|
|
"heading" => __("Icon / Image Active Background Color ", "ultimate_vc"),
|
|
"param_name" => "icon_active_color_bg",
|
|
"value" => "",
|
|
"dependency" => Array("element" => "icon_style", "value" => array("circle","square","advanced")),
|
|
"group" => __("Icon","ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "dropdown",
|
|
"class" => "",
|
|
"heading" => __("Icon / Image Border Style", "ultimate_vc"),
|
|
"param_name" => "icon_border_style",
|
|
"value" => array(
|
|
"Solid"=> "",
|
|
/*"None"=> "",*/
|
|
"Dashed" => "dashed",
|
|
"Dotted" => "dotted",
|
|
"Double" => "double",
|
|
"Inset" => "inset",
|
|
"Outset" => "outset",
|
|
),
|
|
"description" => __("Select the border style for icon.","ultimate_vc"),
|
|
"dependency" => Array("element" => "icon_style", "value" => array("advanced")),
|
|
"group" => __("Icon","ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "colorpicker",
|
|
"class" => "",
|
|
"heading" => __("Icon / Image Border Color", "ultimate_vc"),
|
|
"param_name" => "icon_color_border",
|
|
"value" => "",
|
|
"dependency" => Array("element" => "icon_border_style", "not_empty" => true),
|
|
"group" => __("Icon","ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "colorpicker",
|
|
"class" => "",
|
|
"heading" => __("Icon / Image Hover Border Color", "ultimate_vc"),
|
|
"param_name" => "icon_color_hoverborder",
|
|
"value" => "",
|
|
"dependency" => Array("element" => "icon_border_style", "not_empty" => true),
|
|
"group" => __("Icon","ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "colorpicker",
|
|
"class" => "",
|
|
"heading" => __("Icon / Image Active Border Color", "ultimate_vc"),
|
|
"param_name" => "icon_color_activeborder",
|
|
"value" => "",
|
|
"dependency" => Array("element" => "icon_border_style", "not_empty" => true),
|
|
"group" => __("Icon","ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "number",
|
|
"class" => "",
|
|
"heading" => __("Icon / Image Border Width", "ultimate_vc"),
|
|
"param_name" => "icon_border_size",
|
|
"value" => "",
|
|
"min" => 1,
|
|
"max" => 10,
|
|
"suffix" => "px",
|
|
"description" => __("Thickness of the border.", "ultimate_vc"),
|
|
"dependency" => Array("element" => "icon_border_style", "not_empty" => true),
|
|
"group" => __("Icon","ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "number",
|
|
"class" => "",
|
|
"heading" => __("Icon / Image Border Radius", "ultimate_vc"),
|
|
"param_name" => "icon_border_radius",
|
|
"value" =>"",
|
|
"min" => 1,
|
|
"max" => 100,
|
|
"suffix" => "px",
|
|
"description" => __("0 pixel value will create a square border. As you increase the value, the shape convert in circle slowly. (e.g 500 pixels).", "ultimate_vc"),
|
|
"dependency" => Array("element" => "icon_border_style", "not_empty" => true),
|
|
"group" => __("Icon","ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "number",
|
|
"class" => "",
|
|
"heading" => __("Background Size", "ultimate_vc"),
|
|
"param_name" => "icon_border_spacing",
|
|
"value" => "",
|
|
"min" => 2,
|
|
"max" => 100,
|
|
"suffix" => "px",
|
|
"description" => __("Spacing from center of the icon till the boundary of border / background", "ultimate_vc"),
|
|
"dependency" => Array("element" => "icon_border_style", "not_empty" => true),
|
|
"group" => __("Icon","ultimate_vc"),
|
|
|
|
),
|
|
|
|
|
|
array(
|
|
"type" => "dropdown",
|
|
"class" => "",
|
|
"heading" => __("Effect ", "ultimate_vc"),
|
|
"param_name" => "exp_effect",
|
|
"value" => array(
|
|
"Slide" => "",
|
|
"Fade" => "fadeToggle",
|
|
|
|
),
|
|
|
|
),
|
|
|
|
array(
|
|
"type" => "textfield",
|
|
"class" => "",
|
|
"heading" => __("Custom CSS Class", "ultimate_vc"),
|
|
"param_name" => "extra_class",
|
|
"value" => "",
|
|
"description" => __("Ran out of options? Need more styles? Write your own CSS and mention the class name here.", "ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "dropdown",
|
|
"class" => "",
|
|
"heading" => __("Expandable Section Width Override", "ultimate_vc"),
|
|
"param_name" => "map_override",
|
|
"value" =>array(
|
|
"Default Width"=>"0",
|
|
"Apply 1st parent element's width"=>"1",
|
|
"Apply 2nd parent element's width"=>"2",
|
|
"Apply 3rd parent element's width"=>"3",
|
|
"Apply 4th parent element's width"=>"4",
|
|
"Apply 5th parent element's width"=>"5",
|
|
"Apply 6th parent element's width"=>"6",
|
|
"Apply 7th parent element's width"=>"7",
|
|
"Apply 8th parent element's width"=>"8",
|
|
"Apply 9th parent element's width"=>"9",
|
|
"Full Width "=>"full",
|
|
"Maximum Full Width"=>"ex-full",
|
|
),
|
|
"description" => __("By default, the section will be given to the WPBakery Page Builder row. However, in some cases depending on your theme's CSS - it may not fit well to the container you are wishing it would. In that case you will have to select the appropriate value here that gets you desired output..", "ultimate_vc"),
|
|
'group' => __( 'Design ', 'ultimate_vc' ),
|
|
),
|
|
array(
|
|
"type" => "number",
|
|
"class" => "",
|
|
"heading" => __("Content Width", "ultimate_vc"),
|
|
"param_name" => "section_width",
|
|
"value" => '',
|
|
"min" => 200,
|
|
"max" => 1200,
|
|
"suffix" => "px",
|
|
"description" => __("Adjust width of your content. Keep empty for full width.", "ultimate_vc"),
|
|
'group' => __( 'Design ', 'ultimate_vc' ),
|
|
),
|
|
array(
|
|
"type" => "number",
|
|
"class" => "",
|
|
"heading" => __("Top Gutter Position", "ultimate_vc"),
|
|
"param_name" => "section_height",
|
|
"value" => '',
|
|
"min" => 0,
|
|
"max" => 1200,
|
|
"suffix" => "px",
|
|
"description" => __("After click distance between viewport top & expandable section.", "ultimate_vc"),
|
|
'group' => __( 'Design ', 'ultimate_vc' ),
|
|
),
|
|
array(
|
|
"type" => "ult_param_heading",
|
|
"param_name" => "title-setting",
|
|
"text" => __("Title ", "ultimate"),
|
|
"value" => "",
|
|
"class" => "",
|
|
'group' => __( 'Design ', 'ultimate_vc' ),
|
|
'edit_field_class' => 'ult-param-heading-wrapper vc_column vc_col-sm-12',
|
|
|
|
),
|
|
array(
|
|
"type" => "dropdown",
|
|
"class" => "",
|
|
"heading" => __("Title Text Alignment", "ultimate_vc"),
|
|
"param_name" => "title_alignment",
|
|
"value" =>array(
|
|
"Center"=>"center",
|
|
"Left"=>"left",
|
|
"Right"=>"right"
|
|
),
|
|
"description" => __("Select the title and icon alignment.", "ultimate_vc"),
|
|
'group' => __( 'Design ', 'ultimate_vc' ),
|
|
),
|
|
array(
|
|
"type" => "ultimate_spacing",
|
|
"heading" => " Title Margin ",
|
|
"param_name" => "title_margin",
|
|
"mode" => "margin", // margin/padding
|
|
"unit" => "px", // [required] px,em,%,all Default all
|
|
"positions" => array( // Also set 'defaults'
|
|
"Top" => "",
|
|
"Right" => "",
|
|
"Bottom" => "",
|
|
"Left" => "",
|
|
),
|
|
'group' => __( 'Design ', 'ultimate_vc' ),
|
|
"description" => __("Add spacing from outside to titlebar.", "ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "ultimate_spacing",
|
|
"heading" => " Title Padding ",
|
|
"param_name" => "title_padding",
|
|
"mode" => "padding", // margin/padding
|
|
"unit" => "px", // [required] px,em,%,all Default all
|
|
"positions" => array( // Also set 'defaults'
|
|
"Top" => "",
|
|
"Right" => "",
|
|
"Bottom" => "",
|
|
"Left" => "",
|
|
),
|
|
'group' => __( 'Design ', 'ultimate_vc' ),
|
|
"description" => __("Add spacing from inside to titlebar.", "ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "ult_param_heading",
|
|
"param_name" => "title-setting",
|
|
"text" => __("Content ", "ultimate"),
|
|
"value" => "",
|
|
"class" => "",
|
|
'group' => __( 'Design ', 'ultimate_vc' ),
|
|
'edit_field_class' => 'ult-param-heading-wrapper vc_column vc_col-sm-12',
|
|
|
|
|
|
),
|
|
|
|
array(
|
|
"type" => "ultimate_spacing",
|
|
"heading" => " Content Margin ",
|
|
"param_name" => "desc_margin",
|
|
"mode" => "margin", // margin/padding
|
|
"unit" => "px", // [required] px,em,%,all Default all
|
|
"positions" => array( // Also set 'defaults'
|
|
"Top" => "",
|
|
"Right" => "",
|
|
"Bottom" => "",
|
|
"Left" => "",
|
|
),
|
|
'group' => __( 'Design ', 'ultimate_vc' ),
|
|
"description" => __("Add spacing from outside to content.", "ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "ultimate_spacing",
|
|
"heading" => " Content Padding ",
|
|
"param_name" => "desc_padding",
|
|
"mode" => "padding", // margin/padding
|
|
"unit" => "px", // [required] px,em,%,all Default all
|
|
"positions" => array( // Also set 'defaults'
|
|
"Top" => "",
|
|
"Right" => "",
|
|
"Bottom" => "",
|
|
"Left" => "",
|
|
),
|
|
'group' => __( 'Design ', 'ultimate_vc' ),
|
|
"description" => __("Add spacing from inside to content.", "ultimate_vc"),
|
|
),
|
|
array(
|
|
"type" => "ult_param_heading",
|
|
"param_name" => "icn-setting",
|
|
"text" => __("Icon ", "ultimate"),
|
|
"value" => "",
|
|
"class" => "",
|
|
'group' => __( 'Design ', 'ultimate_vc' ),
|
|
'edit_field_class' => 'ult-param-heading-wrapper vc_column vc_col-sm-12',
|
|
|
|
|
|
),
|
|
|
|
array(
|
|
"type" => "ultimate_spacing",
|
|
"heading" => " Icon Margin ",
|
|
"param_name" => "icon_margin",
|
|
"mode" => "margin", // margin/padding
|
|
"unit" => "px", // [required] px,em,%,all Default all
|
|
"positions" => array( // Also set 'defaults'
|
|
"Top" => "",
|
|
"Right" => "",
|
|
"Bottom" => "",
|
|
"Left" => "",
|
|
),
|
|
'group' => __( 'Design ', 'ultimate_vc' ),
|
|
"description" => __("Add spacing to icon.", "ultimate_vc"),
|
|
),
|
|
|
|
|
|
/*---typography-------*/
|
|
|
|
array(
|
|
"type" => "ultimate_google_fonts",
|
|
"heading" => __("Title Font Family", "ultimate_vc"),
|
|
"param_name" => "font_family",
|
|
"description" => __("Select the font of your choice. ","ultimate_vc").", ".__("you can","ultimate_vc")." <a href='admin.php?page=bsf-google-font-manager' target='_blank' rel='noopener'>".__("add new in the collection here","ultimate_vc")."</a>.",
|
|
"group" => "Typography ",
|
|
),
|
|
|
|
array(
|
|
"type" => "ultimate_google_fonts_style",
|
|
"heading" => __("Font Style", "ultimate_vc"),
|
|
"param_name" => "heading_style",
|
|
|
|
"group" => "Typography ",
|
|
),
|
|
// array(
|
|
// "type" => "number",
|
|
// "param_name" => "title_font_size",
|
|
// "heading" => __("Font size","ultimate_vc"),
|
|
// "value" => "",
|
|
// "suffix" => "px",
|
|
// "group" => "Typography ",
|
|
// ),
|
|
array(
|
|
"type" => "ultimate_responsive",
|
|
"class" => "",
|
|
"heading" => __("Font size", 'ultimate_vc'),
|
|
"param_name" => "title_font_size",
|
|
"unit" => "px",
|
|
"media" => array(
|
|
/*"Large Screen" => '',*/
|
|
"Desktop" => '',
|
|
"Tablet" => '',
|
|
"Tablet Portrait" => '',
|
|
"Mobile Landscape" => '',
|
|
"Mobile" => '',
|
|
),
|
|
"group" => "Typography ",
|
|
),
|
|
|
|
// array(
|
|
// "type" => "number",
|
|
// "param_name" => "title_line_ht",
|
|
// "heading" => __("Line Height","ultimate_vc"),
|
|
// "value" => "",
|
|
// "suffix" => "px",
|
|
// "group" => "Typography ",
|
|
|
|
// ),
|
|
array(
|
|
"type" => "ultimate_responsive",
|
|
"class" => "",
|
|
"heading" => __("Line Height", 'ultimate_vc'),
|
|
"param_name" => "title_line_ht",
|
|
"unit" => "px",
|
|
"media" => array(
|
|
/*"Large Screen" => '',*/
|
|
"Desktop" => '',
|
|
"Tablet" => '',
|
|
"Tablet Portrait" => '',
|
|
"Mobile Landscape" => '',
|
|
"Mobile" => '',
|
|
),
|
|
"group" => "Typography ",
|
|
),
|
|
),
|
|
"js_view" => 'VcColumnView'
|
|
)
|
|
|
|
);
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
if(class_exists('AIO_ultimate_exp_section'))
|
|
{
|
|
|
|
$AIO_ultimate_exp_section = new AIO_ultimate_exp_section;
|
|
|
|
}
|
|
|
|
if ( class_exists( 'WPBakeryShortCodesContainer' ) && !class_exists( 'WPBakeryShortCode_ultimate_exp_section' ) ) {
|
|
class WPBakeryShortCode_ultimate_exp_section extends WPBakeryShortCodesContainer {
|
|
}
|
|
}
|