Example #1
0
 * @var $icon_bg_color
 * @var $icon_border_color
 * @var $icon_wrap_border_color
 *
 * Shortcode class
 * @var $this WPBakeryShortCode_VC_Separator
 */
$css = '';
$atts = vc_map_get_attributes($this->getShortcode(), $atts);
extract($atts);
echo '<div class="porto-separator ' . esc_attr($gap) . '">';
$class_to_filter = '';
$class_to_filter .= vc_shortcode_custom_css_class($css, ' ') . $this->getExtraClass($el_class);
$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, $class_to_filter, $this->settings['base'], $atts);
global $porto_settings;
$default_color = porto_is_dark_skin() ? 'rgba(255,255,255,0.15)' : 'rgba(0,0,0,0.15)';
if (!$accent_color) {
    $accent_color = $default_color;
}
$css_class .= ' ' . $align;
if ($color == 'custom' || !$color) {
    $color = $accent_color;
}
if (!$align) {
    $align = 'align_center';
}
switch ($icon_type) {
    case 'simpleline':
        $icon_class = $icon_simpleline;
        break;
    default:
Example #2
0
function porto_load_shortcodes()
{
    if (function_exists('vc_map')) {
        global $porto_settings;
        $dark = porto_is_dark_skin();
        $section_group = __('Porto Options', 'porto');
        $sticky_group = __('Sticky Options', 'porto');
        $animation_group = __('Animation', 'porto');
        $animation_type = array("type" => "porto_theme_animation_type", "heading" => __("Animation Type", 'porto'), "param_name" => "animation_type", 'group' => $animation_group);
        $animation_duration = array("type" => "textfield", "heading" => __("Animation Duration", 'porto'), "param_name" => "animation_duration", "description" => __("numerical value (unit: milliseconds)", 'porto'), "value" => '1000', 'group' => $animation_group);
        $animation_delay = array("type" => "textfield", "heading" => __("Animation Delay", 'porto'), "param_name" => "animation_delay", "description" => __("numerical value (unit: milliseconds)", 'porto'), "value" => '0', 'group' => $animation_group);
        /* ---------------------------- */
        /* Customize Row
           /* ---------------------------- */
        vc_add_param('vc_row', array('type' => 'checkbox', 'heading' => __('Wrap as Container', 'porto'), 'param_name' => 'wrap_container', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group, 'admin_label' => true));
        vc_add_param('vc_row', array('type' => 'dropdown', 'heading' => __('Section & Parallax Text Color', 'porto'), 'param_name' => 'section_text_color', 'value' => porto_vc_commons('section_text_color'), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'dropdown', 'heading' => __('Text Align', 'porto'), 'param_name' => 'text_align', 'value' => porto_vc_commons('align'), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'checkbox', 'heading' => __('Is Section?', 'porto'), 'param_name' => 'is_section', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group, 'admin_label' => true));
        vc_add_param('vc_row', array('type' => 'dropdown', 'heading' => __('Section Skin Color', 'porto'), 'param_name' => 'section_skin', 'value' => porto_vc_commons('section_skin'), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'dropdown', 'heading' => __('Section Default Color Scale', 'porto'), 'param_name' => 'section_color_scale', 'value' => porto_vc_commons('section_color_scale'), 'dependency' => array('element' => 'section_skin', 'value' => array('default')), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'dropdown', 'heading' => __('Section Color Scale', 'porto'), 'param_name' => 'section_skin_scale', 'dependency' => array('element' => 'section_skin', 'value' => array('primary', 'secondary', 'tertiary', 'quaternary', 'dark', 'light')), 'group' => $section_group, 'value' => array(__('Default', 'porto') => '', __('Scale 2', 'porto') => 'scale-2')));
        vc_add_param('vc_row', array('type' => 'checkbox', 'heading' => __('Remove Margin Top', 'porto'), 'param_name' => 'remove_margin_top', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'checkbox', 'heading' => __('Remove Margin Bottom', 'porto'), 'param_name' => 'remove_margin_bottom', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'checkbox', 'heading' => __('Remove Padding Top', 'porto'), 'param_name' => 'remove_padding_top', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'checkbox', 'heading' => __('Remove Padding Bottom', 'porto'), 'param_name' => 'remove_padding_bottom', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'checkbox', 'heading' => __('Remove Border', 'porto'), 'param_name' => 'remove_border', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'checkbox', 'heading' => __('Show Divider', 'porto'), 'param_name' => 'show_divider', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'dependency' => array('element' => 'is_section', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'dropdown', 'heading' => __('Divider Position', 'porto'), 'param_name' => 'divider_pos', 'value' => array(__('Top', 'porto') => '', __('Bottom', 'porto') => 'bottom'), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'colorpicker', 'heading' => __('Divider Color', 'porto'), 'param_name' => 'divider_color', 'dependency' => array('element' => 'show_divider', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'textfield', 'heading' => __('Divider Height', 'porto'), 'param_name' => 'divider_height', 'dependency' => array('element' => 'show_divider', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'checkbox', 'heading' => __('Show Divider Icon', 'porto'), 'param_name' => 'show_divider_icon', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'dependency' => array('element' => 'show_divider', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'dropdown', 'heading' => __('Icon library', 'js_composer'), 'value' => array(__('Font Awesome', 'porto') => 'fontawesome', __('Simple Line Icon', 'porto') => 'simpleline'), 'param_name' => 'divider_icon_type', 'dependency' => array('element' => 'show_divider_icon', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'iconpicker', 'heading' => __('Select Icon', 'porto'), 'param_name' => 'divider_icon', 'dependency' => array('element' => 'divider_icon_type', 'value' => 'fontawesome'), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'iconpicker', 'heading' => __('Select Icon', 'porto'), 'param_name' => 'divider_icon_simpleline', 'value' => '', 'settings' => array('type' => 'simpleline', 'iconsPerPage' => 4000), 'dependency' => array('element' => 'divider_icon_type', 'value' => 'simpleline'), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'dropdown', 'heading' => __('Icon Skin Color', 'porto'), 'param_name' => 'divider_icon_skin', 'std' => 'custom', 'value' => porto_vc_commons('colors'), 'dependency' => array('element' => 'show_divider_icon', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'colorpicker', 'heading' => __('Icon Color', 'porto'), 'param_name' => 'divider_icon_color', 'dependency' => array('element' => 'divider_icon_skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'colorpicker', 'heading' => __('Icon Background Color', 'porto'), 'param_name' => 'divider_icon_bg_color', 'dependency' => array('element' => 'divider_icon_skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'colorpicker', 'heading' => __('Icon Border Color', 'porto'), 'param_name' => 'divider_icon_border_color', 'dependency' => array('element' => 'divider_icon_skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'colorpicker', 'heading' => __('Icon Wrap Border Color', 'porto'), 'param_name' => 'divider_icon_wrap_border_color', 'dependency' => array('element' => 'divider_icon_skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'dropdown', 'heading' => __('Icon Style', 'porto'), 'param_name' => 'divider_icon_style', 'value' => porto_vc_commons('separator_icon_style'), 'dependency' => array('element' => 'show_divider_icon', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'dropdown', 'heading' => __('Icon Position', 'porto'), 'param_name' => 'divider_icon_pos', 'value' => porto_vc_commons('separator_icon_pos'), 'dependency' => array('element' => 'show_divider_icon', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'dropdown', 'heading' => __('Icon Size', 'porto'), 'param_name' => 'divider_icon_size', 'value' => porto_vc_commons('separator_icon_size'), 'dependency' => array('element' => 'show_divider_icon', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_row', array('type' => 'checkbox', 'heading' => __('Enable Sticky Options?', 'porto'), 'param_name' => 'is_sticky', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $sticky_group, 'admin_label' => true));
        vc_add_param('vc_row', array("type" => "textfield", "heading" => __("Container Selector", 'porto'), "param_name" => "sticky_container_selector", "value" => ".main-content", 'dependency' => array('element' => 'is_sticky', 'not_empty' => true), 'group' => $sticky_group));
        vc_add_param('vc_row', array("type" => "textfield", "heading" => __("Min Width (unit: px)", 'porto'), "param_name" => "sticky_min_width", "" => __("Wll be disabled if window width is smaller than min width", 'porto'), "value" => "767", 'dependency' => array('element' => 'is_sticky', 'not_empty' => true), 'group' => $sticky_group));
        vc_add_param('vc_row', array("type" => "textfield", "heading" => __("Top (unit: px)", 'porto'), "param_name" => "sticky_top", "" => __("Top position when active", 'porto'), "value" => "110", 'dependency' => array('element' => 'is_sticky', 'not_empty' => true), 'group' => $sticky_group));
        vc_add_param('vc_row', array("type" => "textfield", "heading" => __("Bottom (unit: px)", 'porto'), "param_name" => "sticky_bottom", "" => __("Bottom position when active", 'porto'), "value" => "0", 'dependency' => array('element' => 'is_sticky', 'not_empty' => true), 'group' => $sticky_group));
        vc_add_param('vc_row', array("type" => "textfield", "heading" => __("Active Class", 'porto'), "param_name" => "sticky_active_class", "value" => "sticky-active", 'dependency' => array('element' => 'is_sticky', 'not_empty' => true), 'group' => $sticky_group));
        vc_add_param('vc_row', $animation_type);
        vc_add_param('vc_row', $animation_duration);
        vc_add_param('vc_row', $animation_delay);
        vc_add_param('vc_row_inner', array('type' => 'checkbox', 'heading' => __('Enable Sticky Options?', 'porto'), 'param_name' => 'is_sticky', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $sticky_group, 'admin_label' => true));
        vc_add_param('vc_row_inner', array("type" => "textfield", "heading" => __("Container Selector", 'porto'), "param_name" => "sticky_container_selector", "value" => ".vc_row", 'dependency' => array('element' => 'is_sticky', 'not_empty' => true), 'group' => $sticky_group));
        vc_add_param('vc_row_inner', array("type" => "textfield", "heading" => __("Min Width (unit: px)", 'porto'), "param_name" => "sticky_min_width", "" => __("Wll be disabled if window width is smaller than min width", 'porto'), "value" => "767", 'dependency' => array('element' => 'is_sticky', 'not_empty' => true), 'group' => $sticky_group));
        vc_add_param('vc_row_inner', array("type" => "textfield", "heading" => __("Top (unit: px)", 'porto'), "param_name" => "sticky_top", "" => __("Top position when active", 'porto'), "value" => "110", 'dependency' => array('element' => 'is_sticky', 'not_empty' => true), 'group' => $sticky_group));
        vc_add_param('vc_row_inner', array("type" => "textfield", "heading" => __("Bottom (unit: px)", 'porto'), "param_name" => "sticky_bottom", "" => __("Bottom position when active", 'porto'), "value" => "0", 'dependency' => array('element' => 'is_sticky', 'not_empty' => true), 'group' => $sticky_group));
        vc_add_param('vc_row_inner', array("type" => "textfield", "heading" => __("Active Class", 'porto'), "param_name" => "sticky_active_class", "value" => "sticky-active", 'dependency' => array('element' => 'is_sticky', 'not_empty' => true), 'group' => $sticky_group));
        vc_add_param('vc_row_inner', $animation_type);
        vc_add_param('vc_row_inner', $animation_duration);
        vc_add_param('vc_row_inner', $animation_delay);
        /* ---------------------------- */
        /* Customize Column
           /* ---------------------------- */
        vc_add_param('vc_column', array('type' => 'dropdown', 'heading' => __('Section & Parallax Text Color', 'porto'), 'param_name' => 'section_text_color', 'value' => porto_vc_commons('section_text_color'), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'dropdown', 'heading' => __('Text Align', 'porto'), 'param_name' => 'text_align', 'value' => porto_vc_commons('align'), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'checkbox', 'heading' => __('Is Section?', 'porto'), 'param_name' => 'is_section', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group, 'admin_label' => true));
        vc_add_param('vc_column', array('type' => 'dropdown', 'heading' => __('Section Skin Color', 'porto'), 'param_name' => 'section_skin', 'value' => porto_vc_commons('section_skin'), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'dropdown', 'heading' => __('Section Default Color Scale', 'porto'), 'param_name' => 'section_color_scale', 'value' => porto_vc_commons('section_color_scale'), 'dependency' => array('element' => 'section_skin', 'value' => array('default')), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'dropdown', 'heading' => __('Section Color Scale', 'porto'), 'param_name' => 'section_skin_scale', 'dependency' => array('element' => 'section_skin', 'value' => array('primary', 'secondary', 'tertiary', 'quaternary', 'dark', 'light')), 'group' => $section_group, 'value' => array(__('Default', 'porto') => '', __('Scale 2', 'porto') => 'scale-2')));
        vc_add_param('vc_column', array('type' => 'checkbox', 'heading' => __('Remove Margin Top', 'porto'), 'param_name' => 'remove_margin_top', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'checkbox', 'heading' => __('Remove Margin Bottom', 'porto'), 'param_name' => 'remove_margin_bottom', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'checkbox', 'heading' => __('Remove Padding Top', 'porto'), 'param_name' => 'remove_padding_top', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'checkbox', 'heading' => __('Remove Padding Bottom', 'porto'), 'param_name' => 'remove_padding_bottom', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'checkbox', 'heading' => __('Remove Border', 'porto'), 'param_name' => 'remove_border', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'checkbox', 'heading' => __('Show Divider', 'porto'), 'param_name' => 'show_divider', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'dependency' => array('element' => 'is_section', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'dropdown', 'heading' => __('Divider Position', 'porto'), 'param_name' => 'divider_pos', 'value' => array(__('Top', 'porto') => '', __('Bottom', 'porto') => 'bottom'), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'colorpicker', 'heading' => __('Divider Color', 'porto'), 'param_name' => 'divider_color', 'dependency' => array('element' => 'show_divider', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'textfield', 'heading' => __('Divider Height', 'porto'), 'param_name' => 'divider_height', 'dependency' => array('element' => 'show_divider', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'checkbox', 'heading' => __('Show Divider Icon', 'porto'), 'param_name' => 'show_divider_icon', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'dependency' => array('element' => 'show_divider', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'dropdown', 'heading' => __('Icon library', 'js_composer'), 'value' => array(__('Font Awesome', 'porto') => 'fontawesome', __('Simple Line Icon', 'porto') => 'simpleline'), 'param_name' => 'divider_icon_type', 'dependency' => array('element' => 'show_divider_icon', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'iconpicker', 'heading' => __('Select Icon', 'porto'), 'param_name' => 'divider_icon', 'dependency' => array('element' => 'divider_icon_type', 'value' => 'fontawesome'), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'iconpicker', 'heading' => __('Select Icon', 'porto'), 'param_name' => 'divider_icon_simpleline', 'value' => '', 'settings' => array('type' => 'simpleline', 'iconsPerPage' => 4000), 'dependency' => array('element' => 'divider_icon_type', 'value' => 'simpleline'), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'dropdown', 'heading' => __('Icon Skin Color', 'porto'), 'param_name' => 'divider_icon_skin', 'std' => 'custom', 'value' => porto_vc_commons('colors'), 'dependency' => array('element' => 'show_divider_icon', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'colorpicker', 'heading' => __('Icon Color', 'porto'), 'param_name' => 'divider_icon_color', 'dependency' => array('element' => 'divider_icon_skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'colorpicker', 'heading' => __('Icon Background Color', 'porto'), 'param_name' => 'divider_icon_bg_color', 'dependency' => array('element' => 'divider_icon_skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'colorpicker', 'heading' => __('Icon Border Color', 'porto'), 'param_name' => 'divider_icon_border_color', 'dependency' => array('element' => 'divider_icon_skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'colorpicker', 'heading' => __('Icon Wrap Border Color', 'porto'), 'param_name' => 'divider_icon_wrap_border_color', 'dependency' => array('element' => 'divider_icon_skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'dropdown', 'heading' => __('Icon Style', 'porto'), 'param_name' => 'divider_icon_style', 'value' => porto_vc_commons('separator_icon_style'), 'dependency' => array('element' => 'show_divider_icon', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'dropdown', 'heading' => __('Icon Position', 'porto'), 'param_name' => 'divider_icon_pos', 'value' => porto_vc_commons('separator_icon_pos'), 'dependency' => array('element' => 'show_divider_icon', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'dropdown', 'heading' => __('Icon Size', 'porto'), 'param_name' => 'divider_icon_size', 'value' => porto_vc_commons('separator_icon_size'), 'dependency' => array('element' => 'show_divider_icon', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_column', array('type' => 'checkbox', 'heading' => __('Enable Sticky Options?', 'porto'), 'param_name' => 'is_sticky', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $sticky_group, 'admin_label' => true));
        vc_add_param('vc_column', array("type" => "textfield", "heading" => __("Container Selector", 'porto'), "param_name" => "sticky_container_selector", "value" => ".vc_row", 'dependency' => array('element' => 'is_sticky', 'not_empty' => true), 'group' => $sticky_group));
        vc_add_param('vc_column', array("type" => "textfield", "heading" => __("Min Width (unit: px)", 'porto'), "param_name" => "sticky_min_width", "" => __("Wll be disabled if window width is smaller than min width", 'porto'), "value" => "767", 'dependency' => array('element' => 'is_sticky', 'not_empty' => true), 'group' => $sticky_group));
        vc_add_param('vc_column', array("type" => "textfield", "heading" => __("Top (unit: px)", 'porto'), "param_name" => "sticky_top", "" => __("Top position when active", 'porto'), "value" => "110", 'dependency' => array('element' => 'is_sticky', 'not_empty' => true), 'group' => $sticky_group));
        vc_add_param('vc_column', array("type" => "textfield", "heading" => __("Bottom (unit: px)", 'porto'), "param_name" => "sticky_bottom", "" => __("Bottom position when active", 'porto'), "value" => "0", 'dependency' => array('element' => 'is_sticky', 'not_empty' => true), 'group' => $sticky_group));
        vc_add_param('vc_column', array("type" => "textfield", "heading" => __("Active Class", 'porto'), "param_name" => "sticky_active_class", "value" => "sticky-active", 'dependency' => array('element' => 'is_sticky', 'not_empty' => true), 'group' => $sticky_group));
        vc_add_param('vc_column', $animation_type);
        vc_add_param('vc_column', $animation_duration);
        vc_add_param('vc_column', $animation_delay);
        vc_add_param('vc_column_inner', array('type' => 'checkbox', 'heading' => __('Enable Sticky Options?', 'porto'), 'param_name' => 'is_sticky', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $sticky_group, 'admin_label' => true));
        vc_add_param('vc_column_inner', array("type" => "textfield", "heading" => __("Container Selector", 'porto'), "param_name" => "sticky_container_selector", "value" => ".vc_row", 'dependency' => array('element' => 'is_sticky', 'not_empty' => true), 'group' => $sticky_group));
        vc_add_param('vc_column_inner', array("type" => "textfield", "heading" => __("Min Width (unit: px)", 'porto'), "param_name" => "sticky_min_width", "" => __("Wll be disabled if window width is smaller than min width", 'porto'), "value" => "767", 'dependency' => array('element' => 'is_sticky', 'not_empty' => true), 'group' => $sticky_group));
        vc_add_param('vc_column_inner', array("type" => "textfield", "heading" => __("Top (unit: px)", 'porto'), "param_name" => "sticky_top", "" => __("Top position when active", 'porto'), "value" => "110", 'dependency' => array('element' => 'is_sticky', 'not_empty' => true), 'group' => $sticky_group));
        vc_add_param('vc_column_inner', array("type" => "textfield", "heading" => __("Bottom (unit: px)", 'porto'), "param_name" => "sticky_bottom", "" => __("Bottom position when active", 'porto'), "value" => "0", 'dependency' => array('element' => 'is_sticky', 'not_empty' => true), 'group' => $sticky_group));
        vc_add_param('vc_column_inner', array("type" => "textfield", "heading" => __("Active Class", 'porto'), "param_name" => "sticky_active_class", "value" => "sticky-active", 'dependency' => array('element' => 'is_sticky', 'not_empty' => true), 'group' => $sticky_group));
        vc_add_param('vc_column_inner', $animation_type);
        vc_add_param('vc_column_inner', $animation_duration);
        vc_add_param('vc_column_inner', $animation_delay);
        /* ---------------------------- */
        /* Customize Custom Heading
           /* ---------------------------- */
        vc_add_param('vc_custom_heading', array('type' => 'dropdown', 'heading' => __('Skin Color', 'porto'), 'param_name' => 'skin', 'std' => 'custom', 'value' => porto_vc_commons('colors'), 'group' => $section_group));
        vc_add_param('vc_custom_heading', array('type' => 'checkbox', 'heading' => __('Show Border', 'porto'), 'param_name' => 'show_border', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group));
        vc_add_param('vc_custom_heading', array('type' => 'dropdown', 'heading' => __('Border Skin Color', 'porto'), 'param_name' => 'border_skin', 'std' => 'custom', 'value' => porto_vc_commons('colors'), 'dependency' => array('element' => 'show_border', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_custom_heading', array('type' => 'colorpicker', 'heading' => __('Border Color', 'porto'), 'param_name' => 'border_color', 'dependency' => array('element' => 'border_skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_custom_heading', array('type' => 'dropdown', 'heading' => __('Border Type', 'porto'), 'param_name' => 'border_type', 'value' => porto_vc_commons('heading_border_type'), 'dependency' => array('element' => 'show_border', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_custom_heading', array('type' => 'dropdown', 'heading' => __('Border Size', 'porto'), 'param_name' => 'border_size', 'value' => porto_vc_commons('heading_border_size'), 'dependency' => array('element' => 'show_border', 'not_empty' => true), 'group' => $section_group));
        /* ---------------------------- */
        /* Customize Tabs, Tab
           /* ---------------------------- */
        vc_remove_param('vc_tabs', 'interval');
        vc_add_param('vc_tabs', array('type' => 'dropdown', 'heading' => __('Position', 'porto'), 'param_name' => 'position', 'value' => porto_vc_commons('tabs'), 'description' => __('Select the position of the tab header.', 'porto'), 'group' => $section_group, 'admin_label' => true));
        vc_add_param('vc_tabs', array('type' => 'dropdown', 'heading' => __('Skin Color', 'porto'), 'param_name' => 'skin', 'std' => 'custom', 'value' => porto_vc_commons('colors'), 'group' => $section_group, 'admin_label' => true));
        vc_add_param('vc_tabs', array('type' => 'colorpicker', 'heading' => __('Color', 'porto'), 'param_name' => 'color', 'dependency' => array('element' => 'skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_tabs', array('type' => 'dropdown', 'heading' => __('Type', 'porto'), 'param_name' => 'type', 'value' => porto_vc_commons('tabs_type'), 'group' => $section_group, 'admin_label' => true));
        vc_add_param('vc_tabs', array('type' => 'dropdown', 'heading' => __('Icon Style', 'porto'), 'param_name' => 'icon_style', 'value' => porto_vc_commons('tabs_icon_style'), 'admin_label' => true, 'dependency' => array('element' => 'type', 'value' => array('tabs-simple')), 'group' => $section_group));
        vc_add_param('vc_tabs', array('type' => 'dropdown', 'heading' => __('Icon Effect', 'porto'), 'param_name' => 'icon_effect', 'value' => porto_vc_commons('tabs_icon_effect'), 'group' => $section_group, 'admin_label' => true, 'dependency' => array('element' => 'type', 'value' => array('tabs-simple'))));
        vc_add_param('vc_tab', array('type' => 'checkbox', 'heading' => __('Show Icon', 'porto'), 'param_name' => 'show_icon', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group));
        vc_add_param('vc_tab', array('type' => 'dropdown', 'heading' => __('Icon library', 'js_composer'), 'value' => array(__('Font Awesome', 'porto') => 'fontawesome', __('Simple Line Icon', 'porto') => 'simpleline'), 'param_name' => 'icon_type', 'dependency' => array('element' => 'show_icon', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_tab', array('type' => 'iconpicker', 'heading' => __('Select Icon', 'porto'), 'param_name' => 'icon', 'dependency' => array('element' => 'icon_type', 'value' => 'fontawesome'), 'group' => $section_group));
        vc_add_param('vc_tab', array('type' => 'iconpicker', 'heading' => __('Select Icon', 'porto'), 'param_name' => 'icon_simpleline', 'value' => '', 'settings' => array('type' => 'simpleline', 'iconsPerPage' => 4000), 'dependency' => array('element' => 'icon_type', 'value' => 'simpleline'), 'group' => $section_group));
        vc_add_param('vc_tab', array('type' => 'label', 'heading' => __('Please configure the following options when Tabs Type is Simple.', 'porto'), 'param_name' => 'label', 'group' => $section_group));
        vc_add_param('vc_tab', array('type' => 'dropdown', 'heading' => __('Icon Skin Color', 'porto'), 'param_name' => 'icon_skin', 'std' => 'custom', 'value' => porto_vc_commons('colors'), 'dependency' => array('element' => 'show_icon', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_tab', array('type' => 'colorpicker', 'heading' => __('Icon Color', 'porto'), 'param_name' => 'icon_color', 'dependency' => array('element' => 'icon_skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_tab', array('type' => 'colorpicker', 'heading' => __('Icon Background Color', 'porto'), 'param_name' => 'icon_bg_color', 'dependency' => array('element' => 'icon_skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_tab', array('type' => 'colorpicker', 'heading' => __('Icon Border Color', 'porto'), 'param_name' => 'icon_border_color', 'dependency' => array('element' => 'icon_skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_tab', array('type' => 'colorpicker', 'heading' => __('Icon Wrap Border Color', 'porto'), 'param_name' => 'icon_wrap_border_color', 'dependency' => array('element' => 'icon_skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_tab', array('type' => 'colorpicker', 'heading' => __('Icon Box Shadow Color', 'porto'), 'param_name' => 'icon_shadow_color', 'dependency' => array('element' => 'icon_skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_tab', array('type' => 'colorpicker', 'heading' => __('Icon Hover Color', 'porto'), 'param_name' => 'icon_hcolor', 'dependency' => array('element' => 'icon_skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_tab', array('type' => 'colorpicker', 'heading' => __('Icon Hover Background Color', 'porto'), 'param_name' => 'icon_hbg_color', 'dependency' => array('element' => 'icon_skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_tab', array('type' => 'colorpicker', 'heading' => __('Icon Hover Border Color', 'porto'), 'param_name' => 'icon_hborder_color', 'dependency' => array('element' => 'icon_skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_tab', array('type' => 'colorpicker', 'heading' => __('Icon Wrap Hover Border Color', 'porto'), 'param_name' => 'icon_wrap_hborder_color', 'dependency' => array('element' => 'icon_skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_tab', array('type' => 'colorpicker', 'heading' => __('Icon Hover Box Shadow Color', 'porto'), 'param_name' => 'icon_hshadow_color', 'dependency' => array('element' => 'icon_skin', 'value' => array('custom')), 'group' => $section_group));
        /* ---------------------------- */
        /* Customize Tour
           /* ---------------------------- */
        vc_remove_param('vc_tour', 'interval');
        vc_add_param('vc_tour', array('type' => 'dropdown', 'heading' => __('Position', 'porto'), 'param_name' => 'position', 'value' => porto_vc_commons('tour'), 'description' => __('Select the position of the tab header.', 'porto'), 'group' => $section_group, 'admin_label' => true));
        vc_add_param('vc_tour', array('type' => 'dropdown', 'heading' => __('Skin Color', 'porto'), 'param_name' => 'skin', 'std' => 'custom', 'value' => porto_vc_commons('colors'), 'group' => $section_group, 'admin_label' => true));
        vc_add_param('vc_tour', array('type' => 'colorpicker', 'heading' => __('Color', 'porto'), 'param_name' => 'color', 'group' => $section_group, 'dependency' => array('element' => 'skin', 'value' => array('custom'))));
        vc_add_param('vc_tour', array('type' => 'dropdown', 'heading' => __('Type', 'porto'), 'param_name' => 'type', 'value' => porto_vc_commons('tour_type'), 'group' => $section_group, 'admin_label' => true));
        /* ---------------------------- */
        /* Customize Separator
           /* ---------------------------- */
        vc_remove_param('vc_separator', 'style');
        vc_add_param('vc_separator', array('type' => 'dropdown', 'heading' => __('Type', 'porto'), 'param_name' => 'type', 'value' => porto_vc_commons('separator_type'), 'group' => $section_group));
        vc_add_param('vc_separator', array('type' => 'dropdown', 'heading' => __('Style', 'porto'), 'param_name' => 'style', 'value' => porto_vc_commons('separator_style'), 'dependency' => array('element' => 'type', 'value' => array('')), 'group' => $section_group));
        vc_add_param('vc_separator', array('type' => 'attach_image', 'heading' => __('Pattern', 'porto'), 'param_name' => 'pattern', 'dependency' => array('element' => 'style', 'value' => array('pattern')), 'group' => $section_group));
        vc_add_param('vc_separator', array('type' => 'checkbox', 'heading' => __('Show Icon', 'porto'), 'param_name' => 'show_icon', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group));
        vc_add_param('vc_separator', array('type' => 'dropdown', 'heading' => __('Icon library', 'js_composer'), 'value' => array(__('Font Awesome', 'porto') => 'fontawesome', __('Simple Line Icon', 'porto') => 'simpleline'), 'param_name' => 'icon_type', 'dependency' => array('element' => 'show_icon', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_separator', array('type' => 'iconpicker', 'heading' => __('Select Icon', 'porto'), 'param_name' => 'icon', 'dependency' => array('element' => 'icon_type', 'value' => 'fontawesome'), 'group' => $section_group));
        vc_add_param('vc_separator', array('type' => 'iconpicker', 'heading' => __('Select Icon', 'porto'), 'param_name' => 'icon_simpleline', 'value' => '', 'settings' => array('type' => 'simpleline', 'iconsPerPage' => 4000), 'dependency' => array('element' => 'icon_type', 'value' => 'simpleline'), 'group' => $section_group));
        vc_add_param('vc_separator', array('type' => 'dropdown', 'heading' => __('Icon Skin Color', 'porto'), 'param_name' => 'icon_skin', 'std' => 'custom', 'value' => porto_vc_commons('colors'), 'dependency' => array('element' => 'show_icon', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_separator', array('type' => 'colorpicker', 'heading' => __('Icon Color', 'porto'), 'param_name' => 'icon_color', 'dependency' => array('element' => 'icon_skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_separator', array('type' => 'colorpicker', 'heading' => __('Icon Background Color', 'porto'), 'param_name' => 'icon_bg_color', 'dependency' => array('element' => 'icon_skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_separator', array('type' => 'colorpicker', 'heading' => __('Icon Border Color', 'porto'), 'param_name' => 'icon_border_color', 'dependency' => array('element' => 'icon_skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_separator', array('type' => 'colorpicker', 'heading' => __('Icon Wrap Border Color', 'porto'), 'param_name' => 'icon_wrap_border_color', 'dependency' => array('element' => 'icon_skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_separator', array('type' => 'dropdown', 'heading' => __('Icon Style', 'porto'), 'param_name' => 'icon_style', 'value' => porto_vc_commons('separator_icon_style'), 'dependency' => array('element' => 'show_icon', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_separator', array('type' => 'dropdown', 'heading' => __('Icon Position', 'porto'), 'param_name' => 'icon_pos', 'value' => porto_vc_commons('separator_icon_pos'), 'dependency' => array('element' => 'show_icon', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_separator', array('type' => 'dropdown', 'heading' => __('Icon Size', 'porto'), 'param_name' => 'icon_size', 'value' => porto_vc_commons('separator_icon_size'), 'dependency' => array('element' => 'show_icon', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_separator', array('type' => 'dropdown', 'heading' => __('Gap Size', 'porto'), 'param_name' => 'gap', 'value' => porto_vc_commons('separator'), 'group' => $section_group));
        /* ---------------------------- */
        /* Customize Text Separator
           /* ---------------------------- */
        vc_remove_param('vc_text_separator', 'style');
        vc_add_param('vc_text_separator', array('type' => 'dropdown', 'heading' => __('Style', 'porto'), 'param_name' => 'style', 'value' => porto_vc_commons('separator_style'), 'group' => $section_group));
        vc_add_param('vc_text_separator', array('type' => 'attach_image', 'heading' => __('Pattern', 'porto'), 'param_name' => 'pattern', 'dependency' => array('element' => 'style', 'value' => array('pattern')), 'group' => $section_group));
        vc_add_param('vc_text_separator', array('type' => 'dropdown', 'heading' => __('Element Tag', 'porto'), 'param_name' => 'element', 'std' => 'h4', 'value' => porto_vc_commons('separator_elements'), 'group' => $section_group));
        /* ---------------------------- */
        /* Customize Accordion, Accordion Tab
           /* ---------------------------- */
        vc_remove_param('vc_accordion', 'disable_keyboard');
        vc_add_param('vc_accordion', array('type' => 'dropdown', 'heading' => __('Type', 'porto'), 'param_name' => 'type', 'value' => porto_vc_commons('accordion'), 'group' => $section_group));
        vc_add_param('vc_accordion', array('type' => 'dropdown', 'heading' => __('Size', 'porto'), 'param_name' => 'size', 'value' => porto_vc_commons('accordion_size'), 'group' => $section_group));
        vc_add_param('vc_accordion', array('type' => 'dropdown', 'heading' => __('Skin Color', 'porto'), 'param_name' => 'skin', 'std' => 'custom', 'value' => porto_vc_commons('colors'), 'admin_label' => true, 'dependency' => array('element' => 'type', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_accordion', array('type' => 'colorpicker', 'heading' => __('Heading Color', 'porto'), 'param_name' => 'heading_color', 'dependency' => array('element' => 'skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_accordion', array('type' => 'colorpicker', 'heading' => __('Heading Background Color', 'porto'), 'param_name' => 'heading_bg_color', 'dependency' => array('element' => 'skin', 'value' => array('custom')), 'group' => $section_group));
        vc_add_param('vc_accordion_tab', array('type' => 'checkbox', 'heading' => __('Show Icon', 'porto'), 'param_name' => 'show_icon', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group));
        vc_add_param('vc_accordion_tab', array('type' => 'dropdown', 'heading' => __('Icon library', 'js_composer'), 'value' => array(__('Font Awesome', 'porto') => 'fontawesome', __('Simple Line Icon', 'porto') => 'simpleline'), 'param_name' => 'icon_type', 'dependency' => array('element' => 'show_icon', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_accordion_tab', array('type' => 'iconpicker', 'heading' => __('Select Icon', 'porto'), 'param_name' => 'icon', 'dependency' => array('element' => 'icon_type', 'value' => 'fontawesome'), 'group' => $section_group));
        vc_add_param('vc_accordion_tab', array('type' => 'iconpicker', 'heading' => __('Select Icon', 'porto'), 'param_name' => 'icon_simpleline', 'value' => '', 'settings' => array('type' => 'simpleline', 'iconsPerPage' => 4000), 'dependency' => array('element' => 'icon_type', 'value' => 'simpleline'), 'group' => $section_group));
        /* ---------------------------- */
        /* Customize Toggle
           /* ---------------------------- */
        vc_remove_param('vc_toggle', 'style');
        vc_remove_param('vc_toggle', 'color');
        vc_remove_param('vc_toggle', 'size');
        vc_add_param('vc_toggle', array('type' => 'checkbox', 'heading' => __('Show Icon', 'porto'), 'param_name' => 'show_icon', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group));
        vc_add_param('vc_toggle', array('type' => 'dropdown', 'heading' => __('Icon library', 'js_composer'), 'value' => array(__('Font Awesome', 'porto') => 'fontawesome', __('Simple Line Icon', 'porto') => 'simpleline'), 'param_name' => 'icon_type', 'dependency' => array('element' => 'show_icon', 'not_empty' => true), 'group' => $section_group));
        vc_add_param('vc_toggle', array('type' => 'iconpicker', 'heading' => __('Select Icon', 'porto'), 'param_name' => 'icon', 'dependency' => array('element' => 'icon_type', 'value' => 'fontawesome'), 'group' => $section_group));
        vc_add_param('vc_toggle', array('type' => 'iconpicker', 'heading' => __('Select Icon', 'porto'), 'param_name' => 'icon_simpleline', 'value' => '', 'settings' => array('type' => 'simpleline', 'iconsPerPage' => 4000), 'dependency' => array('element' => 'icon_type', 'value' => 'simpleline'), 'group' => $section_group));
        /* ---------------------------- */
        /* Customize Buttons
           /* ---------------------------- */
        vc_add_param('vc_button', array('type' => 'checkbox', 'heading' => __('Disable', 'porto'), 'param_name' => 'disabled', 'value' => array(__('Disable button.', 'porto') => 'yes'), 'group' => $section_group));
        vc_add_param('vc_button', array('type' => 'checkbox', 'heading' => __('Show as Label', 'porto'), 'param_name' => 'label', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group));
        vc_add_param('vc_btn', array('type' => 'dropdown', 'heading' => __('Skin Color', 'porto'), 'param_name' => 'skin', 'std' => 'custom', 'value' => porto_vc_commons('colors'), 'group' => $section_group));
        vc_add_param('vc_btn', array('type' => 'dropdown', 'heading' => __('Color Scale', 'porto'), 'param_name' => 'scale', 'std' => '', 'value' => array(__('Default', 'porto') => '', __('Scale 2', 'porto') => 'scale-2'), 'group' => $section_group));
        vc_add_param('vc_btn', array('type' => 'dropdown', 'heading' => __('Contextual Classes', 'porto'), 'param_name' => 'contextual', 'value' => porto_vc_commons('contextual'), 'group' => $section_group));
        vc_add_param('vc_btn', array('type' => 'checkbox', 'heading' => __('Show as Label', 'porto'), 'param_name' => 'label', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group));
        /* ---------------------------- */
        /* Add Single Image Parameters
           /* ---------------------------- */
        vc_add_param('vc_single_image', array('type' => 'label', 'heading' => __('Please select "On click action" as "Link to Large Image" in "Design Section" before configure.', 'porto'), 'param_name' => 'label', 'group' => $section_group));
        vc_add_param('vc_single_image', array('type' => 'checkbox', 'heading' => __('LightBox', 'porto'), 'param_name' => 'lightbox', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'description' => __('Check it if you want to link to the lightbox with the large image.', 'porto'), 'group' => $section_group));
        vc_add_param('vc_single_image', array('type' => 'checkbox', 'heading' => __('Show as Image Gallery', 'porto'), 'param_name' => 'image_gallery', 'description' => __('Show all the images inside of same row.', 'porto'), 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group));
        vc_add_param('vc_single_image', array('type' => 'checkbox', 'heading' => __('Show Zoom Icon', 'porto'), 'param_name' => 'zoom_icon', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group));
        vc_add_param('vc_single_image', array('type' => 'checkbox', 'heading' => __('Show Hover Effect', 'porto'), 'param_name' => 'hover_effect', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group));
        /* ---------------------------- */
        /* Customize Progress Bar
           /* ---------------------------- */
        vc_add_param('vc_progress_bar', array('type' => 'dropdown', 'heading' => __('Contextual Classes', 'porto'), 'param_name' => 'contextual', 'value' => porto_vc_commons('contextual'), 'admin_label' => true, 'group' => $section_group));
        vc_add_param('vc_progress_bar', array('type' => 'checkbox', 'heading' => __('Enable Waypoints Animation', 'porto'), 'param_name' => 'animation', 'std' => 'yes', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group));
        vc_add_param('vc_progress_bar', array('type' => 'checkbox', 'heading' => __('Show Percentage as Tooltip', 'porto'), 'param_name' => 'tooltip', 'std' => 'yes', 'value' => array(__('Yes, please', 'js_composer') => 'yes'), 'group' => $section_group));
        vc_add_param('vc_progress_bar', array('type' => 'dropdown', 'heading' => __('Border Radius', 'porto'), 'param_name' => 'border_radius', 'value' => porto_vc_commons('progress_border_radius'), 'group' => $section_group));
        vc_add_param('vc_progress_bar', array('type' => 'dropdown', 'heading' => __('Size', 'porto'), 'param_name' => 'size', 'value' => porto_vc_commons('progress_size'), 'group' => $section_group));
        vc_add_param('vc_progress_bar', array('type' => 'textfield', 'heading' => __('Min Width', 'porto'), 'description' => 'ex: 2em or 30px, etc', 'param_name' => 'min_width', 'group' => $section_group));
        /* ---------------------------- */
        /* Customize Pie Chart
           /* ---------------------------- */
        vc_remove_param('vc_pie', 'color');
        // Used in 'Button', 'Call __( 'Blue', 'js_composer' )to Action', 'Pie chart' blocks
        $colors_arr = array(__('Grey', 'js_composer') => 'wpb_button', __('Blue', 'js_composer') => 'btn-primary', __('Turquoise', 'js_composer') => 'btn-info', __('Green', 'js_composer') => 'btn-success', __('Orange', 'js_composer') => 'btn-warning', __('Red', 'js_composer') => 'btn-danger', __('Black', 'js_composer') => 'btn-inverse');
        vc_add_param('vc_pie', array('type' => 'dropdown', 'heading' => __('Type', 'porto'), 'param_name' => 'type', 'std' => 'custom', 'value' => array(__('Porto Circular Bar', 'porto') => 'custom', __('VC Pie Chart', 'porto') => 'default'), 'description' => __('Select pie chart type.', 'porto'), 'admin_label' => true, 'group' => $section_group));
        vc_add_param('vc_pie', array('type' => 'dropdown', 'heading' => __('Bar color', 'porto'), 'param_name' => 'color', 'value' => $colors_arr, 'description' => __('Select pie chart color.', 'js_composer'), 'dependency' => array('element' => 'type', 'value' => array('default')), 'param_holder_class' => 'vc_colored-dropdown', 'group' => $section_group));
        vc_add_param('vc_pie', array('type' => 'dropdown', 'heading' => __('View Type', 'porto'), 'param_name' => 'view', 'dependency' => array('element' => 'type', 'value' => array('custom')), 'value' => porto_vc_commons('circular_view_type'), 'group' => $section_group));
        vc_add_param('vc_pie', array('type' => 'iconpicker', 'heading' => __('Select FontAwesome Icon', 'porto'), 'param_name' => 'icon', 'dependency' => array('element' => 'view', 'value' => array('only-icon')), 'group' => $section_group));
        vc_add_param('vc_pie', array('type' => 'colorpicker', 'heading' => __('Icon Color', 'porto'), 'param_name' => 'icon_color', 'dependency' => array('element' => 'view', 'value' => array('only-icon')), 'group' => $section_group));
        vc_add_param('vc_pie', array('type' => 'dropdown', 'heading' => __('View Size', 'porto'), 'param_name' => 'view_size', 'dependency' => array('element' => 'type', 'value' => array('custom')), 'value' => porto_vc_commons('circular_view_size'), 'group' => $section_group));
        vc_add_param('vc_pie', array('type' => 'textfield', 'heading' => __('Bar Size', 'porto'), 'param_name' => 'size', 'std' => 175, 'dependency' => array('element' => 'type', 'value' => array('custom')), 'description' => __('Enter the size of the chart in px.', 'porto'), 'group' => $section_group));
        vc_add_param('vc_pie', array('type' => 'colorpicker', 'heading' => __('Track Color', 'porto'), 'param_name' => 'trackcolor', 'std' => $dark ? '#2e353e' : '#eeeeee', 'dependency' => array('element' => 'type', 'value' => array('custom')), 'description' => __('Choose the color of the track. Please clear this if you want to use the default color.', 'porto'), 'group' => $section_group));
        vc_add_param('vc_pie', array('type' => 'colorpicker', 'heading' => __('Bar color', 'porto'), 'param_name' => 'barcolor', 'dependency' => array('element' => 'type', 'value' => array('custom')), 'description' => __('Select pie chart color. Please clear this if you want to use the default color.', 'porto'), 'group' => $section_group));
        vc_add_param('vc_pie', array('type' => 'colorpicker', 'heading' => __('Scale color', 'porto'), 'param_name' => 'scalecolor', 'dependency' => array('element' => 'type', 'value' => array('custom')), 'description' => __('Choose the color of the scale. Please clear this if you want to hide the scale.', 'porto'), 'group' => $section_group));
        vc_add_param('vc_pie', array('type' => 'textfield', 'heading' => __('Animation Speed', 'porto'), 'param_name' => 'speed', 'std' => 2500, 'dependency' => array('element' => 'type', 'value' => array('custom')), 'description' => __('Enter the animation speed in milliseconds.', 'porto'), 'group' => $section_group));
        vc_add_param('vc_pie', array('type' => 'textfield', 'heading' => __('Line Width', 'porto'), 'param_name' => 'line', 'std' => 14, 'dependency' => array('element' => 'type', 'value' => array('custom')), 'description' => __('Enter the width of the line bar in px.', 'porto'), 'group' => $section_group));
        vc_add_param('vc_pie', array('type' => 'dropdown', 'heading' => __('Line Cap', 'porto'), 'param_name' => 'linecap', 'std' => 'round', 'value' => array(__('Round', 'porto') => 'round', __('Square', 'porto') => 'square'), 'dependency' => array('element' => 'type', 'value' => array('custom')), 'description' => __('Choose how the ending of the bar line looks like.', 'porto'), 'group' => $section_group));
    }
}
Example #3
0
    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="pingback" href="<?php 
bloginfo('pingback_url');
?>
" />

    <?php 
get_template_part('head');
?>
</head>
<?php 
global $porto_settings, $porto_design;
$wrapper = porto_get_wrapper_type();
$body_class = $wrapper;
$body_class .= ' blog-' . get_current_blog_id();
$body_class .= porto_is_dark_skin() ? ' dark' : '';
$header_type = porto_get_header_type();
if ($header_type == 'side') {
    $body_class .= ' body-side';
}
$loading_overlay = porto_get_meta_value('loading_overlay');
$showing_overlay = false;
if ('no' !== $loading_overlay && ('yes' === $loading_overlay || 'yes' !== $loading_overlay && $porto_settings['show-loading-overlay'])) {
    $showing_overlay = true;
    $body_class .= ' loading-overlay-showing';
}
?>
<body <?php 
body_class(array($body_class));
echo $showing_overlay ? 'data-loading-overlay' : '';
?>