[ 'ekit_testimonial_style!' => 'style6' ] ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_control( 'ekit_testimonial_client_watermark_color_tab_end', [ 'type' => Controls_Manager::DIVIDER, 'style' => 'thick', ] ); // Testimonial wathermark icon size $this->add_responsive_control( 'ekit_testimonial_section_wathermark_typography', [ 'label' => esc_html__( 'Icon Size', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 500, 'step' => 1, ], ], 'selectors' => [ '{{WRAPPER}} .elementskit-watermark-icon > i' => 'font-size: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .elementskit-watermark-icon > svg' => 'width: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_testimonial_section_wathermark_margin_bottom', [ 'label' => esc_html__( 'Margin Bottom', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 200, 'step' => 1, ], ], 'selectors' => [ '{{WRAPPER}} .elementskit-testimonial-slider-block-style .elementskit-commentor-content > i' => 'margin-bottom: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .elementskit-testimonial-slider-block-style-three .elementskit-icon-content > i' => 'margin-bottom: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .elementskit-watermark-icon' => 'margin-bottom: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_testimonial_section_wathermark_icon_padding', [ 'label' => esc_html__( 'Padding', 'elementskit-lite' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em' ], 'selectors' => [ '{{WRAPPER}} .elementskit-commentor-content > i' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .elementskit-icon-content > i' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .elementskit-watermark-icon > i' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .elementskit-watermark-icon svg' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_testimonial_section_wathermark_icon_radius', [ 'label' => esc_html__( 'Border Radius', 'elementskit-lite' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em' ], 'selectors' => [ '{{WRAPPER}} .elementskit-commentor-content > i' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .elementskit-icon-content > i' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .elementskit-watermark-icon > i' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .elementskit-watermark-icon svg' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'condition' => [ 'ekit_testimonial_style!' => 'style6' ], ] ); $this->add_control( 'ekit_testimonial_section_wathermark_badge_devider', [ 'type' => Controls_Manager::DIVIDER, 'style' => 'thick', 'condition' => [ 'ekit_testimonial_wartermark_mask_show_badge' => 'yes', 'ekit_testimonial_style' => 'style6' ] ] ); // watermark badge $this->add_responsive_control( 'ekit_testimonial_section_wathermark_badge_radius', [ 'label' => esc_html__( 'Border Radius', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ '%' ], 'range' => [ '%' => [ 'min' => 0, 'max' => 100, ], ], 'default' => [ 'unit' => '%', 'size' => 50, ], 'selectors' => [ '{{WRAPPER}} .elementskit-testimonial-slider-block-style-three .elementskit-icon-content.commentor-badge::before' => 'border-radius: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'ekit_testimonial_wartermark_mask_show_badge' => 'yes', 'ekit_testimonial_style' => 'style6' ] ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'ekit_testimonial_section_wathermark_badge_background', 'label' => esc_html__( 'Background', 'elementskit-lite' ), 'types' => [ 'classic', 'gradient' ], 'selector' => '{{WRAPPER}} .elementskit-testimonial-slider-block-style-three .elementskit-icon-content.commentor-badge::before', 'condition' => [ 'ekit_testimonial_wartermark_mask_show_badge' => 'yes', 'ekit_testimonial_style' => 'style6' ] ] ); $this->end_controls_section(); // title separetor $this->start_controls_section( 'ekit_testimonial_title_separetor_tab', [ 'label' => esc_html__( 'Title Separetor', 'elementskit-lite' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'ekit_testimonial_title_separetor' => 'yes', 'ekit_testimonial_style' => ['style1', 'style2'], ] ] ); $this->start_controls_tabs( 'ekit_testimonial_client_title_separetor_color_tabs' ); $this->start_controls_tab( 'ekit_testimonial_client_title_separetor_normal_color_tab', [ 'label' => esc_html__( 'Normal', 'elementskit-lite' ), ] ); $this->add_control( 'ekit_testimonial_title_separator_color', [ 'label' => esc_html__( 'Separator Color', 'elementskit-lite' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .elementskit-single-testimonial-slider .elementskit-border-hr' => 'background-color: {{VALUE}};', ], ] ); $this->end_controls_tab(); $this->start_controls_tab( 'ekit_testimonial_client_title_separetor_active_color_tab', [ 'label' => esc_html__( 'Hover', 'elementskit-lite' ), ] ); $this->add_control( 'ekit_testimonial_title_separator_active_color', [ 'label' => esc_html__( 'Separator Color', 'elementskit-lite' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .elementskit-single-testimonial-slider:hover .elementskit-border-hr' => 'background-color: {{VALUE}};', ], ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_control( 'ekit_testimonial_client_title_separetor_color_tab_end', [ 'type' => Controls_Manager::DIVIDER, 'style' => 'thick', ] ); $this->add_responsive_control( 'ekit_testimonial_title_separator_width', [ 'label' => esc_html__( 'Width', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'range' => [ '%' => [ 'min' => 0, 'max' => 300, ], ], 'default' => [ 'unit' => 'px', 'size' => 40, ], 'selectors' => [ '{{WRAPPER}} .elementskit-single-testimonial-slider .elementskit-border-hr' => 'width: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_testimonial_title_separator_height', [ 'label' => esc_html__( 'Height', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, 'step' => 1, ], ], 'default' => [ 'unit' => 'px', 'size' => 2, ], 'selectors' => [ '{{WRAPPER}} .elementskit-single-testimonial-slider .elementskit-border-hr' => 'height: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_testimonial_title_separator_margin', [ 'label' => esc_html__( 'Margin', 'elementskit-lite' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px' ], 'selectors' => [ '{{WRAPPER}} .elementskit-single-testimonial-slider .elementskit-border-hr' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->end_controls_section(); // client style $this->start_controls_section( 'ekit_testimonial_client_content_section', [ 'label' => esc_html__( 'Client', 'elementskit-lite' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); // client name heading $this->add_control( 'ekit_testimonial_client_name_heading', [ 'label' => esc_html__( 'Client Name', 'elementskit-lite' ), 'type' => Controls_Manager::HEADING, ] ); // Client Name Color $this->add_control( 'ekit_testimonial_client_name_normal_color', [ 'label' =>esc_html__( 'Color', 'elementskit-lite' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .elementskit-profile-info .elementskit-author-name' => 'color: {{VALUE}};', '{{WRAPPER}} .elementskit-author-name' => 'color: {{VALUE}};' ], ] ); // Client Name Color $this->add_control( 'ekit_testimonial_client_name_active_color', [ 'label' =>esc_html__( 'Hover & Active Color', 'elementskit-lite' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .elementskit-single-testimonial-slider:hover .elementskit-author-name' => 'color: {{VALUE}};', '{{WRAPPER}} .elementskit-single-testimonial-slider.testimonial-active .elementskit-author-name' => 'color: {{VALUE}};' ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'ekit_testimonial_client_name_typography', 'selector' => '{{WRAPPER}} .elementskit-profile-info .elementskit-author-name', ] ); // client name margin bottom $this->add_responsive_control( 'ekit_testimonial_client_name_spacing_bottom', [ 'label' => esc_html__( 'Margin Bottom', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, 'step' => 1, ], ], 'default' => [ 'unit' => 'px', 'size' => 0, ], 'selectors' => [ '{{WRAPPER}} .elementskit-profile-info .elementskit-author-name' => 'margin-bottom: {{SIZE}}{{UNIT}};', ], ] ); // client designation heading $this->add_control( 'ekit_testimonial_client_designation_heading', [ 'label' => esc_html__( 'Client Designation', 'elementskit-lite' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ] ); // Designation Color $this->add_control( 'ekit_testimonial_designation_normal_color', [ 'label' =>esc_html__( 'Color', 'elementskit-lite' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .elementskit-profile-info .elementskit-author-des' => 'color: {{VALUE}};' ], ] ); // Designation Hover Color $this->add_control( 'ekit_testimonial_designation_active_color', [ 'label' =>esc_html__( 'Hover & Active Color', 'elementskit-lite' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .elementskit-single-testimonial-slider:hover .elementskit-author-des' => 'color: {{VALUE}};', '{{WRAPPER}} .elementskit-single-testimonial-slider.testimonial-active .elementskit-author-des' => 'color: {{VALUE}};' ], ] ); // Designation typography $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'ekit_testimonial_designation_typography', 'selector' => '{{WRAPPER}} .elementskit-profile-info .elementskit-author-des', ] ); $this->add_responsive_control( 'ekit_testimonial_client_spacing', [ 'label' => esc_html__( 'Margin', 'elementskit-lite' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em' ], 'selectors' => [ '{{WRAPPER}} .elementskit-commentor-bio' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); // client logo heading $this->add_control( 'ekit_testimonial_client_logo_heading', [ 'label' => esc_html__( 'Client Logo', 'elementskit-lite' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', 'condition' => [ 'ekit_testimonial_style' => ['style1', 'style2'] ] ] ); // client logo margin bottom $this->add_responsive_control( 'ekit_testimonial_client_logo_margin_bottom', [ 'label' => esc_html__( 'Margin Bottom', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 500, 'step' => 1, ], ], 'default' => [ 'unit' => 'px', 'size' => 32, ], 'selectors' => [ '{{WRAPPER}} .elementskit-commentor-content .elementskit-client_logo' => 'margin-bottom: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'ekit_testimonial_style' => ['style1', 'style2'] ] ] ); /** * Heading: Client Image */ $this->add_control( 'ekit_testimonial_client_image_heading', [ 'label' => esc_html__( 'Client Image', 'elementskit-lite' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', 'condition' => [ 'ekit_testimonial_style' => ['style1', 'style4', 'style5', 'style6'] ] ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'ekit_testimonial_client_image_background', 'label' => esc_html__( 'Background', 'elementskit-lite' ), 'types' => [ 'classic', 'gradient' ], 'selector' => '{{WRAPPER}} .elementskit-profile-image-card::before', 'condition' => [ 'ekit_testimonial_style' => ['style1'] ] ] ); $this->add_responsive_control( 'ekit_testimonial_client_img_pos', [ 'label' => esc_html__( 'Image Position', 'elementskit-lite' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'left' => [ 'title' => esc_html__( 'Left', 'elementskit-lite' ), 'icon' => 'eicon-caret-left', ], 'top' => [ 'title' => esc_html__( 'Top', 'elementskit-lite' ), 'icon' => 'eicon-caret-up', ], 'bottom' => [ 'title' => esc_html__( 'Bottom', 'elementskit-lite' ), 'icon' => 'eicon-caret-down', ], 'right' => [ 'title' => esc_html__( 'Right', 'elementskit-lite' ), 'icon' => 'eicon-caret-right', ], ], 'selectors_dictionary' => [ 'left' => '-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;', 'top' => '-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;', 'bottom' => '-webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;', 'right' => '-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;', ], 'selectors' => [ '{{WRAPPER}} .elementkit-commentor-details' => '{{VALUE}}', ], 'condition' => [ 'ekit_testimonial_style' => 'style5', ], ] ); $this->add_control( 'ekit_testimonial_client_area_alignment', [ 'label' => esc_html__( 'Alignment', 'elementskit-lite' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'client_left' => [ 'title' => esc_html__( 'Left', 'elementskit-lite' ), 'icon' => 'eicon-text-align-left', ], 'client_center' => [ 'title' => esc_html__( 'Center', 'elementskit-lite' ), 'icon' => 'eicon-text-align-center', ], 'client_right' => [ 'title' => esc_html__( 'Right', 'elementskit-lite' ), 'icon' => 'eicon-text-align-right', ], ], 'condition' => [ 'ekit_testimonial_style' => ['style4', 'style5', 'style6'] ] ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_testimonial_client_image_border', 'label' => esc_html__( 'Border', 'elementskit-lite' ), 'selector' => '{{WRAPPER}} .elementskit-commentor-image > img', 'condition' => [ 'ekit_testimonial_style' => ['style4', 'style5', 'style6'] ] ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'ekit_testimonial_client_image_box_shadow', 'label' => esc_html__( 'Box Shadow', 'elementskit-lite' ), 'selector' => '{{WRAPPER}} .elementskit-commentor-image > img', 'condition' => [ 'ekit_testimonial_style' => ['style4', 'style5', 'style6'] ] ] ); $this->add_responsive_control( 'ekit_testimonial_client_image_size', [ 'label' => esc_html__('Image Size', 'elementskit-lite'), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'min' => 0, 'max' => 300, 'step' => 1, ], ], 'default' => [ 'unit' => 'px', 'size' => 70, ], 'selectors' => [ '{{WRAPPER}} .elementskit-commentor-bio .elementskit-commentor-image > img' => 'height: {{SIZE}}{{UNIT}}; width: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'ekit_testimonial_style' => ['style4', 'style5', 'style6'] ] ] ); $this->add_responsive_control( 'ekit_testimonial_client_author_container_top', [ 'label' => esc_html__( 'Bottom', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => -200, 'max' => 200, 'step' => 1, ], ], 'default' => [ 'unit' => 'px', 'size' => -98, ], 'render_type' => 'template', 'selectors' => [ '{{WRAPPER}} .elementskit-commentor-bio' => 'bottom: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'ekit_testimonial_style' => ['style4'] ] ] ); $this->add_responsive_control( 'ekit_testimonial_client_image_margin_', [ 'label' => __( 'Margin', 'elementskit-lite' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em' ], 'selectors' => [ '{{WRAPPER}} .ekit-testimonial--avatar' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'condition' => [ 'ekit_testimonial_style' => ['style4', 'style5', 'style6'], ], ] ); $this->end_controls_section(); // dot style $this->start_controls_section( 'ekit_testimonial_client_dot_tab', [ 'label' => esc_html__( 'Dot', 'elementskit-lite' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'ekit_testimonial_show_dot' => 'yes' ] ] ); $this->add_responsive_control( 'ekit_testimonial_client_dot_bottom', [ 'label' => esc_html__( 'Dot Top Spacing', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => -100, 'max' => 100, 'step' => 1, ], ], 'default' => [ 'unit' => 'px', 'size' => -50, ], 'selectors' => [ '{{WRAPPER}} .elementskit-testimonial-slider .swiper-pagination' => 'bottom: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_testimonial_client_dot_width', [ 'label' => esc_html__( 'Width', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, 'step' => 1, ], ], 'default' => [ 'unit' => 'px', 'size' => 8, ], 'selectors' => [ '{{WRAPPER}} .elementskit-testimonial-slider .swiper-pagination span' => 'width: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_testimonial_client_dot_height', [ 'label' => esc_html__( 'Height', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, 'step' => 1, ], ], 'default' => [ 'unit' => 'px', 'size' => 8, ], 'selectors' => [ '{{WRAPPER}} .elementskit-testimonial-slider .swiper-pagination span' => 'height: {{SIZE}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_testimonial_client_dot_border', 'label' => esc_html__( 'Border', 'elementskit-lite' ), 'selector' => '{{WRAPPER}} .elementskit-testimonial-slider .swiper-pagination span', ] ); $this->add_responsive_control( 'ekit_testimonial_client_dot_border_radius', [ 'label' => esc_html__( 'Border radius', 'elementskit-lite' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em' ], 'selectors' => [ '{{WRAPPER}} .elementskit-testimonial-slider .swiper-pagination span' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_testimonial_client_dot_spacing', [ 'label' => esc_html__( 'Margin right', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, 'step' => 1, ], ], 'default' => [ 'unit' => 'px', 'size' => 12, ], 'selectors' => [ '{{WRAPPER}} .elementskit-testimonial-slider .swiper-pagination span:not(:last-child)' => 'margin-right: {{SIZE}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'ekit_testimonial_client_dot_background', 'label' => esc_html__( 'Background', 'elementskit-lite' ), 'types' => [ 'classic', 'gradient' ], 'selector' => '{{WRAPPER}} .elementskit-testimonial-slider .swiper-pagination span', ] ); $this->add_control( 'ekit_testimonial_client_dot_active_heading', [ 'label' => esc_html__( 'Active', 'elementskit-lite' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'ekit_testimonial_client_dot_active_background', 'label' => esc_html__( 'Background', 'elementskit-lite' ), 'types' => [ 'classic', 'gradient' ], 'selector' => '{{WRAPPER}} .elementskit-testimonial-slider .swiper-pagination span.swiper-pagination-bullet-active', ] ); $this->add_responsive_control( 'ekit_testimonial_client_dot_active_width', [ 'label' => esc_html__( 'Width', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, 'step' => 1, ], ], 'default' => [ 'unit' => 'px', 'size' => 8, ], 'selectors' => [ '{{WRAPPER}} .elementskit-testimonial-slider .swiper-pagination span.swiper-pagination-bullet-active' => 'width: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_testimonial_client_dot_active_height', [ 'label' => esc_html__( 'Height', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, 'step' => 1, ], ], 'default' => [ 'unit' => 'px', 'size' => 8, ], 'selectors' => [ '{{WRAPPER}} .elementskit-testimonial-slider .swiper-pagination span.swiper-pagination-bullet-active' => 'height: {{SIZE}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_testimonial_client_dot_active_border', 'label' => esc_html__( 'Border', 'elementskit-lite' ), 'selector' => '{{WRAPPER}} .elementskit-testimonial-slider .swiper-pagination span.swiper-pagination-bullet-active', ] ); $this->add_responsive_control( 'ekit_testimonial_client_dot_active_scale', [ 'label' => esc_html__( 'Scale', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => .5, 'max' => 3, 'step' => 0.1, ], ], 'default' => [ 'unit' => 'px', 'size' => 1.2, ], 'selectors' => [ '{{WRAPPER}} .elementskit-testimonial-slider .swiper-pagination span.swiper-pagination-bullet-active' => 'transform: scale({{SIZE}});', ], ] ); $this->end_controls_section(); $this->start_controls_section( 'ekit_testimonial_nav_style_tab', [ 'label' => esc_html__( 'Nav', 'elementskit-lite' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'ekit_testimonial_show_arrow' => 'yes' ] ] ); $this->add_responsive_control( 'ekit_testimonial_nav_font_size', [ 'label' => esc_html__( 'Font Size', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 200, 'step' => 1, ], ], 'default' => [ 'unit' => 'px', 'size' => 36, ], 'selectors' => [ '{{WRAPPER}} .elementskit-testimonial-slider .swiper-navigation-button' => 'font-size: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_testimonial_nav_right_icon', [ 'label' => esc_html__( 'Prev', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ '%' ], 'range' => [ '%' => [ 'min' => -200, 'max' => 200, ], ], 'default' => [ 'unit' => '%', 'size' => 0, ], 'selectors' => [ '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-prev' => 'left: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_testimonial_nav_left_icon', [ 'label' => esc_html__( 'Next', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ '%' ], 'range' => [ '%' => [ 'min' => -200, 'max' => 200, ], ], 'default' => [ 'unit' => '%', 'size' => 0, ], 'selectors' => [ '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-next' => 'right: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_testimonial_nav_width', [ 'label' => esc_html__( 'Width', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, 'step' => 1, ], ], 'default' => [ 'unit' => 'px', 'size' => 50, ], 'selectors' => [ '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-prev' => 'width: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-next' => 'width: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_testimonial_nav_height', [ 'label' => esc_html__( 'Height', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, 'step' => 1, ], ], 'default' => [ 'unit' => 'px', 'size' => 50, ], 'selectors' => [ '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-prev' => 'height: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-next' => 'height: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'ekit_testimonial_nav_vertical_align', [ 'label' => esc_html__( 'Vertical Align', 'elementskit-lite' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px','%' ], 'range' => [ '%' => [ 'min' => -500, 'max' => 500, ], 'px' => [ 'min' => -500, 'max' => 500, ], ], 'selectors' => [ '{{WRAPPER}} .elementskit-testimonial-slider .swiper-navigation-button' => ' -webkit-transform: translateY({{SIZE}}{{UNIT}}); -ms-transform: translateY({{SIZE}}{{UNIT}}); transform: translateY({{SIZE}}{{UNIT}});', ], ] ); $this->start_controls_tabs( 'ekit_testimonial_nav_hover_normal_tabs' ); $this->start_controls_tab( 'ekit_testimonial_nav_normal_tab', [ 'label' => esc_html__( 'Normal', 'elementskit-lite' ), ] ); $this->add_responsive_control( 'ekit_testimonial_nav_font_color_normal', [ 'label' => esc_html__( 'Color', 'elementskit-lite' ), 'type' => Controls_Manager::COLOR, 'default' => '#000000', 'selectors' => [ '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-prev' => 'color: {{VALUE}}', '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-next' => 'color: {{VALUE}}', ], ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'ekit_testimonial_nav_background_normal', 'label' => esc_html__( 'Background', 'elementskit-lite' ), 'types' => [ 'classic', 'gradient' ], 'selector' => '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-prev, {{WRAPPER}} .elementskit-testimonial-slider .swiper-button-next', ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'ekit_testimonial_nav_box_shadow_normal', 'label' => esc_html__( 'Box Shadow', 'elementskit-lite' ), 'selector' => '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-prev, {{WRAPPER}} .elementskit-testimonial-slider .swiper-button-next', ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_testimonial_nav_border_normal', 'label' => esc_html__( 'Border', 'elementskit-lite' ), 'selector' => '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-prev, {{WRAPPER}} .elementskit-testimonial-slider .swiper-button-next', ] ); $this->end_controls_tab(); $this->start_controls_tab( 'ekit_testimonial_nav_hover_tab', [ 'label' => esc_html__( 'Hover', 'elementskit-lite' ), ] ); $this->add_responsive_control( 'ekit_testimonial_nav_font_color_hover', [ 'label' => esc_html__( 'Color', 'elementskit-lite' ), 'type' => Controls_Manager::COLOR, 'default' => '#000000', 'selectors' => [ '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-prev:hover' => 'color: {{VALUE}}', '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-next:hover' => 'color: {{VALUE}}', ], ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'ekit_testimonial_nav_background_hover', 'label' => esc_html__( 'Background', 'elementskit-lite' ), 'types' => [ 'classic', 'gradient' ], 'selector' => '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-prev:hover, {{WRAPPER}} .elementskit-testimonial-slider .swiper-button-next:hover', ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'ekit_testimonial_nav_box_shadow_hover', 'label' => esc_html__( 'Box Shadow', 'elementskit-lite' ), 'selector' => '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-prev:hover, {{WRAPPER}} .elementskit-testimonial-slider .swiper-button-next:hover', ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'ekit_testimonial_nav_border_hover', 'label' => esc_html__( 'Border', 'elementskit-lite' ), 'selector' => '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-prev:hover, {{WRAPPER}} .elementskit-testimonial-slider .swiper-button-next:hover', ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_responsive_control( 'ekit_testimonial_nav_border_radius', [ 'label' => esc_html__( 'Border Radius', 'elementskit-lite' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em' ], 'selectors' => [ '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-prev' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-next' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'separator' => 'before' ] ); $this->add_responsive_control( 'ekit_price_menu_arrow_padding', [ 'label' => esc_html__( 'Padding', 'elementskit-lite' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em' ], 'selectors' => [ '{{WRAPPER}} .elementskit-testimonial-slider .swiper-navigation-button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->end_controls_section(); $this->insert_pro_message(); } protected function render( ) { echo '
'; $this->render_raw(); echo '
'; } public function has_widget_inner_wrapper(): bool { return ! Plugin::$instance->experiments->is_feature_active( 'e_optimized_markup' ); } protected function render_raw( ) { $testimonials = []; $settings = $this->get_settings_for_display(); extract($settings); // Set default client image size $ekit_testimonial_client_image_size = isset($ekit_testimonial_client_image_size) ? $ekit_testimonial_client_image_size : ['size' => 70]; $slides_to_show_count = $ekit_testimonial_slidetoshow ? $ekit_testimonial_slidetoshow : 1; $slides_to_scroll_count = $ekit_testimonial_slidesToScroll ? $ekit_testimonial_slidesToScroll : 1; // Config $config = [ 'rtl' => is_rtl(), 'arrows' => $ekit_testimonial_show_arrow ? true : false, 'dots' => $ekit_testimonial_show_dot ? true : false, 'pauseOnHover' => $ekit_testimonial_pause_on_hover ? true : false, 'autoplay' => $ekit_testimonial_autoplay ? true : false, 'speed' => $ekit_testimonial_speed ? $ekit_testimonial_speed : 1000, 'slidesPerGroup' => (int) $slides_to_scroll_count, 'slidesPerView' => (int) $slides_to_show_count, 'loop' => ( !empty($ekit_testimonial_loop) && $ekit_testimonial_loop == 'yes' ) ? true : false, 'spaceBetween' => isset($ekit_testimonial_left_right_spacing['size']) ? ($ekit_testimonial_left_right_spacing['size'] !== 0 ? $ekit_testimonial_left_right_spacing['size'] : 0) : 15, 'breakpoints' => [ 320 => [ 'slidesPerView' => !empty( $ekit_testimonial_slidetoshow_mobile ) ? $ekit_testimonial_slidetoshow_mobile : 1, 'slidesPerGroup' => !empty( $ekit_testimonial_slidesToScroll_mobile ) ? $ekit_testimonial_slidesToScroll_mobile : 1, 'spaceBetween' => !empty( $ekit_testimonial_left_right_spacing_mobile['size'] ) ? $ekit_testimonial_left_right_spacing_mobile['size'] : 10, ], 768 => [ 'slidesPerView' => !empty( $ekit_testimonial_slidetoshow_tablet ) ? $ekit_testimonial_slidetoshow_tablet : 2, 'slidesPerGroup' => !empty( $ekit_testimonial_slidesToScroll_tablet ) ? $ekit_testimonial_slidesToScroll_tablet : 1, 'spaceBetween' => !empty( $ekit_testimonial_left_right_spacing_tablet['size'] ) ? $ekit_testimonial_left_right_spacing_tablet['size'] : 10, ], 1024 => [ 'slidesPerView' => $slides_to_show_count, 'slidesPerGroup' => $slides_to_scroll_count, 'spaceBetween' => !empty( $ekit_testimonial_left_right_spacing['size'] ) ? $ekit_testimonial_left_right_spacing['size'] : 15, ] ], ]; // HTML Attribute $this->add_render_attribute( 'wrapper', [ 'data-config' => wp_json_encode($config), ] ); // Swiper container $this->add_render_attribute( 'swiper-container', [ 'class' => \ElementsKit_Lite\Utils::swiper_class(), ] ); $dir_common = Handler::get_dir() . 'common/'; $testimonials = isset($ekit_testimonial_data) ? $ekit_testimonial_data : []; $style = isset($ekit_testimonial_style) ? sanitize_text_field($ekit_testimonial_style) : 'default'; $styles = [ 'style1', 'style2', 'style3', 'style4', 'style5', 'style6', ]; if (in_array($style, $styles) && is_array($testimonials) && !empty($testimonials)) { require Handler::get_dir() . 'style/' . $style . '.php'; } } }