Ubuntu

='); $effects = [ 'scroll' => __('Scroll', 'essential-addons-elementor'), 'scroll-opacity' => __('Scroll with Fade', 'essential-addons-elementor'), 'opacity' => __('Fade', 'essential-addons-elementor'), 'scale' => __('Zoom', 'essential-addons-elementor'), 'scale-opacity' => __('Zoom with Fade', 'essential-addons-elementor'), 'automove' => __('In-Motion', 'essential-addons-elementor'), ]; if (!$elementor3) { $effects['multi'] = __('Multi-Layered', 'essential-addons-elementor'); } $element->start_controls_section('eael_parallax_section', [ 'label' => __(' Parallax', 'essential-addons-elementor'), 'tab' => Controls_Manager::TAB_LAYOUT, ] ); $element->add_control('eael_parallax_switcher', [ 'label' => __('Enable Parallax', 'essential-addons-elementor'), 'type' => Controls_Manager::SWITCHER, ] ); $element->add_control('eael_parallax_update', [ 'label' => '

Update changes to page

', 'type' => Controls_Manager::RAW_HTML, 'condition' => [ 'eael_parallax_switcher' => 'yes', ], ] ); $element->add_control('eael_parallax_type', [ 'label' => __('Type', 'essential-addons-elementor'), 'type' => Controls_Manager::SELECT, 'options' => $effects, 'label_block' => 'true', 'condition' => [ 'eael_parallax_switcher' => 'yes', ], ] ); $element->add_control('eael_parallax_auto_type', [ 'label' => __('Motion Direction', 'essential-addons-elementor'), 'type' => Controls_Manager::SELECT, 'default' => 11, 'options' => [ 11 => __('Left to Right', 'essential-addons-elementor'), 'right' => __('Right to Left', 'essential-addons-elementor'), 'top' => __('Top to Bottom', 'essential-addons-elementor'), 'bottom' => __('Bottom to Top', 'essential-addons-elementor'), ], 'condition' => [ 'eael_parallax_type' => 'automove', 'eael_parallax_switcher' => 'yes', ], ] ); $element->add_control('eael_parallax_speed', [ 'label' => __('Parallax Speed', 'essential-addons-elementor'), 'type' => Controls_Manager::NUMBER, 'min' => -1, 'max' => 2, 'step' => 0.1, 'default' => 1.3, 'condition' => [ 'eael_parallax_type!' => ['automove', 'multi'], 'eael_parallax_switcher' => 'yes', ], ] ); $element->add_control('eael_auto_speed', [ 'label' => __('Motion Speed', 'essential-addons-elementor'), 'type' => Controls_Manager::NUMBER, 'default' => 4, 'min' => 0, 'max' => 150, 'condition' => [ 'eael_parallax_type' => 'automove', 'eael_parallax_switcher' => 'yes', ], ] ); $element->add_control('eael_parallax_android_support', [ 'label' => esc_html__('Parallax on Android Devices', 'essential-addons-elementor'), 'type' => Controls_Manager::SWITCHER, 'condition' => [ 'eael_parallax_type!' => ['automove', 'multi'], 'eael_parallax_switcher' => 'yes', ], ] ); $element->add_control('eael_parallax_ios_support', [ 'label' => esc_html__('Parallax on iOS Devices', 'essential-addons-elementor'), 'type' => Controls_Manager::SWITCHER, 'condition' => [ 'eael_parallax_type!' => ['automove', 'multi'], 'eael_parallax_switcher' => 'yes', ], ] ); if (!$elementor3) { $repeater = new Repeater(); $repeater->add_control('eael_parallax_layer_image', [ 'label' => __('Choose Image', 'essential-addons-elementor'), 'type' => Controls_Manager::MEDIA, 'default' => [ 'url' => Utils::get_placeholder_image_src(), ], 'label_block' => true, ] ); $repeater->add_control('eael_parallax_layer_mouse', [ 'label' => esc_html__('Mouse Hover Interaction', 'essential-addons-elementor'), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', ] ); $repeater->add_control('eael_parallax_layer_rate', [ 'label' => esc_html__('Moving Intensity', 'essential-addons-elementor'), 'type' => Controls_Manager::NUMBER, 'default' => -10, 'min' => -20, 'max' => 20, 'step' => 1, 'condition' => [ 'eael_parallax_layer_mouse' => 'yes', ], ] ); $repeater->add_control('eael_parallax_layer_hor_pos', [ 'label' => esc_html__('Horizontal Position', 'essential-addons-elementor'), 'type' => Controls_Manager::NUMBER, 'default' => 50, 'min' => 0, 'max' => 100, ] ); $repeater->add_control('eael_parallax_layer_ver_pos', [ 'label' => esc_html__('Vertical Position', 'essential-addons-elementor'), 'type' => Controls_Manager::NUMBER, 'default' => 50, 'min' => 0, 'max' => 100, ] ); $repeater->add_control('eael_parallax_layer_back_size', [ 'label' => esc_html__('Image Size', 'essential-addons-elementor'), 'type' => Controls_Manager::SELECT, 'default' => 'auto', 'options' => [ 'auto' => esc_html__('Auto', 'essential-addons-elementor'), 'cover' => esc_html__('Cover', 'essential-addons-elementor'), 'contain' => esc_html__('Contain', 'essential-addons-elementor'), ], ] ); $repeater->add_control('eael_parallax_layer_z_index', [ 'label' => __('z-index', 'essential-addons-elementor'), 'type' => Controls_Manager::NUMBER, 'default' => 1, ] ); $element->add_control('eael_parallax_layers_list', [ 'label' => '', 'type' => Controls_Manager::REPEATER, 'fields' => $repeater->get_controls(), 'condition' => [ 'eael_parallax_switcher' => 'yes', 'eael_parallax_type' => 'multi', ], ] ); } $element->end_controls_section(); } public function after_render($element) { $data = $element->get_data(); $type = $data['elType']; $settings = $data['settings']; $parallax = isset($settings['eael_parallax_type']) ? $settings['eael_parallax_type'] : ''; if ('section' === $type && isset($parallax) && '' !== $parallax && 'yes' === $element->get_settings('eael_parallax_switcher') ) { $android = (isset($settings['eael_parallax_android_support']) && $settings['eael_parallax_android_support'] == 'yes') ? 0 : 1; $ios = (isset($settings['eael_parallax_ios_support']) && $settings['eael_parallax_ios_support'] == 'yes') ? 0 : 1; $speed = !empty($settings['eael_parallax_speed']) ? $settings['eael_parallax_speed'] : 0.5; $auto_speed = !empty($settings['eael_auto_speed']) ? $settings['eael_auto_speed'] : 3; $repeater_list = (isset($settings['eael_parallax_layers_list']) && $settings['eael_parallax_layers_list']) ? $settings['eael_parallax_layers_list'] : array(); ?>