start_controls_section( 'eael_section_testimonial_image', [ 'label' => esc_html__( 'Testimonial Image', 'essential-addons-for-elementor-lite') ] ); $this->add_control( 'eael_testimonial_enable_avatar', [ 'label' => esc_html__( 'Display Avatar?', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', ] ); $this->add_control( 'image', [ 'label' => __( 'Testimonial Avatar', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::MEDIA, 'default' => [ 'url' => Utils::get_placeholder_image_src(), ], 'condition' => [ 'eael_testimonial_enable_avatar' => 'yes', ], 'ai' => [ 'active' => false, ], ] ); $this->add_group_control( Group_Control_Image_Size::get_type(), [ 'name' => 'image', 'default' => 'thumbnail', 'condition' => [ 'image[url]!' => '', 'eael_testimonial_enable_avatar' => 'yes', ], ] ); $this->end_controls_section(); $this->start_controls_section( 'eael_section_testimonial_content', [ 'label' => esc_html__( 'Testimonial Content', 'essential-addons-for-elementor-lite') ] ); $this->add_control( 'eael_testimonial_name', [ 'label' => esc_html__( 'User Name', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::TEXT, 'default' => esc_html__( 'John Doe', 'essential-addons-for-elementor-lite'), 'dynamic' => [ 'active' => true ], 'ai' => [ 'active' => false, ], ] ); $this->add_control( 'eael_testimonial_company_title', [ 'label' => esc_html__( 'Company Name', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::TEXT, 'default' => esc_html__( 'Codetic', 'essential-addons-for-elementor-lite'), 'dynamic' => [ 'active' => true ], 'ai' => [ 'active' => false, ], ] ); $this->add_control( 'eael_testimonial_description', [ 'label' => esc_html__( 'Testimonial Description', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::WYSIWYG, 'default' => esc_html__( 'Add testimonial description here. Edit and place your own text.', 'essential-addons-for-elementor-lite'), ] ); $this->add_control( 'content_height', [ 'label' => esc_html__( 'Description Height', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px', '%', 'em'], 'range' => [ 'px' => [ 'max' => 300 ], '%' => [ 'max' => 100 ] ], 'selectors' => [ '{{WRAPPER}} .eael-testimonial-content' => 'height: {{SIZE}}{{UNIT}};', ], ] ); $this->add_control( 'eael_testimonial_enable_rating', [ 'label' => esc_html__( 'Display Rating?', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SWITCHER, 'default' => 'yes', ] ); $this->add_control( 'eael_testimonial_rating_number', [ 'label' => __( 'Rating Number', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SELECT, 'default' => 'rating-five', 'options' => [ 'rating-one' => __( '1', 'essential-addons-for-elementor-lite'), 'rating-two' => __( '2', 'essential-addons-for-elementor-lite'), 'rating-three' => __( '3', 'essential-addons-for-elementor-lite'), 'rating-four' => __( '4', 'essential-addons-for-elementor-lite'), 'rating-five' => __( '5', 'essential-addons-for-elementor-lite'), ], 'condition' => [ 'eael_testimonial_enable_rating' => 'yes', ], ] ); $this->end_controls_section(); if(!apply_filters('eael/pro_enabled', false)) { $this->start_controls_section( 'eael_section_pro', [ 'label' => __( 'Go Premium for More Features', 'essential-addons-for-elementor-lite') ] ); $this->add_control( 'eael_control_get_pro', [ 'label' => __( 'Unlock more possibilities', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::CHOOSE, 'options' => [ '1' => [ 'title' => '', 'icon' => 'fa fa-unlock-alt', ], ], 'default' => '1', 'description' => ' Get the Pro version for more stunning elements and customization options.' ] ); $this->end_controls_section(); } $this->start_controls_section( 'eael_section_testimonial_styles_general', [ 'label' => esc_html__( 'Testimonial Styles', 'essential-addons-for-elementor-lite'), 'tab' => Controls_Manager::TAB_STYLE ] ); $this->add_control( 'eael_testimonial_style', [ 'label' => __( 'Select Style', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SELECT, 'default' => 'default-style', 'options' => [ 'default-style' => __( 'Default', 'essential-addons-for-elementor-lite'), 'classic-style' => __( 'Classic', 'essential-addons-for-elementor-lite'), 'middle-style' => __( 'Content | Icon/Image | Bio', 'essential-addons-for-elementor-lite'), 'icon-img-left-content' => __( 'Icon/Image | Content', 'essential-addons-for-elementor-lite'), 'icon-img-right-content' => __( 'Content | Icon/Image', 'essential-addons-for-elementor-lite'), 'content-top-icon-title-inline' => __( 'Content Top | Icon Title Inline', 'essential-addons-for-elementor-lite'), 'content-bottom-icon-title-inline' => __( 'Content Bottom | Icon Title Inline', 'essential-addons-for-elementor-lite') ] ] ); $this->add_control( 'eael_testimonial_is_gradient_background', [ 'label' => __('Use Gradient Background', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SWITCHER, 'label_on' => __('Show', 'essential-addons-for-elementor-lite'), 'label_off' => __('Hide', 'essential-addons-for-elementor-lite'), 'return_value' => 'yes', ] ); $this->add_control( 'eael_testimonial_background', [ 'label' => esc_html__('Background Color', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '{{WRAPPER}} .eael-testimonial-item' => 'background-color: {{VALUE}};', ], 'condition' => [ 'eael_testimonial_is_gradient_background' => '' ] ] ); $this->add_group_control( \Elementor\Group_Control_Background::get_type(), [ 'name' => 'eael_testimonial_gradient_background', 'label' => __('Gradient Background', 'essential-addons-for-elementor-lite'), 'types' => ['classic', 'gradient'], 'selector' => '{{WRAPPER}} .eael-testimonial-item', 'condition' => [ 'eael_testimonial_is_gradient_background' => 'yes' ] ] ); $this->add_control( 'eael_testimonial_alignment', [ 'label' => esc_html__( 'Layout Alignment', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::CHOOSE, 'label_block' => true, 'options' => [ 'default' => [ 'title' => __( 'Default', 'essential-addons-for-elementor-lite'), 'icon' => 'eicon-ban', ], 'left' => [ 'title' => esc_html__( 'Left', 'essential-addons-for-elementor-lite'), 'icon' => 'eicon-text-align-left', ], 'center' => [ 'title' => esc_html__( 'Center', 'essential-addons-for-elementor-lite'), 'icon' => 'eicon-text-align-center', ], 'right' => [ 'title' => esc_html__( 'Right', 'essential-addons-for-elementor-lite'), 'icon' => 'eicon-text-align-right', ], ], 'default' => 'default', 'selectors' => [ '{{WRAPPER}} .eael-testimonial-content' => 'text-align: {{VALUE}};', '{{WRAPPER}} .eael-testimonial-image' => 'text-align: {{VALUE}};', ], ] ); $this->add_control( 'eael_testimonial_user_display_block', [ 'label' => esc_html__( 'Display User & Company Block?', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SWITCHER, 'return_value' => 'yes', 'default' => '', ] ); $this->end_controls_section(); $this->start_controls_section( 'eael_section_testimonial_image_styles', [ 'label' => esc_html__( 'Testimonial Image Style', 'essential-addons-for-elementor-lite'), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'eael_testimonial_enable_avatar' => 'yes' ] ] ); $this->add_responsive_control( 'eael_testimonial_image_width', [ 'label' => esc_html__( 'Image Width', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 150, 'unit' => 'px', ], 'range' => [ '%' => [ 'min' => 0, 'max' => 100, ], 'px' => [ 'min' => 0, 'max' => 1000, ], ], 'size_units' => [ '%', 'px' ], 'selectors' => [ '{{WRAPPER}} .eael-testimonial-image figure > img' => 'width:{{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'eael_testimonial_max_image_width', [ 'label' => esc_html__( 'Image Max Width', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 100, 'unit' => '%', ], 'range' => [ '%' => [ 'min' => 0, 'max' => 100, ], ], 'size_units' => [ '%' ], 'selectors' => [ '{{WRAPPER}} .eael-testimonial-image' => 'max-width:{{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'eael_testimonial_image_margin', [ 'label' => esc_html__( 'Margin', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'selectors' => [ '{{WRAPPER}} .eael-testimonial-image img' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'eael_testimonial_image_padding', [ 'label' => esc_html__( 'Padding', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em' ], 'selectors' => [ '{{WRAPPER}} .eael-testimonial-image img' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'eael_testimonial_image_border', 'label' => esc_html__( 'Border', 'essential-addons-for-elementor-lite'), 'selector' => '{{WRAPPER}} .eael-testimonial-image img', ] ); $this->add_control( 'eael_testimonial_image_rounded', [ 'label' => esc_html__( 'Rounded Avatar?', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SWITCHER, 'return_value' => 'testimonial-avatar-rounded', 'default' => '', ] ); $this->add_control( 'eael_testimonial_image_border_radius', [ 'label' => esc_html__( 'Border Radius', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::DIMENSIONS, 'selectors' => [ '{{WRAPPER}} .eael-testimonial-image img' => 'border-radius: {{TOP}}px {{RIGHT}}px {{BOTTOM}}px {{LEFT}}px;', ], 'condition' => [ 'eael_testimonial_image_rounded!' => 'testimonial-avatar-rounded', ], ] ); $this->end_controls_section(); // color, Typography & Spacing $this->start_controls_section( 'eael_section_testimonial_typography', [ 'label' => esc_html__( 'Color, Typography & Spacing', 'essential-addons-for-elementor-lite'), 'tab' => Controls_Manager::TAB_STYLE ] ); $this->add_control( 'eael_testimonial_name_heading', [ 'label' => __( 'User Name', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::HEADING, ] ); $this->add_control( 'eael_testimonial_name_color', [ 'label' => esc_html__( 'User Name Color', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::COLOR, 'default' => '#272727', 'selectors' => [ '{{WRAPPER}} .eael-testimonial-content .eael-testimonial-user' => 'color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'eael_testimonial_name_typography', 'selector' => '{{WRAPPER}} .eael-testimonial-content .eael-testimonial-user', ] ); $this->add_control( 'eael_testimonial_name_margin', [ 'label' => esc_html__( 'Margin', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em' ], 'selectors' => [ '{{WRAPPER}} .eael-testimonial-content .eael-testimonial-user' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_control( 'eael_testimonial_company_heading', [ 'label' => __( 'Company Name', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::HEADING, 'separator' => 'before' ] ); $this->add_control( 'eael_testimonial_company_color', [ 'label' => esc_html__( 'Company Color', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::COLOR, 'default' => '#272727', 'selectors' => [ '{{WRAPPER}} .eael-testimonial-content .eael-testimonial-user-company' => 'color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'eael_testimonial_position_typography', 'selector' => '{{WRAPPER}} .eael-testimonial-content .eael-testimonial-user-company', ] ); $this->add_control( 'eael_testimonial_company_margin', [ 'label' => esc_html__( 'Margin', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em' ], 'selectors' => [ '{{WRAPPER}} .eael-testimonial-content .eael-testimonial-user-company' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_control( 'eael_testimonial_description_heading', [ 'label' => __( 'Testimonial Text', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::HEADING, 'separator' => 'before' ] ); $this->add_control( 'eael_testimonial_description_color', [ 'label' => esc_html__( 'Testimonial Text Color', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::COLOR, 'default' => '#7a7a7a', 'selectors' => [ '{{WRAPPER}} .eael-testimonial-content .eael-testimonial-text' => 'color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'eael_testimonial_description_typography', 'selector' => '{{WRAPPER}} .eael-testimonial-content .eael-testimonial-text', ] ); $this->add_control( 'eael_testimonial_description_margin', [ 'label' => esc_html__( 'Margin', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em' ], 'selectors' => [ '{{WRAPPER}} .eael-testimonial-content .eael-testimonial-text' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_control( 'eael_testimonial_rating_heading', [ 'label' => __( 'Rating', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::HEADING, 'separator' => 'before' ] ); $this->add_control( 'eael_testimonial_rating_item_distance', [ 'label' => esc_html__( 'Distance Between Rating Item', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', '%', 'em' ], 'selectors' => [ '{{WRAPPER}} .eael-testimonial-content .testimonial-star-rating li' => 'margin-right: {{SIZE}}{{UNIT}};', ], ] ); $this->add_control( 'eael_testimonial_rating_margin', [ 'label' => esc_html__( 'Margin', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em' ], 'selectors' => [ '{{WRAPPER}} .eael-testimonial-content .testimonial-star-rating' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->end_controls_section(); $this->start_controls_section( 'eael_section_testimonial_quotation_typography', [ 'label' => esc_html__( 'Quotation Style', 'essential-addons-for-elementor-lite'), 'tab' => Controls_Manager::TAB_STYLE ] ); $this->add_control( 'eael_testimonial_quotation_color', [ 'label' => esc_html__( 'Quotation Mark Color', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::COLOR, 'default' => 'rgba(0,0,0,0.15)', 'selectors' => [ '{{WRAPPER}} .eael-testimonial-quote' => 'color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'eael_testimonial_quotation_typography', 'selector' => '{{WRAPPER}} .eael-testimonial-quote', ] ); $this->add_responsive_control( 'eael_testimonial_quotation_top', [ 'label' => esc_html__( 'Quotation Postion From Top', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 5, 'unit' => '%', ], 'range' => [ '%' => [ 'min' => 0, 'max' => 100, ] ], 'size_units' => [ '%' ], 'selectors' => [ '{{WRAPPER}} span.eael-testimonial-quote' => 'top:{{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'eael_testimonial_quotation_right', [ 'label' => esc_html__( 'Quotation Postion From Right', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 5, 'unit' => '%', ], 'range' => [ '%' => [ 'min' => 0, 'max' => 100, ] ], 'size_units' => [ '%' ], 'selectors' => [ '{{WRAPPER}} span.eael-testimonial-quote' => 'right:{{SIZE}}{{UNIT}};', ], ] ); $this->end_controls_section(); } protected function render_testimonial_image() { $settings = $this->get_settings(); $image = Group_Control_Image_Size::get_attachment_image_html( $settings ); if( ! empty($image) && ! empty($settings['eael_testimonial_enable_avatar']) ) { ob_start(); ?>
get_render_attribute_string('eael_testimonial_user'); ?>>
'; } protected function testimonial_desc() { $settings = $this->get_settings_for_display(); echo '