: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
"{$base_name}_color_gradient_start",
"{$base_name}_color_gradient_end",
"{$base_name}_color_gradient_start_position",
"{$base_name}_color_gradient_end_position",
"{$base_name}_color_gradient_type",
"{$base_name}_color_gradient_overlays_image",
'toggle_slug' => $toggle_slug,
'field_template' => 'use_color_gradient',
'mobile_options' => true,
$options["{$base_name}_color_gradient_start"] = array(
'label' => $i18n['background']['gradient_start']['label'],
'type' => 'skip' === $background_tab ? 'skip' : 'color-alpha',
'option_category' => 'configuration',
'depends_show_if' => 'on',
'default' => ET_Global_Settings::get_value( 'all_background_gradient_start' ),
'default_on_child' => true,
'toggle_slug' => $toggle_slug,
'field_template' => 'color_gradient_start',
'mobile_options' => true,
$options["{$base_name}_color_gradient_end"] = array(
'label' => $i18n['background']['gradient_end']['label'],
'type' => 'skip' === $background_tab ? 'skip' : 'color-alpha',
'option_category' => 'configuration',
'depends_show_if' => 'on',
'default' => ET_Global_Settings::get_value( 'all_background_gradient_end' ),
'default_on_child' => true,
'toggle_slug' => $toggle_slug,
'field_template' => 'color_gradient_end',
'mobile_options' => true,
$options["{$base_name}_color_gradient_type"] = array(
'label' => $i18n['background']['gradient_type']['label'],
'description' => $i18n['background']['gradient_type']['description'],
'type' => 'skip' === $background_tab ? 'skip' : 'select',
'option_category' => 'configuration',
'linear' => et_builder_i18n( 'Linear' ),
'radial' => et_builder_i18n( 'Radial' ),
"{$base_name}_color_gradient_direction",
"{$base_name}_color_gradient_direction_radial"
'default' => ET_Global_Settings::get_value( 'all_background_gradient_type' ),
'default_on_child' => true,
'depends_show_if' => 'on',
'toggle_slug' => $toggle_slug,
'field_template' => 'color_gradient_type',
'mobile_options' => true,
$options["{$base_name}_color_gradient_direction"] = array(
'label' => $i18n['background']['gradient_direction']['label'],
'description' => $i18n['background']['gradient_direction']['description'],
'type' => 'skip' === $background_tab ? 'skip' : 'range',
'option_category' => 'configuration',
'range_settings' => array(
'default' => ET_Global_Settings::get_value( 'all_background_gradient_direction' ),
'default_on_child' => true,
'depends_show_if' => 'linear',
'toggle_slug' => $toggle_slug,
'field_template' => 'color_gradient_direction',
'mobile_options' => true,
$options["{$base_name}_color_gradient_direction_radial"] = array(
'label' => $i18n['background']['gradient_direction_radial']['label'],
'description' => $i18n['background']['gradient_direction_radial']['description'],
'type' => 'skip' === $background_tab ? 'skip' : 'select',
'option_category' => 'configuration',
'center' => et_builder_i18n( 'Center' ),
'top left' => et_builder_i18n( 'Top Left' ),
'top' => et_builder_i18n( 'Top' ),
'top right' => et_builder_i18n( 'Top Right' ),
'right' => et_builder_i18n( 'Right' ),
'bottom right' => et_builder_i18n( 'Bottom Right' ),
'bottom' => et_builder_i18n( 'Bottom' ),
'bottom left' => et_builder_i18n( 'Bottom Left' ),
'left' => et_builder_i18n( 'Left' ),
'default' => ET_Global_Settings::get_value( 'all_background_gradient_direction_radial' ),
'default_on_child' => true,
'depends_show_if' => 'radial',
'toggle_slug' => $toggle_slug,
'field_template' => 'color_gradient_direction_radial',
'mobile_options' => true,
$options["{$base_name}_color_gradient_start_position"] = array(
'label' => $i18n['background']['gradient_start_position']['label'],
'description' => $i18n['background']['gradient_start_position']['description'],
'type' => 'skip' === $background_tab ? 'skip' : 'range',
'option_category' => 'configuration',
'range_settings' => array(
'default' => ET_Global_Settings::get_value( 'all_background_gradient_start_position' ),
'default_on_child' => true,
'allowed_units' => array( '%', 'em', 'rem', 'px', 'cm', 'mm', 'in', 'pc', 'ex', 'vh', 'vw' ),
'depends_show_if' => 'on',
'toggle_slug' => $toggle_slug,
'field_template' => 'color_gradient_start_position',
'mobile_options' => true,
$options["{$base_name}_color_gradient_end_position"] = array(
'label' => $i18n['background']['gradient_end_position']['label'],
'description' => $i18n['background']['gradient_end_position']['description'],
'type' => 'skip' === $background_tab ? 'skip' : 'range',
'option_category' => 'configuration',
'range_settings' => array(
'default' => ET_Global_Settings::get_value( 'all_background_gradient_end_position' ),
'default_on_child' => true,
'allowed_units' => array( '%', 'em', 'rem', 'px', 'cm', 'mm', 'in', 'pc', 'ex', 'vh', 'vw' ),
'depends_show_if' => 'on',
'toggle_slug' => $toggle_slug,
'field_template' => 'color_gradient_end_position',
'mobile_options' => true,
$options["${base_name}_color_gradient_overlays_image"] = array(
'label' => $i18n['background']['gradient_overlay']['label'],
'description' => $i18n['background']['gradient_overlay']['description'],
'type' => 'skip' === $background_tab ? 'skip' : 'yes_no_button',
'option_category' => 'configuration',
'off' => et_builder_i18n( 'No' ),
'on' => et_builder_i18n( 'Yes' ),
'default' => ET_Global_Settings::get_value( 'all_background_gradient_overlays_image' ),
'default_on_child' => true,
'depends_show_if' => 'on',
'toggle_slug' => $toggle_slug,
'field_template' => 'color_gradient_overlays_image',
'mobile_options' => true,
if ( in_array( $background_tab, array( 'all', 'button', 'skip', 'image' ) ) ) {
$options["{$base_name}_image"] = array(
'label' => $i18n['background']['image']['label'],
'choose_text' => $i18n['background']['image']['choose_text'],
'update_text' => $i18n['background']['image']['update_text'],
'upload_button_text' => et_builder_i18n( 'Upload an image' ),
'type' => 'skip' === $background_tab ? 'skip' : 'upload',
'option_category' => 'configuration',
'toggle_slug' => $toggle_slug,
'field_template' => 'image',
'mobile_options' => true,
// This option is used to enable or disable background image on VB or FE. It's used to
// ensure if current background should be rendered or not by inheriting or applying
$options["{$base_name}_enable_image"] = array(
'toggle_slug' => $toggle_slug,
'mobile_options' => true,
if ( 'button' !== $background_tab ) {
$options["${baseless_prefix}parallax"] = array(
'label' => $i18n['background']['parallax']['label'],
'description' => $i18n['background']['parallax']['description'],
'type' => 'skip' === $background_tab ? 'skip' : 'yes_no_button',
'option_category' => 'configuration',
'off' => et_builder_i18n( 'No' ),
'on' => et_builder_i18n( 'Yes' ),
'default_on_child' => true,
"${baseless_prefix}parallax_method",
'toggle_slug' => $toggle_slug,
'field_template' => 'parallax',
'mobile_options' => true,
$options["${baseless_prefix}parallax_method"] = array(
'label' => $i18n['background']['parallax_method']['label'],
'description' => $i18n['background']['parallax_method']['description'],
'type' => 'skip' === $background_tab ? 'skip' : 'select',
'option_category' => 'configuration',
'on' => $i18n['background']['parallax_method']['options']['on'],
'off' => $i18n['background']['parallax_method']['options']['off'],
'default' => self::$_->array_get( $this->advanced_fields, "background.options.{$baseless_prefix}parallax_method.default", 'on' ),
'default_on_child' => true,
'depends_show_if' => 'on',
'toggle_slug' => $toggle_slug,
'field_template' => 'parallax_method',
'mobile_options' => true,
$options["{$base_name}_size"] = array(
'label' => $i18n['background']['size']['label'],
'description' => $i18n['background']['size']['description'],
'type' => 'skip' === $background_tab ? 'skip' : 'select',
'option_category' => 'layout',
'cover' => $i18n['background']['size']['options']['cover'],
'contain' => $i18n['background']['size']['options']['contain'],
'initial' => $i18n['background']['size']['options']['initial'],
'default_on_child'=> true,
'depends_show_if' => 'off',
'toggle_slug' => $toggle_slug,
'field_template' => 'size',
'mobile_options' => true,
$options["{$base_name}_position"] = array(
'label' => $i18n['background']['position']['label'],
'description' => $i18n['background']['position']['description'],
'type' => 'skip' === $background_tab ? 'skip' : 'select',
'option_category' => 'layout',
'top_left' => et_builder_i18n( 'Top Left' ),
'top_center' => et_builder_i18n( 'Top Center' ),
'top_right' => et_builder_i18n( 'Top Right' ),
'center_left' => et_builder_i18n( 'Center Left' ),
'center' => et_builder_i18n( 'Center' ),
'center_right' => et_builder_i18n( 'Center Right' ),
'bottom_left' => et_builder_i18n( 'Bottom Left' ),
'bottom_center' => et_builder_i18n( 'Bottom Center' ),
'bottom_right' => et_builder_i18n( 'Bottom Right' ),
'default_on_child' => true,
'depends_show_if' => 'off',
'toggle_slug' => $toggle_slug,
'field_template' => 'position',
'mobile_options' => true,
$options["{$base_name}_repeat"] = array(
'label' => $i18n['background']['repeat']['label'],
'description' => $i18n['background']['repeat']['description'],
'type' => 'skip' === $background_tab ? 'skip' : 'select',
'option_category' => 'layout',
'no-repeat' => $i18n['background']['repeat']['options']['no-repeat'],
'repeat' => $i18n['background']['repeat']['options']['repeat'],
'repeat-x' => $i18n['background']['repeat']['options']['repeat-x'],
'repeat-y' => $i18n['background']['repeat']['options']['repeat-y'],
'space' => et_builder_i18n( 'Space' ),
'round' => $i18n['background']['repeat']['options']['round'],
'default' => 'no-repeat',
'default_on_child' => true,
'depends_show_if' => 'off',
'toggle_slug' => $toggle_slug,
'field_template' => 'repeat',
'mobile_options' => true,
$options["{$base_name}_blend"] = array(
'label' => $i18n['background']['blend']['label'],
'description' => $i18n['background']['blend']['description'],
'type' => 'skip' === $background_tab ? 'skip' : 'select',
'option_category' => 'layout',
'normal' => et_builder_i18n( 'Normal' ),
'multiply' => et_builder_i18n( 'Multiply' ),
'screen' => et_builder_i18n( 'Screen' ),
'overlay' => et_builder_i18n( 'Overlay' ),
'darken' => et_builder_i18n( 'Darken' ),
'lighten' => et_builder_i18n( 'Lighten' ),
'color-dodge' => et_builder_i18n( 'Color Dodge' ),
'color-burn' => et_builder_i18n( 'Color Burn' ),
'hard-light' => et_builder_i18n( 'Hard Light' ),
'soft-light' => et_builder_i18n( 'Soft Light' ),
'difference' => et_builder_i18n( 'Difference' ),
'exclusion' => et_builder_i18n( 'Exclusion' ),
'hue' => et_builder_i18n( 'Hue' ),
'saturation' => et_builder_i18n( 'Saturation' ),
'color' => et_builder_i18n( 'Color' ),
'luminosity' => et_builder_i18n( 'Luminosity' ),
'default_on_child' => true,
'depends_show_if' => 'off',
'toggle_slug' => $toggle_slug,
'field_template' => 'blend',
'mobile_options' => true,
if ( in_array( $background_tab, array( 'all', 'skip', 'video' ) ) ) {
$options["{$base_name}_video_mp4"] = array(
'label' => $i18n['background']['mp4']['label'],
'description' => $i18n['background']['mp4']['description'],
'upload_button_text' => $i18n['background']['mp4']['upload_button_text'],
'choose_text' => $i18n['background']['mp4']['choose_text'],
'update_text' => $i18n['background']['mp4']['update_text'],
'type' => 'skip' === $background_tab ? 'skip' : 'upload',
'option_category' => 'configuration',
'toggle_slug' => $toggle_slug,
'computed_affects' => array(
'field_template' => 'video_mp4',
'mobile_options' => true,
'affects_mobile' => true,
// This option is used to enable or disable background MP4 video on VB or FE. It's used
// to ensure if current background should be rendered or not by inheriting or applying
$options["{$base_name}_enable_video_mp4"] = array(
'toggle_slug' => $toggle_slug,
'mobile_options' => true,
$options["{$base_name}_video_webm"] = array(
'label' => $i18n['background']['webm']['label'],
'description' => $i18n['background']['webm']['description'],
'upload_button_text' => $i18n['background']['webm']['upload_button_text'],
'choose_text' => $i18n['background']['webm']['choose_text'],
'update_text' => $i18n['background']['webm']['update_text'],
'type' => 'skip' === $background_tab ? 'skip' : 'upload',
'option_category' => 'configuration',
'toggle_slug' => $toggle_slug,
'computed_affects' => array(
'field_template' => 'video_webm',
'mobile_options' => true,
'affects_mobile' => true,
// This option is used to enable or disable background Webm video on VB or FE. It's used
// to ensure if current background should be rendered or not by inheriting or applying
$options["{$base_name}_enable_video_webm"] = array(
'toggle_slug' => $toggle_slug,
'mobile_options' => true,
$options["{$base_name}_video_width"] = array(
'label' => $i18n['background']['video_width']['label'],
'description' => $i18n['background']['video_width']['description'],
'type' => 'skip' === $background_tab ? 'skip' : 'text',
'option_category' => 'configuration',
'toggle_slug' => $toggle_slug,
'computed_affects' => array(
'field_template' => 'video_width',
'mobile_options' => true,
'affects_mobile' => true,
$options["{$base_name}_video_height"] = array(
'label' => $i18n['background']['video_height']['label'],
'description' => $i18n['background']['video_height']['description'],
'type' => 'skip' === $background_tab ? 'skip' : 'text',
'option_category' => 'configuration',
'toggle_slug' => $toggle_slug,
'computed_affects' => array(
'field_template' => 'video_height',
'mobile_options' => true,
'affects_mobile' => true,
$options["${baseless_prefix}allow_player_pause"] = array(
'label' => $i18n['background']['pause']['label'],
'description' => $i18n['background']['pause']['description'],
'type' => 'skip' === $background_tab ? 'skip' : 'yes_no_button',
'option_category' => 'configuration',
'off' => et_builder_i18n( 'No' ),
'on' => et_builder_i18n( 'Yes' ),
'default_on_child' => true,
'toggle_slug' => $toggle_slug,
'field_template' => 'allow_player_pause',
'mobile_options' => true,
$options["${base_name}_video_pause_outside_viewport"] = array(
'label' => $i18n['background']['viewport']['label'],
'description' => $i18n['background']['viewport']['description'],
'type' => 'skip' === $background_tab ? 'skip' : 'yes_no_button',
'option_category' => 'configuration',
'off' => et_builder_i18n( 'No' ),
'on' => et_builder_i18n( 'Yes' ),
'default_on_child' => true,
'toggle_slug' => $toggle_slug,
'field_template' => 'video_pause_outside_viewport',
'mobile_options' => true,
$options["__video_{$base_name}"] = array(
'computed_callback' => array( 'ET_Builder_Module_Helper_ResponsiveOptions', 'get_video_background' ),
'computed_depends_on' => array(
"{$base_name}_video_mp4",