Ubuntu

start_controls_section( 'eael_section_mailchimp_api_settings', [ 'label' => esc_html__('Mailchimp Account Settings', 'essential-addons-elementor'), ] ); $this->add_control( 'eael_mailchimp_lists', [ 'label' => esc_html__('Mailchimp List', 'essential-addons-elementor'), 'type' => Controls_Manager::SELECT, 'label_block' => false, 'description' => 'Set your API Key from Elementor > Essential Addons > Mailchimp Settings', 'options' => Helper::mailchimp_lists(), ] ); $this->end_controls_section(); /** * Mailchimp Fields Settings */ $this->start_controls_section( 'eael_section_mailchimp_field_settings', [ 'label' => esc_html__('Field Settings', 'essential-addons-elementor'), ] ); $this->add_control( 'eael_mailchimp_email_label_text', [ 'label' => esc_html__('Email Label', 'essential-addons-elementor'), 'type' => Controls_Manager::TEXT, 'dynamic' => [ 'active' => true, ], 'label_block' => false, 'default' => 'Email', ] ); $this->add_control( 'eael_mailchimp_fname_show', [ 'label' => esc_html__('Enable First Name', 'essential-addons-elementor'), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', 'return_value' => 'yes', ] ); $this->add_control( 'eael_mailchimp_fname_label_text', [ 'label' => esc_html__('First Name Label', 'essential-addons-elementor'), 'type' => Controls_Manager::TEXT, 'dynamic' => [ 'active' => true, ], 'label_block' => false, 'default' => 'First Name', 'condition' => [ 'eael_mailchimp_fname_show' => 'yes', ], ] ); $this->add_control( 'eael_mailchimp_lname_show', [ 'label' => esc_html__('Enable Last Name', 'essential-addons-elementor'), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', 'return_value' => 'yes', ] ); $this->add_control( 'eael_mailchimp_lname_label_text', [ 'label' => esc_html__('Last Name Label', 'essential-addons-elementor'), 'type' => Controls_Manager::TEXT, 'dynamic' => [ 'active' => true, ], 'label_block' => false, 'default' => 'Last Name', 'condition' => [ 'eael_mailchimp_lname_show' => 'yes', ], ] ); $this->end_controls_section(); /** * Mailchimp Button Settings */ $this->start_controls_section( 'eael_section_mailchimp_button_settings', [ 'label' => esc_html__('Button Settings', 'essential-addons-elementor'), ] ); $this->add_control( 'eael_section_mailchimp_button_text', [ 'label' => esc_html__('Button Text', 'essential-addons-elementor'), 'type' => Controls_Manager::TEXT, 'dynamic' => [ 'active' => true, ], 'label_block' => false, 'default' => esc_html__('Subscribe', 'essential-addons-elementor'), ] ); $this->add_control( 'eael_section_mailchimp_loading_text', [ 'label' => esc_html__('Loading Text', 'essential-addons-elementor'), 'type' => Controls_Manager::TEXT, 'dynamic' => [ 'active' => true, ], 'label_block' => false, 'default' => esc_html__('Submitting...', 'essential-addons-elementor'), ] ); $this->end_controls_section(); /** * Mailchimp Message Settings */ $this->start_controls_section( 'eael_section_mailchimp_message_settings', [ 'label' => esc_html__('Message Settings', 'essential-addons-elementor'), ] ); $this->add_control( 'eael_section_mailchimp_success_text', [ 'label' => esc_html__('Success Text', 'essential-addons-elementor'), 'type' => Controls_Manager::TEXT, 'dynamic' => [ 'active' => true, ], 'label_block' => true, 'default' => esc_html__('You have subscribed successfully!', 'essential-addons-elementor'), ] ); $this->end_controls_section(); /** * ------------------------------------------- * Tab Style Mailchimp Style * ------------------------------------------- */ $this->start_controls_section( 'eael_section_mailchimp_style_settings', [ 'label' => esc_html__('General Style', 'essential-addons-elementor'), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_control( 'eael_mailchimp_layout', [ 'label' => __('Layout', 'essential-addons-elementor'), 'type' => Controls_Manager::SELECT, 'options' => [ 'inline' => 'Inline', 'stacked' => 'Stacked', ], 'default' => 'stacked', ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'eael_mailchimp_box_bg', 'label' => __('Background', 'essential-addons-elementor'), 'types' => ['none', 'classic', 'gradient'], 'selector' => '{{WRAPPER}} .eael-mailchimp-wrap', ] ); $this->add_responsive_control( 'eael_mailchimp_padding', [ 'label' => esc_html__('Padding', 'essential-addons-elementor'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .eael-mailchimp-wrap' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'eael_mailchimp_margin', [ 'label' => esc_html__('Margin', 'essential-addons-elementor'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .eael-mailchimp-wrap' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'eael_mailchimp_border', 'label' => esc_html__('Border', 'essential-addons-elementor'), 'selector' => '{{WRAPPER}} .eael-mailchimp-wrap', ] ); $this->add_responsive_control( 'eael_mailchimp_border_radius', [ 'label' => esc_html__('Border Radius', 'essential-addons-elementor'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .eael-mailchimp-wrap' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'eael_mailchimp_box_shadow', 'selector' => '{{WRAPPER}} .eael-mailchimp-wrap', ] ); $this->end_controls_section(); /** * Tab Style: Form Fields Style */ $this->start_controls_section( 'eael_section_contact_form_field_styles', [ 'label' => esc_html__('Form Fields Styles', 'essential-addons-elementor'), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_control( 'eael_mailchimp_input_background', [ 'label' => esc_html__('Input Field Background', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .eael-mailchimp-input' => 'background: {{VALUE}};', ], ] ); $this->add_responsive_control( 'eael_mailchimp_input_width', [ 'label' => esc_html__('Input Width', 'essential-addons-elementor'), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px', 'em', '%'], 'range' => [ 'px' => [ 'min' => 10, 'max' => 1500, ], 'em' => [ 'min' => 1, 'max' => 80, ], ], 'selectors' => [ '{{WRAPPER}} .eael-field-group' => 'width: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'eael_mailchimp_input_height', [ 'label' => esc_html__('Input Height', 'essential-addons-elementor'), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px', 'em', '%'], 'range' => [ 'px' => [ 'min' => 30, 'max' => 1500, ], 'em' => [ 'min' => 1, 'max' => 80, ], ], 'selectors' => [ '{{WRAPPER}} .eael-mailchimp-input' => 'height: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'eael_mailchimp_input_padding', [ 'label' => esc_html__('Fields Padding', 'essential-addons-elementor'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .eael-mailchimp-input' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'eael_mailchimp_input_margin', [ 'label' => esc_html__('Fields Margin', 'essential-addons-elementor'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .eael-field-group' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_control( 'eael_mailchimp_input_border_radius', [ 'label' => esc_html__('Border Radius', 'essential-addons-elementor'), 'type' => Controls_Manager::DIMENSIONS, 'separator' => 'before', 'size_units' => ['px'], 'selectors' => [ '{{WRAPPER}} .eael-mailchimp-input' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'eael_mailchimp_input_border', 'selector' => '{{WRAPPER}} .eael-mailchimp-input', ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'eael_mailchimp_input_box_shadow', 'selector' => '{{WRAPPER}} .eael-mailchimp-input', ] ); $this->end_controls_section(); /** * Tab Style: Form Field Color & Typography */ $this->start_controls_section( 'eael_section_mailchimp_typography', [ 'label' => esc_html__('Color & Typography', 'essential-addons-elementor'), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_control( 'eael_mailchimp_label_color', [ 'label' => esc_html__('Label Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .eael-mailchimp-wrap label' => 'color: {{VALUE}};', ], ] ); $this->add_control( 'eael_mailchimp_field_color', [ 'label' => esc_html__('Field Font Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .eael-mailchimp-input' => 'color: {{VALUE}};', ], ] ); $this->add_control( 'eael_mailchimp_field_placeholder_color', [ 'label' => esc_html__('Placeholder Font Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .eael-mailchimp-wrap ::-webkit-input-placeholder' => 'color: {{VALUE}};', '{{WRAPPER}} .eael-mailchimp-wrap ::-moz-placeholder' => 'color: {{VALUE}};', '{{WRAPPER}} .eael-mailchimp-wrap ::-ms-input-placeholder' => 'color: {{VALUE}};', ], ] ); $this->add_control( 'eael_mailchimp_label_heading', [ 'type' => Controls_Manager::HEADING, 'label' => esc_html__('Label Typography', 'essential-addons-elementor'), 'separator' => 'before', ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'eael_mailchimp_label_typography', 'selector' => '{{WRAPPER}} .eael-mailchimp-wrap label', ] ); $this->add_control( 'eael_mailchimp_heading_input_field', [ 'type' => Controls_Manager::HEADING, 'label' => esc_html__('Input Fields Typography', 'essential-addons-elementor'), 'separator' => 'before', ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'eael_mailchimp_input_field_typography', 'selector' => '{{WRAPPER}} .eael-mailchimp-input', ] ); $this->end_controls_section(); /** * Subscribe Button Style */ $this->start_controls_section( 'eael_section_subscribe_btn', [ 'label' => __('Subscribe Button Style', 'essential-addons-elementor'), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_control( 'eael_mailchimp_subscribe_btn_display', [ 'label' => __('Button Display', 'essential-addons-elementor'), 'type' => Controls_Manager::SELECT, 'options' => [ 'inline' => 'Inline', 'block' => 'Block', ], 'default' => 'inline', ] ); $this->add_responsive_control( 'eael_mailchimp_subscribe_btn_width', [ 'label' => esc_html__('Button Max Width', 'essential-addons-elementor'), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px', 'em', '%'], 'range' => [ 'px' => [ 'min' => 0, 'max' => 1500, ], 'em' => [ 'min' => 0, 'max' => 80, ], ], 'selectors' => [ '{{WRAPPER}} .eael-mailchimp-submit-btn' => 'max-width: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'eael_mailchimp_subscribe_btn_padding', [ 'label' => esc_html__('Padding', 'essential-addons-elementor'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .eael-mailchimp-subscribe' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'eael_mailchimp_subscribe_btn_margin', [ 'label' => esc_html__('Margin', 'essential-addons-elementor'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .eael-mailchimp-subscribe' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'eael_mailchimp_subscribe_btn_typography', 'selector' => '{{WRAPPER}} .eael-mailchimp-subscribe', ] ); $this->start_controls_tabs('eael_mailchimp_subscribe_btn_tabs'); // Normal State Tab $this->start_controls_tab('eael_mailchimp_subscribe_btn_normal', ['label' => esc_html__('Normal', 'essential-addons-elementor')]); $this->add_control( 'eael_mailchimp_subscribe_btn_normal_text_color', [ 'label' => esc_html__('Text Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#fff', 'selectors' => [ '{{WRAPPER}} .eael-mailchimp-subscribe' => 'color: {{VALUE}};', ], ] ); $this->add_control( 'eael_mailchimp_subscribe_btn_normal_bg_color', [ 'label' => esc_html__('Background Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#29d8d8', 'selectors' => [ '{{WRAPPER}} .eael-mailchimp-subscribe' => 'background: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'eael_mailchimp_subscribe_btn_normal_border', 'label' => esc_html__('Border', 'essential-addons-elementor'), 'selector' => '{{WRAPPER}} .eael-mailchimp-subscribe', ] ); $this->add_control( 'eael_mailchimp_subscribe_btn_border_radius', [ 'label' => esc_html__('Border Radius', 'essential-addons-elementor'), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .eael-mailchimp-subscribe' => 'border-radius: {{SIZE}}px;', ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'eael_mailchimp_subscribe_btn_shadow', 'selector' => '{{WRAPPER}} .eael-mailchimp-subscribe', 'separator' => 'before', ] ); $this->end_controls_tab(); // Hover State Tab $this->start_controls_tab('eael_mailchimp_subscribe_btn_hover', ['label' => esc_html__('Hover', 'essential-addons-elementor')]); $this->add_control( 'eael_mailchimp_subscribe_btn_hover_text_color', [ 'label' => esc_html__('Text Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#fff', 'selectors' => [ '{{WRAPPER}} .eael-mailchimp-subscribe:hover' => 'color: {{VALUE}};', ], ] ); $this->add_control( 'eael_mailchimp_subscribe_btn_hover_bg_color', [ 'label' => esc_html__('Background Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#27bdbd', 'selectors' => [ '{{WRAPPER}} .eael-mailchimp-subscribe:hover' => 'background: {{VALUE}};', ], ] ); $this->add_control( 'eael_mailchimp_subscribe_btn_hover_border_color', [ 'label' => esc_html__('Border Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '{{WRAPPER}} .eael-mailchimp-subscribe:hover' => 'border-color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'eael_mailchimp_subscribe_btn_hover_shadow', 'selector' => '{{WRAPPER}} .eael-mailchimp-subscribe:hover', 'separator' => 'before', ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->end_controls_section(); /** * Subscribe Button Style */ $this->start_controls_section( 'eael_section_success_message', [ 'label' => __('Message Style', 'essential-addons-elementor'), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_control( 'eael_mailchimp_message_background', [ 'label' => esc_html__('Background', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .eael-mailchimp-message' => 'background-color: {{VALUE}};', ], ] ); $this->add_control( 'eael_mailchimp_message_color', [ 'label' => esc_html__('Font Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .eael-mailchimp-message' => 'color: {{VALUE}};', ], ] ); $this->add_responsive_control( 'eael_mailchimp_message_alignment', [ 'label' => esc_html__('Text Alignment', 'essential-addons-elementor'), 'type' => Controls_Manager::CHOOSE, 'label_block' => true, 'options' => [ 'default' => [ 'title' => __('Default', 'essential-addons-elementor'), 'icon' => 'eicon-ban', ], 'left' => [ 'title' => esc_html__('Left', 'essential-addons-elementor'), 'icon' => 'eicon-text-align-left', ], 'center' => [ 'title' => esc_html__('Center', 'essential-addons-elementor'), 'icon' => 'eicon-text-align-center', ], 'right' => [ 'title' => esc_html__('Right', 'essential-addons-elementor'), 'icon' => 'eicon-text-align-right', ], ], 'default' => 'default', 'prefix_class' => 'eael-mailchimp-message-text-', ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'eael_mailchimp_message_typography', 'selector' => '{{WRAPPER}} .eael-mailchimp-message', ] ); $this->add_responsive_control( 'eael_mailchimp_message_padding', [ 'label' => esc_html__('Padding', 'essential-addons-elementor'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .eael-mailchimp-message' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'eael_mailchimp_message_margin', [ 'label' => esc_html__('Margin', 'essential-addons-elementor'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .eael-mailchimp-message' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'eael_mailchimp_message_border_radius', [ 'label' => esc_html__('Border Radius', 'essential-addons-elementor'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .eael-mailchimp-message' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'eael_mailchimp_message_border', 'label' => esc_html__('Border', 'essential-addons-elementor'), 'selector' => '{{WRAPPER}} .eael-mailchimp-message', ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'eael_mailchimp_message_box_shadow', 'selector' => '{{WRAPPER}} .eael-mailchimp-message', ] ); $this->end_controls_section(); } protected function render() { $settings = $this->get_settings_for_display(); $api_key = get_option('eael_save_mailchimp_api'); // Layout Class if ('stacked' === $settings['eael_mailchimp_layout']) { $layout = 'eael-mailchimp-stacked'; } elseif ('inline' === $settings['eael_mailchimp_layout']) { $layout = 'eael-mailchimp-inline'; } // Button Display Class if ('block' === $settings['eael_mailchimp_subscribe_btn_display']) { $subscribe_btn_display = 'eael-mailchimp-btn-block'; } elseif ('inline' === $settings['eael_mailchimp_subscribe_btn_display']) { $subscribe_btn_display = 'eael-mailchimp-btn-inline'; } $this->add_render_attribute('eael-mailchimp-main-wrapper', 'class', 'eael-mailchimp-wrap'); $this->add_render_attribute('eael-mailchimp-main-wrapper', 'class', esc_attr($layout)); $this->add_render_attribute('eael-mailchimp-main-wrapper', 'data-mailchimp-id', esc_attr($this->get_id())); $this->add_render_attribute('eael-mailchimp-main-wrapper', 'data-api-key', esc_attr($api_key)); $this->add_render_attribute('eael-mailchimp-main-wrapper', 'data-list-id', $settings['eael_mailchimp_lists']); $this->add_render_attribute('eael-mailchimp-main-wrapper', 'data-button-text', $settings['eael_section_mailchimp_button_text']); $this->add_render_attribute('eael-mailchimp-main-wrapper', 'data-success-text', $settings['eael_section_mailchimp_success_text']); $this->add_render_attribute('eael-mailchimp-main-wrapper', 'data-loading-text', $settings['eael_section_mailchimp_loading_text']); ?>

get_render_attribute_string('eael-mailchimp-main-wrapper'); ?> >