Your IP : 216.73.216.138
<?php
function pp_row_register_settings( $extensions ) {
// if ( array_key_exists( 'gradient', $extensions['row'] ) || in_array( 'gradient', $extensions['row'] ) ) {
// add_filter( 'fl_builder_register_settings_form', 'pp_row_gradient', 10, 2 );
// }
if ( array_key_exists( 'overlay', $extensions['row'] ) || in_array( 'overlay', $extensions['row'] ) ) {
add_filter( 'fl_builder_register_settings_form', 'pp_row_overlay', 10, 2 );
}
if ( ( array_key_exists( 'separators', $extensions['row'] ) || in_array( 'separators', $extensions['row'] ) )
|| ( array_key_exists( 'expandable', $extensions['row'] ) || in_array( 'expandable', $extensions['row'] ) )
|| ( array_key_exists( 'downarrow', $extensions['row'] ) || in_array( 'downarrow', $extensions['row'] ) )
|| ( array_key_exists( 'animated_bg', $extensions['row'] ) || in_array( 'animated_bg', $extensions['row'] ) ) )
{
add_filter( 'fl_builder_register_settings_form', 'pp_row_settings_tab', 10, 2 );
}
if ( array_key_exists( 'separators', $extensions['row'] ) || in_array( 'separators', $extensions['row'] ) ) {
add_filter( 'pp_row_settings_tab_sections', 'pp_row_separators' );
}
if ( array_key_exists( 'expandable', $extensions['row'] ) || in_array( 'expandable', $extensions['row'] ) ) {
add_filter( 'pp_row_settings_tab_sections', 'pp_row_expandable' );
}
if ( array_key_exists( 'downarrow', $extensions['row'] ) || in_array( 'downarrow', $extensions['row'] ) ) {
add_filter( 'pp_row_settings_tab_sections', 'pp_row_downarrow' );
}
if ( array_key_exists( 'background_effect', $extensions['row'] ) || in_array( 'background_effect', $extensions['row'] ) ) {
add_filter( 'fl_builder_register_settings_form', 'pp_background_toggle', 10, 2 );
}
}
function pp_row_fallback_settings( $nodes ) {
// Loop through the nodes.
foreach ( $nodes as $node_id => $node ) {
// Update row settings.
if ( 'row' === $node->type ) {
// Gradient Background Color.
if ( isset( $node->settings->bg_type ) && 'pp_gradient' == $node->settings->bg_type ) {
if ( isset( $node->settings->bg_gradient ) ) {
$gradient = array(
'type' => 'linear',
'stops' => array(0, 100),
'position' => 'center top'
);
// Check gradient type.
if ( isset( $node->settings->gradient_type ) ) {
$gradient['type'] = $node->settings->gradient_type;
}
// Check gradient color.
if ( isset( $node->settings->gradient_color ) && is_array( $node->settings->gradient_color ) ) {
$gradient['colors'][0] = ( isset( $node->settings->gradient_color['primary'] ) ) ? $node->settings->gradient_color['primary'] : '';
$gradient['colors'][1] = ( isset( $node->settings->gradient_color['secondary'] ) ) ? $node->settings->gradient_color['secondary'] : '';
}
// Check gradient direction.
if ( 'linear' == $gradient['type'] && isset( $node->settings->linear_direction ) ) {
$direction = $node->settings->linear_direction;
$angle = 90;
// Top to Bottom.
if ( 'bottom' == $direction ) {
$angle = 180;
}
// Left to Right.
if ( 'right' == $direction ) {
$angle = 90;
}
// Bottom Left to Top Right.
if ( 'top_right_diagonal' == $direction ) {
$angle = 45;
}
// Bottom Right to Top Left.
if ( 'top_left_diagonal' == $direction ) {
$angle = 315;
}
// Top Left to Bottom Right.
if ( 'bottom_right_diagonal' == $direction ) {
$angle = 135;
}
// Top Right to Bottom Left.
if ( 'bottom_left_diagonal' == $direction ) {
$angle = 225;
}
$gradient['angle'] = $angle;
}
$node->settings->bg_type = 'gradient';
$node->settings->bg_gradient = $gradient;
}
}
// Check for the old setting to update.
if ( isset( $node->settings->pp_bg_overlay_type ) ) {
// Check for PP gradient setting and assign the values to
// BB's gradient overlay field.
if ( 'gradient' === $node->settings->pp_bg_overlay_type ) {
// Assign overlay type gradient.
if ( isset( $node->settings->bg_overlay_type ) ) {
$node->settings->bg_overlay_type = 'gradient';
}
// Assign PP's gradient field values to BB's gradient field.
if ( isset( $node->settings->bg_overlay_gradient ) ) {
$gradient = array(
'type' => 'linear',
'stops' => array(0, 100)
);
// Color 1 - "Overlay Color" - This is BB's field that we had used for Color 1.
if ( isset( $node->settings->bg_overlay_color ) ) {
$gradient['colors'][0] = $node->settings->bg_overlay_color;
}
// Color 2 - "Overlay Color 2" - This was PP's field used for Color 2.
if ( isset( $node->settings->pp_bg_overlay_color_2 ) ) {
$color_2 = $node->settings->pp_bg_overlay_color_2;
if ( isset( $node->settings->bg_overlay_opacity ) ) {
$opacity = ! empty( $node->settings->bg_overlay_opacity ) ? ( $node->settings->bg_overlay_opacity / 100 ) : 1;
$color_2 = pp_hex2rgba( $color_2, $opacity );
}
// Parse opacity from Color 1 in case bg_overlay_opacity is not available.
elseif ( isset( $node->settings->bg_overlay_color ) && ! empty( $node->settings->bg_overlay_color ) ) {
$color_1 = $node->settings->bg_overlay_color;
if ( false !== strpos( $color_1, 'rgba' ) ) {
$color_1_value = str_replace( 'rgba(', '', $color_1 );
$color_1_value = str_replace( ')', '', $color_1 );
$color_1_opacity = explode( ',', $color_1_value );
$color_2 = pp_hex2rgba( $color_2, trim( $color_1_opacity[3] ) );
}
}
$gradient['colors'][1] = $color_2;
}
// PP's Gradient Direction.
if ( isset( $node->settings->pp_bg_overlay_direction ) ) {
$direction = $node->settings->pp_bg_overlay_direction;
$angle = 90;
// Top to Bottom.
if ( 'bottom' == $direction ) {
$angle = 180;
}
// Left to Right.
if ( 'right' == $direction ) {
$angle = 90;
}
// Bottom Left to Top Right.
if ( 'top_right_diagonal' == $direction ) {
$angle = 45;
}
// Bottom Right to Top Left.
if ( 'top_left_diagonal' == $direction ) {
$angle = 315;
}
// Top Left to Bottom Right.
if ( 'bottom_right_diagonal' == $direction ) {
$angle = 135;
}
// Top Right to Bottom Left.
if ( 'bottom_left_diagonal' == $direction ) {
$angle = 225;
}
$gradient['angle'] = $angle;
}
$node->settings->bg_overlay_gradient = $gradient;
}
unset( $node->settings->pp_bg_overlay_type );
}
// Change an old setting to a new setting.
//$node->settings->new_setting = $node->settings->old_setting;
// Make sure to unset the old setting so this doesn't run again.
//unset( $node->settings->old_setting );
}
// Expandable row
if ( isset( $node->settings->er_title_color ) && is_array( $node->settings->er_title_color ) ) {
if ( isset( $node->settings->er_title_color['primary'] ) ) {
$node->settings->er_title_color_normal = $node->settings->er_title_color['primary'];
}
if ( isset( $node->settings->er_title_color['secondary'] ) ) {
$node->settings->er_title_color_hover = $node->settings->er_title_color['secondary'];
}
unset( $node->settings->er_title_color );
}
if ( isset( $node->settings->er_arrow_color ) && is_array( $node->settings->er_arrow_color ) ) {
if ( isset( $node->settings->er_arrow_color['primary'] ) ) {
$node->settings->er_arrow_color_normal = $node->settings->er_arrow_color['primary'];
}
if ( isset( $node->settings->er_arrow_color['secondary'] ) ) {
$node->settings->er_arrow_color_hover = $node->settings->er_arrow_color['secondary'];
}
unset( $node->settings->er_arrow_color );
}
if ( isset( $node->settings->er_arrow_bg ) && is_array( $node->settings->er_arrow_bg ) ) {
if ( isset( $node->settings->er_arrow_bg['primary'] ) ) {
$node->settings->er_arrow_bg_normal = $node->settings->er_arrow_bg['primary'];
}
if ( isset( $node->settings->er_arrow_bg['secondary'] ) ) {
$node->settings->er_arrow_bg_hover = $node->settings->er_arrow_bg['secondary'];
}
unset( $node->settings->er_arrow_bg );
}
if ( isset( $node->settings->er_arrow_border_color ) && is_array( $node->settings->er_arrow_border_color ) ) {
$node->settings->er_arrow_border_hover = $node->settings->er_arrow_border_color['secondary'];
}
if ( isset( $node->settings->er_arrow_border ) ) {
$node->settings->er_arrow_border_style = 'solid';
}
$node->settings = PP_Module_Fields::handle_border_field(
$node->settings,
array(
'er_arrow_border' => array(
'type' => 'width',
),
'er_arrow_border_style' => array(
'type' => 'style',
),
'er_arrow_border_color' => array(
'type' => 'color',
),
'er_arrow_radius' => array(
'type' => 'radius',
),
),
'er_arrow_border_group'
);
$node->settings = PP_Module_Fields::handle_multitext_field(
$node->settings,
'er_arrow_padding_all',
'padding',
'er_arrow_padding'
);
// Down Arrow
if ( isset( $node->settings->da_arrow_color ) && is_array( $node->settings->da_arrow_color ) ) {
if ( isset( $node->settings->da_arrow_color['primary'] ) ) {
$node->settings->da_arrow_color_normal = $node->settings->da_arrow_color['primary'];
}
if ( isset( $node->settings->da_arrow_color['secondary'] ) ) {
$node->settings->da_arrow_color_hover = $node->settings->da_arrow_color['secondary'];
}
unset( $node->settings->da_arrow_color );
}
if ( isset( $node->settings->da_arrow_bg ) && is_array( $node->settings->da_arrow_bg ) ) {
if ( isset( $node->settings->da_arrow_bg['primary'] ) ) {
$node->settings->da_arrow_bg_normal = $node->settings->da_arrow_bg['primary'];
}
if ( isset( $node->settings->da_arrow_bg['secondary'] ) ) {
$node->settings->da_arrow_bg_hover = $node->settings->da_arrow_bg['secondary'];
}
unset( $node->settings->da_arrow_bg );
}
// Down arrow border
if ( isset( $node->settings->da_arrow_border_color ) && is_array( $node->settings->da_arrow_border_color ) ) {
$node->settings->da_arrow_border_hover = $node->settings->da_arrow_border_color['secondary'];
}
if ( isset( $node->settings->da_arrow_border ) ) {
$node->settings->da_arrow_border_style = 'solid';
}
$node->settings = PP_Module_Fields::handle_border_field(
$node->settings,
array(
'da_arrow_border' => array(
'type' => 'width',
),
'da_arrow_border_style' => array(
'type' => 'style',
),
'da_arrow_border_color' => array(
'type' => 'color',
),
'da_arrow_radius' => array(
'type' => 'radius',
),
),
'da_arrow_border_group'
);
// Save the update settings.
$nodes[ $node_id ]->settings = $node->settings;
}
}
return $nodes;
}
add_filter( 'fl_builder_get_layout_metadata', 'pp_row_fallback_settings' );
/** Gradient */
function pp_row_gradient( $form, $id ) {
if ( 'row' != $id ) {
return $form;
}
//$border_section = $form['tabs']['style']['sections']['border'];
//unset( $form['tabs']['style']['sections']['border'] );
$form['tabs']['style']['sections']['background']['fields']['bg_type']['options']['pp_gradient'] = __('Gradient', 'bb-powerpack');
$form['tabs']['style']['sections']['background']['fields']['bg_type']['toggle']['pp_gradient'] = array(
'sections' => array('pp_row_gradient')
);
$form['tabs']['style']['sections']['pp_row_gradient'] = array(
'title' => __('Gradient', 'bb-powerpack'),
'fields' => array(
'gradient_type' => array(
'type' => 'pp-switch',
'label' => __('Gradient Type', 'bb-powerpack'),
'default' => 'linear',
'options' => array(
'linear' => __('Linear', 'bb-powerpack'),
'radial' => __('Radial', 'bb-powerpack'),
),
'toggle' => array(
'linear' => array(
'fields' => array('linear_direction')
),
),
),
'gradient_color' => array(
'type' => 'pp-color',
'label' => __('Colors', 'bb-powerpack'),
'show_reset' => true,
'default' => array(
'primary' => 'd81660',
'secondary' => '7d22bd',
),
'options' => array(
'primary' => __('Primary', 'bb-powerpack'),
'secondary' => __('Secondary', 'bb-powerpack'),
),
),
'linear_direction' => array(
'type' => 'select',
'label' => __('Gradient Direction', 'bb-powerpack'),
'default' => 'bottom',
'options' => array(
'bottom' => __('Top to Bottom', 'bb-powerpack'),
'right' => __('Left to Right', 'bb-powerpack'),
'top_right_diagonal' => __('Bottom Left to Top Right', 'bb-powerpack'),
'top_left_diagonal' => __('Bottom Right to Top Left', 'bb-powerpack'),
'bottom_right_diagonal' => __('Top Left to Bottom Right', 'bb-powerpack'),
'bottom_left_diagonal' => __('Top Right to Bottom Left', 'bb-powerpack'),
),
),
)
);
//$form['tabs']['style']['sections']['border'] = $border_section;
return $form;
}
/** Background overlay */
function pp_row_overlay( $form, $id ) {
if ( 'row' != $id ) {
return $form;
}
$bg_overlay_color = $form['tabs']['style']['sections']['bg_overlay']['fields']['bg_overlay_color'];
$bg_overlay_opacity = false;
if ( isset( $form['tabs']['style']['sections']['bg_overlay']['fields']['bg_overlay_opacity'] ) ) {
$bg_overlay_opacity = $form['tabs']['style']['sections']['bg_overlay']['fields']['bg_overlay_opacity'];
}
unset($form['tabs']['style']['sections']['bg_overlay']['fields']['bg_overlay_color']);
if ( $bg_overlay_opacity ) {
unset($form['tabs']['style']['sections']['bg_overlay']['fields']['bg_overlay_opacity']);
}
if ( isset( $form['tabs']['style']['sections']['bg_overlay']['fields']['bg_overlay_type'] ) ) {
$form['tabs']['style']['sections']['bg_overlay']['fields']['bg_overlay_type']['toggle']['color']['fields'][] = 'pp_bg_overlay_type';
}
$form['tabs']['style']['sections']['bg_overlay']['fields']['pp_bg_overlay_type'] = array(
'type' => 'select',
'label' => sprintf(__('Overlay Style (%s)', 'bb-powerpack'), pp_get_admin_label()),
'default' => 'full_width',
'options' => array(
'full_width' => __('Full', 'bb-powerpack'),
'half_width' => __('Half Overlay - Left', 'bb-powerpack'),
'half_right' => __('Half Overlay - Right', 'bb-powerpack'),
'vertical_left' => __('Vertical Angled Left*', 'bb-powerpack'),
'vertical_right' => __('Vertical Angled Right*', 'bb-powerpack'),
//'gradient' => __('Gradient', 'bb-powerpack')
),
'toggle' => array(
'gradient' => array(
'fields' => array('pp_bg_overlay_color_2', 'pp_bg_overlay_direction')
)
),
'help' => __('* Vertical Angled Left and Vertical Angled Right will not work with Gradient overlay.', 'bb-powerpack')
);
$form['tabs']['style']['sections']['bg_overlay']['fields']['bg_overlay_color'] = $bg_overlay_color;
// $form['tabs']['style']['sections']['bg_overlay']['fields']['pp_bg_overlay_color_2'] = array(
// 'type' => 'color',
// 'label' => __('Overlay Color 2', 'bb-powerpack'),
// 'default' => '',
// 'show_reset' => true,
// 'preview' => array(
// 'type' => 'none',
// ),
// );
// $form['tabs']['style']['sections']['bg_overlay']['fields']['pp_bg_overlay_direction'] = array(
// 'type' => 'select',
// 'label' => __('Gradient Direction', 'bb-powerpack'),
// 'default' => 'bottom',
// 'options' => array(
// 'bottom' => __('Top to Bottom', 'bb-powerpack'),
// 'right' => __('Left to Right', 'bb-powerpack'),
// 'top_right_diagonal' => __('Bottom Left to Top Right', 'bb-powerpack'),
// 'top_left_diagonal' => __('Bottom Right to Top Left', 'bb-powerpack'),
// 'bottom_right_diagonal' => __('Top Left to Bottom Right', 'bb-powerpack'),
// 'bottom_left_diagonal' => __('Top Right to Bottom Left', 'bb-powerpack'),
// ),
// );
if ( $bg_overlay_opacity ) {
$form['tabs']['style']['sections']['bg_overlay']['fields']['bg_overlay_opacity'] = $bg_overlay_opacity;
}
return $form;
}
/** Row settings tab */
function pp_row_settings_tab( $form, $id ) {
if ( 'row' != $id ) {
return $form;
}
$tab_name = pp_get_admin_label();
$advanced = $form['tabs']['advanced'];
unset( $form['tabs']['advanced'] );
$form['tabs']['powerpack'] = array(
'title' => $tab_name,
'sections' => apply_filters( 'pp_row_settings_tab_sections', array() )
);
$form['tabs']['advanced'] = $advanced;
return $form;
}
/** Separators */
function pp_row_separators( $sections ) {
$separators = array(
'pp_separators' => array( /** Separator */
'title' => __('Separators', 'bb-powerpack'),
'collapsed' => false,
'fields' => array(
'enable_separator' => array(
'type' => 'pp-switch',
'label' => __('Enable Separator?', 'bb-powerpack'),
'default' => 'no',
'options' => array(
'yes' => __('Yes', 'bb-powerpack'),
'no' => __('No', 'bb-powerpack')
),
'toggle' => array(
'yes' => array(
'sections' => array('separator_top', 'separator_bottom')
)
)
)
)
),
'separator_top' => array(
'title' => __('Top Separator', 'bb-powerpack'),
'collapsed' => true,
'fields' => array(
'separator_type' => array(
'type' => 'select',
'label' => __('Type', 'bb-powerpack'),
'default' => 'none',
'options' => array(
'none' => __('None', 'bb-powerpack'),
'triangle' => __('Big Triangle', 'bb-powerpack'),
'triangle_shadow' => __('Big Triangle with Shadow', 'bb-powerpack'),
'triangle_left' => __('Big Triangle Left', 'bb-powerpack'),
'triangle_right' => __('Big Triangle Right', 'bb-powerpack'),
'triangle_small' => __('Small Triangle', 'bb-powerpack'),
'tilt_left' => __('Tilt Left', 'bb-powerpack'),
'tilt_right' => __('Tilt Right', 'bb-powerpack'),
'curve' => __('Curve', 'bb-powerpack'),
'twin_curve' => __('Twin Curve', 'bb-powerpack'),
'curve_layers' => __('Curve Layers', 'bb-powerpack'),
'wave' => __('Wave', 'bb-powerpack'),
'cloud' => __('Cloud', 'bb-powerpack'),
'slit' => __('Slit', 'bb-powerpack'),
'water' => __('Water', 'bb-powerpack'),
'zigzag' => __('ZigZag', 'bb-powerpack'),
'mountains' => __( 'Mountains', 'bb-powerpack' ),
),
'toggle' => array(
'triangle_shadow' => array(
'fields' => array('separator_shadow')
)
)
),
'separator_color' => array(
'type' => 'color',
'label' => __('Color', 'bb-powerpack'),
'default' => 'ffffff',
'show_reset' => true,
'show_alpha' => true,
'connections' => array('color'),
'preview' => array(
'type' => 'css',
'selector' => '.pp-row-separator-top svg',
'property' => 'fill'
)
),
'separator_shadow' => array(
'type' => 'color',
'label' => __('Shadow Color', 'bb-powerpack'),
'default' => 'f4f4f4',
'show_reset' => true,
'connections' => array('color'),
'preview' => array(
'type' => 'css',
'selector' => '.pp-row-separator-top svg .pp-shadow-color',
'property' => 'fill'
)
),
'separator_height' => array(
'type' => 'unit',
'label' => __('Size', 'bb-powerpack'),
'default' => 100,
'units' => array( 'px' ),
'preview' => array(
'type' => 'css',
'selector' => '.pp-row-separator-top svg',
'property' => 'height',
'unit' => 'px'
)
),
'separator_position' => array(
'type' => 'pp-switch',
'label' => __('Position', 'bb-powerpack'),
'default' => 'top',
'options' => array(
'top' => __('Top', 'bb-powerpack'),
'bottom' => __('Bottom', 'bb-powerpack')
)
),
'separator_tablet' => array(
'type' => 'pp-switch',
'label' => __('Show on Tablet', 'bb-powerpack'),
'default' => 'no',
'options' => array(
'yes' => __('Yes', 'bb-powerpack'),
'no' => __('No', 'bb-powerpack')
),
'toggle' => array(
'yes' => array(
'fields' => array('separator_height_tablet')
)
)
),
'separator_height_tablet' => array(
'type' => 'unit',
'label' => __('Size', 'bb-powerpack'),
'default' => '',
'units' => array( 'px' ),
),
'separator_mobile' => array(
'type' => 'pp-switch',
'label' => __('Show on Mobile', 'bb-powerpack'),
'default' => 'no',
'options' => array(
'yes' => __('Yes', 'bb-powerpack'),
'no' => __('No', 'bb-powerpack')
),
'toggle' => array(
'yes' => array(
'fields' => array('separator_height_mobile')
)
)
),
'separator_height_mobile' => array(
'type' => 'unit',
'label' => __('Size', 'bb-powerpack'),
'default' => '',
'units' => array( 'px' ),
)
)
),
'separator_bottom' => array(
'title' => __('Bottom Separator', 'bb-powerpack'),
'collapsed' => true,
'fields' => array(
'separator_type_bottom' => array(
'type' => 'select',
'label' => __('Type', 'bb-powerpack'),
'default' => 'none',
'options' => array(
'none' => __('None', 'bb-powerpack'),
'triangle' => __('Big Triangle', 'bb-powerpack'),
'triangle_shadow' => __('Big Triangle with Shadow', 'bb-powerpack'),
'triangle_left' => __('Big Triangle Left', 'bb-powerpack'),
'triangle_right' => __('Big Triangle Right', 'bb-powerpack'),
'triangle_small' => __('Small Triangle', 'bb-powerpack'),
'tilt_left' => __('Tilt Left', 'bb-powerpack'),
'tilt_right' => __('Tilt Right', 'bb-powerpack'),
'curve' => __('Curve', 'bb-powerpack'),
'twin_curves' => __('Twin Curves', 'bb-powerpack'),
'curve_layers' => __('Curve Layers', 'bb-powerpack'),
'wave' => __('Wave', 'bb-powerpack'),
'cloud' => __('Cloud', 'bb-powerpack'),
'slit' => __('Slit', 'bb-powerpack'),
'water' => __('Water', 'bb-powerpack'),
'zigzag' => __('ZigZag', 'bb-powerpack'),
'mountains' => __( 'Mountains', 'bb-powerpack' ),
),
'toggle' => array(
'triangle_shadow' => array(
'fields' => array('separator_shadow_bottom')
)
)
),
'separator_color_bottom' => array(
'type' => 'color',
'label' => __('Color', 'bb-powerpack'),
'default' => 'ffffff',
'show_reset' => true,
'show_alpha' => true,
'connections' => array('color'),
'preview' => array(
'type' => 'css',
'selector' => '.pp-row-separator-bottom svg',
'property' => 'fill'
)
),
'separator_shadow_bottom' => array(
'type' => 'color',
'label' => __('Shadow Color', 'bb-powerpack'),
'default' => 'f4f4f4',
'show_reset' => true,
'connections' => array('color'),
'preview' => array(
'type' => 'css',
'selector' => '.pp-row-separator-bottom svg .pp-shadow-color',
'property' => 'fill'
)
),
'separator_height_bottom' => array(
'type' => 'unit',
'label' => __('Size', 'bb-powerpack'),
'default' => 100,
'units' => array( 'px' ),
'preview' => array(
'type' => 'css',
'selector' => '.pp-row-separator-bottom svg',
'property' => 'height',
'unit' => 'px'
)
),
'separator_tablet_bottom' => array(
'type' => 'pp-switch',
'label' => __('Show on Tablet', 'bb-powerpack'),
'default' => 'no',
'options' => array(
'yes' => __('Yes', 'bb-powerpack'),
'no' => __('No', 'bb-powerpack')
),
'toggle' => array(
'yes' => array(
'fields' => array('separator_height_tablet_bottom')
)
),
'preview' => array(
'type' => 'none'
)
),
'separator_height_tablet_bottom'=> array(
'type' => 'unit',
'label' => __('Size', 'bb-powerpack'),
'default' => '',
'units' => array( 'px' ),
),
'separator_mobile_bottom' => array(
'type' => 'pp-switch',
'label' => __('Show on Mobile', 'bb-powerpack'),
'default' => 'no',
'options' => array(
'yes' => __('Yes', 'bb-powerpack'),
'no' => __('No', 'bb-powerpack')
),
'toggle' => array(
'yes' => array(
'fields' => array('separator_height_mobile_bottom')
)
),
'preview' => array(
'type' => 'none'
)
),
'separator_height_mobile_bottom' => array(
'type' => 'unit',
'label' => __('Size', 'bb-powerpack'),
'default' => '',
'units' => array( 'px' ),
)
)
),
);
return array_merge( $sections, $separators );
}
/** Expandable Row */
function pp_row_expandable( $sections ) {
$data = array(
'enable_expandable' => array(
'title' => __('Expandable Row', 'bb-powerpack'),
'collapsed' => true,
'fields' => array(
'enable_expandable' => array(
'type' => 'pp-switch',
'label' => __('Enable Expandable Row?', 'bb-powerpack'),
'default' => 'no',
'options' => array(
'yes' => __('Yes', 'bb-powerpack'),
'no' => __('No', 'bb-powerpack')
),
'toggle' => array(
'yes' => array(
'sections' => array('er_settings', 'er_title_style', 'er_arrow', 'er_background'),
'fields' => array('er_title', 'er_transition_speed')
)
)
),
)
),
'er_settings' => array(
'title' => __('Expandable Row Settings', 'bb-powerpack'),
'collapsed' => true,
'fields' => array(
'er_title' => array(
'type' => 'text',
'label' => __('Title on Collapse', 'bb-powerpack'),
'default' => __('Click here to expand this row', 'bb-powerpack'),
'connections' => array('string'),
'preview' => array(
'type' => 'text',
'selector' => '.pp-er-title'
)
),
'er_title_e' => array(
'type' => 'text',
'label' => __('Title on Expand', 'bb-powerpack'),
'default' => __('Click here to collapse this row', 'bb-powerpack'),
'connections' => array('string'),
),
'er_transition_speed' => array(
'type' => 'unit',
'label' => __('Transition Speed', 'bb-powerpack'),
'default' => 500,
'units' => array( 'ms' ),
),
'er_default_state' => array(
'type' => 'pp-switch',
'label' => __('Default State', 'bb-powerpack'),
'default' => 'collapsed',
'options' => array(
'collapsed' => __('Collapsed', 'bb-powerpack'),
'expanded' => __('Expanded', 'bb-powerpack')
)
)
)
),
'er_title_style' => array(
'title' => __('Exapandable Title Style', 'bb-powerpack'),
'collapsed' => true,
'fields' => array(
'er_title_font' => array(
'type' => 'font',
'label' => __('Font', 'bb-powerpack'),
'default' => array(
'family' => 'Default',
'weight' => 400
),
'preview' => array(
'type' => 'font',
'selector' => '.pp-er-title'
)
),
'er_title_font_size' => array(
'type' => 'unit',
'label' => __('Font Size', 'bb-powerpack'),
'default' => 18,
'units' => array( 'px' ),
'preview' => array(
'type' => 'css',
'selector' => '.pp-er-title',
'property' => 'font-size',
'unit' => 'px'
)
),
'er_title_case' => array(
'type' => 'select',
'label' => __('Case', 'bb-powerpack'),
'default' => 'default',
'options' => array(
'none' => __('Default', 'bb-powerpack'),
'lowercase' => __('lowercase', 'bb-powerpack'),
'uppercase' => __('UPPERCASE', 'bb-powerpack')
)
),
'er_title_color_normal' => array(
'type' => 'color',
'label' => __( 'Color', 'bb-powerpack' ),
'show_reset' => true,
'connections' => array( 'color' ),
),
'er_title_color_hover' => array(
'type' => 'color',
'label' => __( 'Hover Color', 'bb-powerpack' ),
'show_reset' => true,
'connections' => array( 'color' ),
),
'er_title_margin' => array(
'type' => 'pp-multitext',
'label' => __('Margin', 'bb-powerpack'),
'description' => 'px',
'default' => array(
'bottom' => 0,
'right' => 0,
),
'options' => array(
'bottom' => array(
'placeholder' => __('Bottom', 'bb-powerpack'),
'maxlength' => 3,
'icon' => 'fa-long-arrow-down',
'tooltip' => __('Bottom', 'bb-powerpack'),
'preview' => array(
'selector' => '.pp-er .pp-er-title',
'property' => 'margin-bottom',
'unit' => 'px'
),
),
'right' => array(
'placeholder' => __('Right', 'bb-powerpack'),
'maxlength' => 3,
'icon' => 'fa-long-arrow-right',
'tooltip' => __('Right', 'bb-powerpack'),
'preview' => array(
'selector' => '.pp-er .pp-er-title',
'property' => 'margin-right',
'unit' => 'px'
),
),
)
),
)
),
'er_arrow' => array( // Section
'title' => __('Expandable Arrow Style', 'bb-powerpack'), // Section Title
'collapsed' => true,
'fields' => array( // Section Fields
'er_arrow_pos' => array(
'type' => 'pp-switch',
'label' => __('Position', 'bb-powerpack'),
'default' => 'bottom',
'options' => array(
'bottom' => __('Below Text', 'bb-powerpack'),
'right' => __('Beside Text', 'bb-powerpack')
)
),
'er_arrow_size' => array(
'type' => 'unit',
'label' => __('Size', 'bb-powerpack'),
'default' => 12,
'units' => array( 'px' ),
'preview' => array(
'type' => 'css',
'selector' => '.pp-er-arrow',
'property' => 'font-size',
'unit' => 'px'
)
),
'er_arrow_weight' => array(
'type' => 'pp-switch',
'label' => __('Weight', 'bb-powerpack'),
'default' => 'bold',
'options' => array(
'light' => __('Light', 'bb-powerpack'),
'bold' => __('Bold', 'bb-powerpack')
)
),
'er_arrow_color_normal' => array(
'type' => 'color',
'label' => __( 'Color', 'bb-powerpack' ),
'show_reset' => true,
'connections' => array( 'color' ),
),
'er_arrow_color_hover' => array(
'type' => 'color',
'label' => __( 'Hover Color', 'bb-powerpack' ),
'show_reset' => true,
'connections' => array( 'color' ),
),
'er_arrow_bg_normal' => array(
'type' => 'color',
'label' => __( 'Background Color', 'bb-powerpack' ),
'show_reset' => true,
'connections' => array( 'color' ),
),
'er_arrow_bg_hover' => array(
'type' => 'color',
'label' => __( 'Background Hover Color', 'bb-powerpack' ),
'show_reset' => true,
'connections' => array( 'color' ),
),
'er_arrow_border_group' => array(
'type' => 'border',
'label' => __( 'Border', 'bb-powerpack' ),
'preview' => array(
'type' => 'css',
'selector' => '.pp-er-arrow:before',
)
),
'er_arrow_border_hover' => array(
'type' => 'color',
'label' => __( 'Border Hover Color', 'bb-powerpack' ),
'show_reset' => true,
'connections' => array( 'color' ),
),
'er_arrow_padding' => array(
'type' => 'dimension',
'label' => __( 'Padding', 'bb-powerpack' ),
'units' => array( 'px' ),
'preview' => array(
'type' => 'css',
'selector' => '.pp-er .pp-er-arrow:before',
),
),
)
),
'er_background' => array( // Section
'title' => __('Expandable Background & Padding', 'bb-powerpack'), // Section Title
'collapsed' => true,
'fields' => array( // Section Fields
'er_bg_color' => array(
'type' => 'color',
'label' => __('Color', 'bb-powerpack'),
'default' => '',
'connections' => array('color'),
'preview' => array(
'type' => 'css',
'selector' => '.pp-er-wrap',
'property' => 'background-color'
)
),
'er_bg_opacity' => array(
'type' => 'unit',
'label' => __('Opacity', 'bb-powerpack'),
'default' => 1,
'description' => __('between 0 to 1', 'bb-powerpack'),
),
'er_title_padding' => array(
'type' => 'pp-multitext',
'label' => __('Padding', 'bb-powerpack'),
'default' => array(
'top' => 18,
'bottom' => 18
),
'options' => array(
'top' => array(
'placeholder' => __('Top', 'bb-powerpack'),
'icon' => 'fa-long-arrow-up',
'preview' => array(
'selector' => '.pp-er .pp-er-wrap',
'property' => 'padding-top',
'unit' => 'px'
),
'tooltip' => __('Top', 'bb-powerpack')
),
'bottom' => array(
'placeholder' => __('Bottom', 'bb-powerpack'),
'icon' => 'fa-long-arrow-down',
'preview' => array(
'selector' => '.pp-er .pp-er-wrap',
'property' => 'padding-bottom',
'unit' => 'px'
),
'tooltip' => __('Bottom', 'bb-powerpack')
)
)
)
)
)
);
return array_merge( $sections, $data );
}
/** Down Arrow */
function pp_row_downarrow( $sections ) {
$data = array(
'enable_down_arrow' => array(
'title' => __('Down Arrow', 'bb-powerpack'),
'collapsed' => true,
'fields' => array(
'enable_down_arrow' => array(
'type' => 'pp-switch',
'label' => __('Enable Down Arrow?', 'bb-powerpack'),
'default' => 'no',
'options' => array(
'yes' => __('Yes', 'bb-powerpack'),
'no' => __('No', 'bb-powerpack')
),
'toggle' => array(
'yes' => array(
'sections' => array('da_style'),
'fields' => array('da_transition_speed', 'da_top_offset', 'da_icon_style')
)
)
),
'da_icon_style' => array(
'type' => 'pp-switch',
'label' => __('Style', 'bb-powerpack'),
'default' => 'style-1',
'options' => array(
'style-1' => __('Style 1', 'bb-powerpack'),
'style-2' => __('Style 2', 'bb-powerpack'),
),
'toggle' => array(
'style-1' => array(
'fields' => array('da_arrow_weight', 'da_arrow_padding', 'da_animation')
)
)
),
'da_transition_speed' => array(
'type' => 'unit',
'label' => __('Transition Speed', 'bb-powerpack'),
'default' => 500,
'units' => array('ms'),
),
'da_top_offset' => array(
'type' => 'unit',
'label' => __('Top Offset', 'bb-powerpack'),
'default' => 0,
'units' => array('px'),
'help' => __('If your theme uses a sticky header, then please enter the header height in px (numbers only) to avoid overlapping of row content.', 'bb-powerpack')
),
'da_animation' => array(
'type' => 'pp-switch',
'label' => __('Enable Animation', 'bb-powerpack'),
'default' => 'no',
'options' => array(
'yes' => __('Yes', 'bb-powerpack'),
'no' => __('No', 'bb-powerpack')
)
),
'da_hide_mobile' => array(
'type' => 'pp-switch',
'label' => __('Hide on Mobile', 'bb-powerpack'),
'default' => 'no',
'options' => array(
'yes' => __('Yes', 'bb-powerpack'),
'no' => __('No', 'bb-powerpack'),
)
)
)
),
'da_style' => array(
'title' => __('Down Arrow Style', 'bb-powerpack'),
'collapsed' => true,
'fields' => array(
'da_arrow_weight' => array(
'type' => 'pp-switch',
'label' => __('Weight', 'bb-powerpack'),
'default' => 'light',
'options' => array(
'light' => __('Light', 'bb-powerpack'),
'bold' => __('Bold', 'bb-powerpack')
)
),
'da_arrow_color_normal' => array(
'type' => 'color',
'label' => __( 'Color', 'bb-powerpack' ),
'show_reset' => true,
'connections' => array( 'color' ),
),
'da_arrow_color_hover' => array(
'type' => 'color',
'label' => __( 'Hover Color', 'bb-powerpack' ),
'show_reset' => true,
'connections' => array( 'color' ),
),
'da_arrow_bg_normal' => array(
'type' => 'color',
'label' => __( 'Background Color', 'bb-powerpack' ),
'show_reset' => true,
'show_alpha' => true,
'connections' => array( 'color' ),
),
'da_arrow_bg_hover' => array(
'type' => 'color',
'label' => __( 'Background Hover Color', 'bb-powerpack' ),
'show_reset' => true,
'show_alpha' => true,
'connections' => array( 'color' ),
),
'da_arrow_border_group' => array(
'type' => 'border',
'label' => __( 'Border', 'bb-powerpack' ),
'preview' => array(
'type' => 'css',
'selector' => '.pp-down-arrow-wrap .pp-down-arrow',
)
),
'da_arrow_border_hover' => array(
'type' => 'color',
'label' => __( 'Border Hover Color', 'bb-powerpack' ),
'show_reset' => true,
'connections' => array( 'color' ),
),
'da_arrow_padding' => array(
'type' => 'unit',
'label' => __('Padding', 'bb-powerpack'),
'default' => 0,
'untis' => array('px'),
'preview' => array(
'type' => 'css',
'selector' => '.pp-down-arrow-wrap .pp-down-arrow',
'property' => 'padding',
'unit' => 'px'
)
),
'da_arrow_margin' => array(
'type' => 'pp-multitext',
'label' => __('Margin', 'bb-powerpack'),
'description' => 'px',
'default' => array(
'top' => 0,
'bottom' => 30
),
'options' => array(
'top' => array(
'placeholder' => __('Top', 'bb-powerpack'),
'tooltip' => __('Top', 'bb-powerpack'),
'icon' => 'fa-long-arrow-up',
'preview' => array(
'selector' => '.pp-down-arrow-container',
'property' => 'margin-top',
'unit' => 'px'
)
),
'bottom' => array(
'placeholder' => __('Bottom', 'bb-powerpack'),
'tooltip' => __('Bottom', 'bb-powerpack'),
'icon' => 'fa-long-arrow-down',
'preview' => array(
'selector' => '.pp-down-arrow-wrap',
'property' => 'bottom',
'unit' => 'px'
)
)
)
),
)
)
);
return array_merge( $sections, $data );
}
/** Background Toggle */
function pp_background_toggle( $form, $id ){
if ( 'row' != $id ) {
return $form;
}
$admin_label = pp_get_admin_label();
if( isset( $form['tabs']['style']['sections']['border'] ) ){
$section_border = $form['tabs']['style']['sections']['border'];
unset($form['tabs']['style']['sections']['border']);
}
if( isset( $form['tabs']['style']['sections']['top_edge_shape'] ) ){
$section_top_edge_shape = $form['tabs']['style']['sections']['top_edge_shape'];
unset($form['tabs']['style']['sections']['top_edge_shape']);
}
if( isset( $form['tabs']['style']['sections']['top_edge_style'] ) ){
$section_top_edge_style = $form['tabs']['style']['sections']['top_edge_style'];
unset($form['tabs']['style']['sections']['top_edge_style']);
}
if( isset( $form['tabs']['style']['sections']['bottom_edge_shape'] ) ){
$section_bottom_edge_shape = $form['tabs']['style']['sections']['bottom_edge_shape'];
unset($form['tabs']['style']['sections']['bottom_edge_shape']);
}
if( isset( $form['tabs']['style']['sections']['bottom_edge_style'] ) ){
$section_bottom_edge_style = $form['tabs']['style']['sections']['bottom_edge_style'];
unset($form['tabs']['style']['sections']['bottom_edge_style']);
}
if( isset( $form['tabs']['style']['sections']['shapes_container'] ) ){
$section_shapes_container = $form['tabs']['style']['sections']['shapes_container'];
unset($form['tabs']['style']['sections']['shapes_container']);
}
// Infinite Background
$form['tabs']['style']['sections']['background']['fields']['bg_type']['options']['pp_infinite_bg'] = __('Infinite Background (' . $admin_label . ')', 'bb-powerpack');
$form['tabs']['style']['sections']['background']['fields']['bg_type']['toggle']['pp_infinite_bg'] = array(
'sections' => array( 'pp_infinite_bg' ),
);
$form['tabs']['style']['sections']['pp_infinite_bg'] = array(
'title' => __('Infinite Background (' . $admin_label . ')', 'bb-powerpack'),
'fields' => array(
'pp_bg_image' => array(
'type' => 'photo',
'label' => __('Background Image', 'bb-powerpack'),
'responsive' => true,
'connections' => array( 'photo' ),
),
'pp_infinite_overlay' => array(
'type' => 'color',
'label' => __('Background Color', 'bb-powerpack'),
'show_alpha' => true,
'show_reset' => true,
'connections' => array('color'),
),
'scrolling_direction' => array(
'type' => 'pp-switch',
'label' => __('Scrolling Direction', 'bb-powerpack'),
'default' => 'horizontal',
'options' => array(
'horizontal' => __('Horizontal', 'bb-powerpack'),
'vertical' => __('Vertical', 'bb-powerpack')
),
'toggle' => array(
'horizontal' => array(
'fields' => array( 'scrolling_direction_h')
),
'vertical' => array(
'fields' => array( 'scrolling_direction_v')
),
)
),
'scrolling_direction_h' => array(
'type' => 'pp-switch',
'label' => __('Scroll Horizontally from', 'bb-powerpack'),
'default' => 'right_left',
'options' => array(
'left_right' => __('Left to Right', 'bb-powerpack'),
'right_left' => __('Right to Left', 'bb-powerpack')
),
),
'scrolling_direction_v' => array(
'type' => 'pp-switch',
'label' => __('Scroll Vertically from', 'bb-powerpack'),
'default' => 'bottom_top',
'options' => array(
'top_bottom' => __('Top to Bottom', 'bb-powerpack'),
'bottom_top' => __('Bottom to Top', 'bb-powerpack')
),
),
'scrolling_speed' => array(
'type' => 'unit',
'label' => __('Scrolling Speed', 'bb-powerpack'),
'default' => 50,
'slider' => true,
'units' => array('seconds'),
),
),
);
// Animated Background
$form['tabs']['style']['sections']['background']['fields']['bg_type']['options']['pp_animated_bg'] = __('Animated Background (' . $admin_label . ')', 'bb-powerpack');
$form['tabs']['style']['sections']['background']['fields']['bg_type']['toggle']['pp_animated_bg'] = array(
'sections' => array( 'pp_animated_bg' ),
);
$form['tabs']['style']['sections']['pp_animated_bg'] = array(
'title' => __('Animated Background (' . $admin_label . ')', 'bb-powerpack'),
'fields' => array(
'animation_type' => array(
'type' => 'select',
'label' => __('Animation Type', 'bb-powerpack'),
'options' => array(
'birds' => __('Birds', 'bb-powerpack'),
'fog' => __('Fog', 'bb-powerpack'),
'waves' => __('Waves', 'bb-powerpack'),
'net' => __('Net', 'bb-powerpack'),
'dots' => __('Dots', 'bb-powerpack'),
'rings' => __('Rings', 'bb-powerpack'),
'cells' => __('Cells', 'bb-powerpack'),
'particles' => __('Line Particles', 'bb-powerpack'),
'nasa' => __('NASA', 'bb-powerpack'),
'bubble' => __('Bubble', 'bb-powerpack'),
'snow' => __('Snow', 'bb-powerpack'),
'custom' => __('Custom', 'bb-powerpack'),
),
'toggle' => array(
'birds' => array(
'fields' => array( 'bird_bg_color', 'bird_bg_opacity', 'bird_color_1', 'bird_color_2', 'bird_color_mode', 'bird_quantity', 'bird_size', 'bird_wing_span', 'bird_speed_limit', 'bird_separation', 'bird_alignment', 'bird_cohesion' )
),
'fog' => array(
'fields' => array( 'fog_highlight_color', 'fog_midtone_color', 'fog_lowlight_color', 'fog_base_color', 'fog_blur_factor', 'fog_zoom', 'fog_speed' )
),
'waves' => array(
'fields' => array( 'waves_color', 'waves_shininess', 'waves_height', 'waves_speed', 'waves_zoom' )
),
'net' => array(
'fields' => array( 'net_color', 'net_bg_color', 'net_points', 'net_max_distance', 'net_spacing', 'net_show_dot' )
),
'dots' => array(
'fields' => array( 'dots_color_1', 'dots_color_2', 'dots_bg_color', 'dots_size', 'dots_spacing' )
),
'rings' => array(
'fields' => array( 'rings_bg_color', 'rings_bg_opacity', 'rings_color' )
),
'cells' => array(
'fields' => array( 'cells_color_1', 'cells_color_2', 'cells_size', 'cells_speed' )
),
'particles' => array(
'fields' => array( 'part_color','part_opacity','part_line_color','part_rand_opacity','part_bg_color','part_bg_type','part_quantity','part_size','part_speed','part_hover_effect','part_direction' )
),
'nasa' => array(
'fields' => array( 'part_color','part_opacity','part_rand_opacity','part_bg_color','part_bg_type','part_quantity','part_size','part_speed','part_hover_effect','part_direction' )
),
'bubble' => array(
'fields' => array( 'part_color','part_opacity','part_rand_opacity','part_bg_color','part_bg_type','part_quantity','part_size','part_speed','part_hover_effect','part_direction' )
),
'snow' => array(
'fields' => array( 'part_color','part_opacity','part_rand_opacity','part_bg_color','part_bg_type','part_quantity','part_size','part_speed','part_hover_effect','part_direction' )
),
'custom' => array(
'fields' => array( 'part_bg_color','part_bg_type', 'part_custom_code1', 'part_custom_code' )
),
)
),
'bird_bg_color' => array(
'type' => 'color',
'label' => __('Background Color', 'bb-powerpack'),
'default' => '07192f',
'show_reset' => true,
'connections' => array('color'),
),
'bird_bg_opacity' => array(
'type' => 'unit',
'label' => __('Background Opacity', 'bb-powerpack'),
'default' => '1',
'slider' => array(
'min' => '0',
'max' => '1',
'step' => '0.1'
),
),
'bird_color_1' => array(
'type' => 'color',
'label' => __('Primary Color', 'bb-powerpack'),
'default' => 'ff0001',
'show_reset' => true,
'connections' => array('color'),
),
'bird_color_2' => array(
'type' => 'color',
'label' => __('Secondary Color', 'bb-powerpack'),
'default' => '00d1ff',
'show_reset' => true,
'connections' => array('color'),
),
'bird_color_mode' => array(
'type' => 'select',
'label' => __('Color Mode', 'bb-powerpack'),
'default' => 'lerp',
'options' => array(
'lerp' => __('Lerp', 'bb-powerpack'),
'variance' => __('Variance', 'bb-powerpack'),
'lerpGradient' => __('Lerp Gradient', 'bb-powerpack'),
'varianceGradient' => __('Variance Gradient', 'bb-powerpack'),
),
),
'bird_quantity' => array(
'type' => 'unit',
'label' => __('Quantity', 'bb-powerpack'),
'default' => '4',
'slider' => array(
'min' => '1',
'max' => '5',
'step' => '1'
),
),
'bird_size' => array(
'type' => 'unit',
'label' => __('Bird Size', 'bb-powerpack'),
'default' => '1.5',
'slider' => array(
'min' => '1',
'max' => '3',
'step' => '0.1'
),
),
'bird_wing_span' => array(
'type' => 'unit',
'label' => __('Wing Span', 'bb-powerpack'),
'default' => '30',
'slider' => array(
'min' => '10',
'max' => '40',
'step' => '1'
),
),
'bird_speed_limit' => array(
'type' => 'unit',
'label' => __('Speed Limit', 'bb-powerpack'),
'default' => '5',
'slider' => array(
'min' => '1',
'max' => '10',
'step' => '1'
),
),
'bird_separation' => array(
'type' => 'unit',
'label' => __('Separation', 'bb-powerpack'),
'default' => '20',
'slider' => array(
'min' => '1',
'max' => '100',
'step' => '1'
),
),
'bird_alignment' => array(
'type' => 'unit',
'label' => __('Alignment', 'bb-powerpack'),
'default' => '20',
'slider' => array(
'min' => '1',
'max' => '100',
'step' => '1'
),
),
'bird_cohesion' => array(
'type' => 'unit',
'label' => __('Cohesion', 'bb-powerpack'),
'default' => '30',
'slider' => array(
'min' => '1',
'max' => '100',
'step' => '1'
),
),
'fog_highlight_color' => array(
'type' => 'color',
'label' => __('Highlight Color', 'bb-powerpack'),
'default' => 'ffc302',
'show_reset' => true,
'connections' => array('color'),
),
'fog_midtone_color' => array(
'type' => 'color',
'label' => __('Midtone Color', 'bb-powerpack'),
'default' => 'ff1d01',
'show_reset' => true,
'connections' => array('color'),
),
'fog_lowlight_color' => array(
'type' => 'color',
'label' => __('Lowlight Color', 'bb-powerpack'),
'default' => '2c07ff',
'show_reset' => true,
'connections' => array('color'),
),
'fog_base_color' => array(
'type' => 'color',
'label' => __('Base Color', 'bb-powerpack'),
'default' => 'ffebeb',
'show_reset' => true,
'connections' => array('color'),
),
'fog_blur_factor' => array(
'type' => 'unit',
'label' => __('Blur Factor', 'bb-powerpack'),
'default' => '0.6',
'slider' => array(
'min' => '0.1',
'max' => '0.9',
'step' => '0.1'
),
),
'fog_zoom' => array(
'type' => 'unit',
'label' => __('Zoom', 'bb-powerpack'),
'default' => '1',
'slider' => array(
'min' => '0.1',
'max' => '3',
'step' => '0.1'
),
),
'fog_speed' => array(
'type' => 'unit',
'label' => __('Speed', 'bb-powerpack'),
'default' => '1',
'slider' => array(
'min' => '0',
'max' => '5',
'step' => '0.1'
),
),
'waves_color' => array(
'type' => 'color',
'label' => __('Waves Color', 'bb-powerpack'),
'default' => '005588',
'show_reset' => true,
'connections' => array('color'),
),
'waves_shininess' => array(
'type' => 'unit',
'label' => __('Shininess', 'bb-powerpack'),
'default' => '30',
'slider' => array(
'min' => '0',
'max' => '150',
'step' => '1'
),
),
'waves_height' => array(
'type' => 'unit',
'label' => __('Wave Height', 'bb-powerpack'),
'default' => '15',
'slider' => array(
'min' => '0',
'max' => '40',
'step' => '1'
),
),
'waves_speed' => array(
'type' => 'unit',
'label' => __('Speed', 'bb-powerpack'),
'default' => '1',
'slider' => array(
'min' => '0',
'max' => '2',
'step' => '0.1'
),
),
'waves_zoom' => array(
'type' => 'unit',
'label' => __('Zoom', 'bb-powerpack'),
'default' => '1',
'slider' => array(
'min' => '0.7',
'max' => '1.8',
'step' => '0.1'
),
),
'net_color' => array(
'type' => 'color',
'label' => __('Net Color', 'bb-powerpack'),
'default' => 'ff3f81',
'show_reset' => true,
'connections' => array('color'),
),
'net_bg_color' => array(
'type' => 'color',
'label' => __('Background Color', 'bb-powerpack'),
'default' => '23153d',
'show_reset' => true,
'connections' => array('color'),
),
'net_points' => array(
'type' => 'unit',
'label' => __('Points', 'bb-powerpack'),
'default' => '10',
'slider' => array(
'min' => '1',
'max' => '20',
'step' => '1'
),
),
'net_max_distance' => array(
'type' => 'unit',
'label' => __('Max Distance', 'bb-powerpack'),
'default' => '20',
'slider' => array(
'min' => '10',
'max' => '40',
'step' => '1'
),
),
'net_spacing' => array(
'type' => 'unit',
'label' => __('Spacing', 'bb-powerpack'),
'default' => '15',
'slider' => array(
'min' => '10',
'max' => '20',
'step' => '1'
),
),
'net_show_dot' => array(
'type' => 'pp-switch',
'label' => __('Show Dot', 'bb-powerpack'),
'default' => 'true',
'options' => array(
'true' => __('True', 'bb-powerpack'),
'false' => __('False', 'bb-powerpack'),
),
),
'dots_color_1' => array(
'type' => 'color',
'label' => __('Dots Color', 'bb-powerpack'),
'default' => 'ff8721',
'show_reset' => true,
'connections' => array('color'),
),
'dots_color_2' => array(
'type' => 'color',
'label' => __('Center Ball Color', 'bb-powerpack'),
'default' => 'ff8721',
'show_reset' => true,
'connections' => array('color'),
),
'dots_bg_color' => array(
'type' => 'color',
'label' => __('Background Color', 'bb-powerpack'),
'default' => '222222',
'show_reset' => true,
'connections' => array('color'),
),
'dots_size' => array(
'type' => 'unit',
'label' => __('Size', 'bb-powerpack'),
'default' => '3',
'slider' => array(
'min' => '0.5',
'max' => '10',
'step' => '0.1'
),
),
'dots_spacing' => array(
'type' => 'unit',
'label' => __('Spacing', 'bb-powerpack'),
'default' => '35',
'slider' => array(
'min' => '5',
'max' => '100',
'step' => '1'
),
),
'rings_bg_color' => array(
'type' => 'color',
'label' => __('Background Color', 'bb-powerpack'),
'default' => '000000',
'show_reset' => true,
'connections' => array('color'),
),
'rings_bg_opacity' => array(
'type' => 'unit',
'label' => __('Background Opacity', 'bb-powerpack'),
'default' => '1',
'slider' => array(
'min' => '0',
'max' => '1',
'step' => '0.1'
),
),
'rings_color' => array(
'type' => 'color',
'label' => __('Color', 'bb-powerpack'),
'default' => 'ff0000',
'show_reset' => true,
'connections' => array('color'),
),
'cells_color_1' => array(
'type' => 'color',
'label' => __('Primary Color', 'bb-powerpack'),
'default' => '008c8c',
'show_reset' => true,
'connections' => array('color'),
),
'cells_color_2' => array(
'type' => 'color',
'label' => __('Secondary Color', 'bb-powerpack'),
'default' => 'f2e736',
'show_reset' => true,
'connections' => array('color'),
),
'cells_size' => array(
'type' => 'unit',
'label' => __('Size', 'bb-powerpack'),
'default' => '1.5',
'slider' => array(
'min' => '0.2',
'max' => '5',
'step' => '0.1'
),
),
'cells_speed' => array(
'type' => 'unit',
'label' => __('Speed', 'bb-powerpack'),
'default' => '2',
'slider' => array(
'min' => '0',
'max' => '5',
'step' => '0.1'
),
),
'part_bg_color' => array(
'type' => 'color',
'label' => __('Background Color', 'bb-powerpack'),
'default' => '07192f',
'show_alpha' => true,
'show_reset' => true,
'connections' => array('color'),
),
'part_color' => array(
'type' => 'color',
'label' => __('Color', 'bb-powerpack'),
'show_reset' => true,
'connections' => array('color'),
),
'part_opacity' => array(
'type' => 'unit',
'label' => __('Color Opacity', 'bb-powerpack'),
'slider' => array(
'min' => '0',
'max' => '1',
'step' => '0.1'
),
),
'part_line_color' => array(
'type' => 'color',
'label' => __('Line Color', 'bb-powerpack'),
'show_reset' => true,
'connections' => array('color'),
),
'part_rand_opacity' => array(
'type' => 'pp-switch',
'label' => __('Randomized Opacity', 'bb-powerpack'),
'default' => 'true',
'options' => array(
'true' => __('Yes', 'bb-powerpack'),
'false' => __('No', 'bb-powerpack'),
),
),
'part_quantity' => array(
'type' => 'unit',
'label' => __('Quantity', 'bb-powerpack'),
'slider' => array(
'min' => '0',
'max' => '500',
'step' => '1'
),
),
'part_size' => array(
'type' => 'unit',
'label' => __('Size', 'bb-powerpack'),
'slider' => array(
'min' => '0',
'max' => '200',
'step' => '1'
),
),
'part_speed' => array(
'type' => 'unit',
'label' => __('Moving Speed', 'bb-powerpack'),
'slider' => array(
'min' => '0',
'max' => '20',
'step' => '1'
),
),
'part_direction' => array(
'type' => 'select',
'label' => __( 'Moving direction', 'bb-powerpack'),
'default' => 'none',
'options' => array(
'none' => __( 'Default', 'bb-powerpack'),
'top' => __( 'Top', 'bb-powerpack'),
'bottom' => __( 'Bottom', 'bb-powerpack'),
'left' => __( 'Left', 'bb-powerpack'),
'right' => __( 'Right', 'bb-powerpack'),
'top-left' => __( 'Top Left', 'bb-powerpack'),
'top-right' => __( 'Top Right', 'bb-powerpack'),
'bottom-left' => __( 'Bottom Left', 'bb-powerpack'),
'bottom-right' => __( 'Bottom Right', 'bb-powerpack'),
),
),
'part_hover_effect' => array(
'type' => 'select',
'label' => __('Hover Effect', 'bb-powerpack'),
'default' => 'none',
'options' => array(
'none' => __('Default', 'bb-powerpack'),
'grab' => __('Grab', 'bb-powerpack'),
'bubble' => __('Bubble', 'bb-powerpack'),
'repulse' => __('Repulse', 'bb-powerpack'),
'noeffect' => __('None', 'bb-powerpack'),
),
'toggle' => array(
'bubble' => array(
'fields' => array( 'part_hover_size' )
),
),
),
'part_hover_size' => array(
'type' => 'unit',
'label' => __('Particles Size on Hover', 'bb-powerpack'),
'slider' => array(
'min' => '0',
'max' => '200',
'step' => '1'
),
),
'part_custom_code1' => array(
'type' => 'static',
'description' => __('<span class="fl-field-description">
<p> Add custom JSON for the Particles in the Background Effects.</p>
<p>To add custom effects to the background particles, Follow steps below.</p>
<ol><li><a href="https://vincentgarreau.com/particles.js/" target="_blank"><b style="color: #0000ff;">Click Here</b></a> and you can choose from the multiple options to customize every aspect of the background particles.</li><br/>
<li>Once you created a custom style for particles, you can download JSON file from the "Download current config (json)" link.</li><br/>
<li>Copy JSON code from the download file & paste it.</li></ol></span>', 'bb-powerpack'),
),
'part_custom_code' => array(
'type' => 'editor',
'label' => '',
'connections' => array( 'html', 'string', 'url' ),
'media_buttons' => false,
),
'part_bg_type' => array(
'type' => 'pp-switch',
'label' => __('Show Background Image', 'bb-powerpack'),
'default' => 'no',
'options' => array(
'yes' => __('Yes', 'bb-powerpack'),
'no' => __('No', 'bb-powerpack'),
),
'toggle' => array(
'yes' => array(
'fields' => array( 'part_bg_image','part_bg_size','part_bg_position' )
),
),
),
'part_bg_image' => array(
'type' => 'photo',
'label' => __('Background Image', 'bb-powerpack'),
'responsive' => true,
'connections' => array( 'photo' ),
),
'part_bg_size' => array(
'type' => 'unit',
'label' => __('Background Size', 'bb-powerpack'),
'help' => __( 'Leave blank for full size (cover).', 'bb-powerpack' ),
'default' => '100',
'units' => array('%'),
'slider' => array(
'min' => '1',
'max' => '100',
'step' => '1'
),
),
'part_bg_position' => array(
'type' => 'select',
'label' => __('Background Position', 'bb-powerpack'),
'default' => 'center center',
'options' => array(
'left top' => __('Left Top', 'bb-powerpack'),
'left center' => __('Left Center', 'bb-powerpack'),
'left bottom' => __('Left Bottom', 'bb-powerpack'),
'right top' => __('Right Top', 'bb-powerpack'),
'right center' => __('Right Center', 'bb-powerpack'),
'right bottom' => __('Right Bottom', 'bb-powerpack'),
'center top' => __('Center Top', 'bb-powerpack'),
'center center' => __('Center Center', 'bb-powerpack'),
'center bottom' => __('Center Bottom', 'bb-powerpack'),
),
),
'bg_hide_tablet' => array(
'type' => 'pp-switch',
'label' => __('Hide on Tablet', 'bb-powerpack'),
'default' => 'no',
'options' => array(
'yes' => __('Yes', 'bb-powerpack'),
'no' => __('No', 'bb-powerpack'),
),
),
'bg_hide_mobile' => array(
'type' => 'pp-switch',
'label' => __('Hide on Mobile', 'bb-powerpack'),
'default' => 'no',
'options' => array(
'yes' => __('Yes', 'bb-powerpack'),
'no' => __('No', 'bb-powerpack'),
),
),
),
);
if( isset( $section_border ) ){
$form['tabs']['style']['sections']['border'] = $section_border;
$form['tabs']['style']['sections']['border']['collapsed'] = 'true';
}
if( isset( $section_top_edge_shape ) ){
$form['tabs']['style']['sections']['top_edge_shape'] = $section_top_edge_shape;
$form['tabs']['style']['sections']['top_edge_shape']['collapsed'] = 'true';
}
if( isset( $section_top_edge_style ) ){
$form['tabs']['style']['sections']['top_edge_style'] = $section_top_edge_style;
$form['tabs']['style']['sections']['top_edge_style']['collapsed'] = 'true';
}
if( isset( $section_bottom_edge_shape ) ){
$form['tabs']['style']['sections']['bottom_edge_shape'] = $section_bottom_edge_shape;
$form['tabs']['style']['sections']['bottom_edge_shape']['collapsed'] = 'true';
}
if( isset( $section_bottom_edge_style ) ){
$form['tabs']['style']['sections']['bottom_edge_style'] = $section_bottom_edge_style;
$form['tabs']['style']['sections']['bottom_edge_style']['collapsed'] = 'true';
}
if( isset( $section_shapes_container ) ){
$form['tabs']['style']['sections']['shapes_container'] = $section_shapes_container;
$form['tabs']['style']['sections']['shapes_container']['collapsed'] = 'true';
}
return $form;
}