DVANCED, ] ); $this->add_control( 'close_button_delay', [ 'label' => esc_html__( 'Show Close Button After', 'elementor-pro' ) . ' (sec)', 'type' => Controls_Manager::NUMBER, 'min' => 0.1, 'max' => 60, 'step' => 0.1, 'condition' => [ 'close_button' => 'yes', ], 'frontend_available' => true, ] ); $this->add_control( 'close_automatically', [ 'label' => esc_html__( 'Automatically Close After', 'elementor-pro' ) . ' (sec)', 'type' => Controls_Manager::NUMBER, 'min' => 0.1, 'max' => 60, 'step' => 0.1, 'frontend_available' => true, ] ); $this->add_control( 'prevent_close_on_background_click', [ 'label' => esc_html__( 'Prevent Closing on Overlay', 'elementor-pro' ), 'type' => Controls_Manager::SWITCHER, 'frontend_available' => true, ] ); $this->add_control( 'prevent_close_on_esc_key', [ 'label' => esc_html__( 'Prevent Closing on ESC key', 'elementor-pro' ), 'type' => Controls_Manager::SWITCHER, 'frontend_available' => true, ] ); $this->add_control( 'prevent_scroll', [ 'label' => esc_html__( 'Disable Page Scrolling', 'elementor-pro' ), 'type' => Controls_Manager::SWITCHER, 'frontend_available' => true, ] ); $this->add_control( 'avoid_multiple_popups', [ 'label' => esc_html__( 'Avoid Multiple Popups', 'elementor-pro' ), 'type' => Controls_Manager::SWITCHER, 'description' => esc_html__( 'If the user has seen another popup on the page hide this popup', 'elementor-pro' ), 'frontend_available' => true, ] ); $this->add_control( 'open_selector', [ 'label' => esc_html__( 'Open By Selector', 'elementor-pro' ), 'type' => Controls_Manager::TEXT, 'placeholder' => esc_html__( '#id, .class', 'elementor-pro' ), 'description' => esc_html__( 'In order to open a popup on selector click, please set your Popup Conditions', 'elementor-pro' ), 'frontend_available' => true, 'dynamic' => [ 'active' => true, ], ] ); $this->add_responsive_control( 'margin', [ 'label' => esc_html__( 'Margin', 'elementor-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'separator' => 'before', 'selectors' => [ '{{WRAPPER}} .dialog-widget-content' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'padding', [ 'label' => esc_html__( 'Padding', 'elementor-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'selectors' => [ '{{WRAPPER}} .dialog-message' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_control( 'classes', [ 'label' => esc_html__( 'CSS Classes', 'elementor-pro' ), 'type' => Controls_Manager::TEXT, 'title' => esc_html__( 'Add your custom class WITHOUT the dot. e.g: my-class', 'elementor-pro' ), 'frontend_available' => true, ] ); $this->end_controls_section(); Plugin::elementor()->controls_manager->add_custom_css_controls( $this ); } protected function get_remote_library_config() { $config = parent::get_remote_library_config(); $config['type'] = 'popup'; $config['default_route'] = 'templates/popups'; $config['autoImportSettings'] = true; return $config; } }