start_controls_section( 'section_blockquote', array( 'label' => __( 'Block Quote', 'envo-extra' ), 'tab' => Controls_Manager::TAB_CONTENT, ) ); $this->add_control( 'quote_position', array( 'label' => __( 'Position', 'envo-extra' ), 'type' => Controls_Manager::SELECT, 'default' => 'layout-1', 'options' => array( 'layout-1' => __( 'Layout 1', 'envo-extra' ), 'layout-2' => __( 'Layout 2', 'envo-extra' ), 'layout-3' => __( 'Layout 3', 'envo-extra' ), 'layout-4' => __( 'Layout 4', 'envo-extra' ), 'layout-5' => __( 'Layout 5', 'envo-extra' ), 'layout-6' => __( 'Layout 6', 'envo-extra' ), 'layout-7' => __( 'Layout 7', 'envo-extra' ), 'layout-8' => __( 'Layout 8', 'envo-extra' ), 'layout-9' => __( 'Layout 9', 'envo-extra' ), 'layout-10' => __( 'Layout 10', 'envo-extra' ), ), ) ); $this->add_control( 'quote_icon', array( 'label' => esc_html__( 'Icons', 'envo-extra' ), 'type' => \Elementor\Controls_Manager::ICONS, 'default' => array( 'value' => 'fas fa-quote-left', 'library' => 'solid', ), 'condition' => array( 'quote_position!' => array( 'layout-3', 'layout-6' ), ), ) ); $this->add_control( 'image', array( 'label' => __( 'Image', 'envo-extra' ), 'type' => Controls_Manager::MEDIA, 'default' => array( 'url' => Utils::get_placeholder_image_src(), ), 'condition' => array( 'quote_position' => array( 'layout-4' ), ), 'dynamic' => array( 'active' => true, ), ) ); $this->add_group_control( Group_Control_Image_Size::get_type(), array( 'name' => 'media_thumbnail', 'default' => 'full', 'separator' => 'none', 'exclude' => array( 'custom', ), 'condition' => array( 'quote_position' => array( 'layout-4' ), ), ) ); $this->add_control( 'quote_title', array( 'label' => __( 'Title', 'envo-extra' ), 'type' => Controls_Manager::TEXT, 'label_block' => false, 'default' => __( 'Steve Smith', 'envo-extra' ), 'placeholder' => __( 'Type Block Quote Title', 'envo-extra' ), 'dynamic' => array( 'active' => true, ), ) ); $this->add_control( 'quote_designation', array( 'label' => __( 'Designation', 'envo-extra' ), 'type' => Controls_Manager::TEXT, 'label_block' => false, 'default' => __( 'By Developer', 'envo-extra' ), 'placeholder' => __( 'Type Block Quote Designation', 'envo-extra' ), 'dynamic' => array( 'active' => true, ), ) ); $this->add_control( 'quote_description', array( 'label' => esc_html__( 'Description', 'envo-extra' ), 'type' => Controls_Manager::TEXTAREA, 'rows' => 5, 'placeholder' => esc_html__( 'Type your description here', 'envo-extra' ), 'default' => 'Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.', 'label_block' => true, 'dynamic' => array( 'active' => true, ), ) ); $this->end_controls_section(); //Styling Tab $this->start_controls_section( 'section_style_general', array( 'label' => __( 'General', 'envo-extra' ), 'tab' => Controls_Manager::TAB_STYLE, ) ); $this->add_responsive_control( 'box_alignment', array( 'label' => __( 'Alignment', 'envo-extra' ), 'type' => Controls_Manager::CHOOSE, 'options' => array( 'left' => array( 'title' => __( 'Left', 'envo-extra' ), 'icon' => 'eicon-h-align-left', ), 'center' => array( 'title' => __( 'Center', 'envo-extra' ), 'icon' => 'eicon-h-align-center', ), 'right' => array( 'title' => __( 'Right', 'envo-extra' ), 'icon' => 'eicon-h-align-right', ), ), 'toggle' => false, 'default' => 'left', 'tablet_default' => 'left', 'mobile_default' => 'center', 'prefix_class' => 'elementor%s-align-', ) ); $this->add_group_control( Group_Control_Background::get_type(), array( 'name' => 'box_background', 'label' => __( 'Background', 'envo-extra' ), 'types' => array( 'classic', 'gradient' ), 'selector' => '{{WRAPPER}} .envo-extra-block-quote-inner, {{WRAPPER}} .envo-extra-block-quote-layout-3 .envo-extra-block-quote-inner::before, {{WRAPPER}} .envo-extra-block-quote-layout-6 .envo-extra-block-quote-text::before', ) ); $this->add_group_control( Group_Control_Border::get_type(), array( 'name' => 'style_border', 'selector' => '{{WRAPPER}} .envo-extra-block-quote-inner', ) ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), array( 'name' => 'box_shadow', 'exclude' => array( 'box_shadow_position', ), 'selector' => '{{WRAPPER}} .envo-extra-block-quote-inner', ) ); $this->add_responsive_control( 'box_border_radius', array( 'label' => __( 'Border Radius', 'envo-extra' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%' ), 'selectors' => array( '{{WRAPPER}} .envo-extra-block-quote-inner' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ) ); $this->add_responsive_control( 'box_padding', array( 'label' => __( 'Padding', 'envo-extra' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%' ), 'selectors' => array( '{{WRAPPER}} .envo-extra-block-quote-inner' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ) ); $this->end_controls_section(); // Image $this->start_controls_section( 'section_block_quote_image', array( 'label' => __( 'Image', 'envo-extra' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => array( 'quote_position' => 'layout-4', ), ) ); $this->add_responsive_control( 'image_size', array( 'label' => __( 'Size', 'envo-extra' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px' ), 'range' => array( 'px' => array( 'min' => 0, 'max' => 1000, ), ), 'default' => array( 'unit' => 'px', 'size' => 100, ), 'selectors' => array( '{{WRAPPER}} .envo-extra-block-quote-layout-4 .envo-extra-block-quote-content-img > img' => 'min-width: {{SIZE}}{{UNIT}}; width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};', ), ) ); $this->add_responsive_control( 'image_margin', array( 'label' => __( 'Margin', 'envo-extra' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%' ), 'selectors' => array( '{{WRAPPER}} .envo-extra-block-quote-layout-4 .envo-extra-block-quote-content-img > img' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ) ); $this->end_controls_section(); // Separator $this->start_controls_section( 'section_block_quote_separator', array( 'label' => __( 'Separator', 'envo-extra' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => array( 'quote_position' => 'layout-5', ), ) ); $this->add_responsive_control( 'separator_size', array( 'label' => __( 'Size', 'envo-extra' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', 'vw' ), 'range' => array( 'px' => array( 'min' => 0, 'max' => 1000, ), ), 'default' => array( 'unit' => 'px', 'size' => 100, ), 'selectors' => array( '{{WRAPPER}} .envo-extra-block-quote-layout-5 .envo-extra-block-quote-content-wrap::before' => 'width: {{SIZE}}{{UNIT}};', ), ) ); $this->add_control( 'separator_color', array( 'label' => __( 'Color', 'envo-extra' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} .envo-extra-block-quote-layout-5 .envo-extra-block-quote-content-wrap::before' => 'background-color: {{VALUE}};', ), ) ); $this->add_responsive_control( 'separator_margin', array( 'label' => __( 'Margin', 'envo-extra' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%' ), 'selectors' => array( '{{WRAPPER}} .envo-extra-block-quote-layout-5 .envo-extra-block-quote-content-wrap::before' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ) ); $this->end_controls_section(); // Quote $this->start_controls_section( 'section_block_quote', array( 'label' => __( 'Quote', 'envo-extra' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => array( 'quote_position!' => array( 'layout-3', 'layout-6' ), ), ) ); $this->add_responsive_control( 'quote_size', array( 'label' => __( 'Size', 'envo-extra' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px' ), 'range' => array( 'px' => array( 'min' => 5, 'max' => 300, ), ), 'selectors' => array( '{{WRAPPER}} .envo-extra-block-quote-icon > i' => 'font-size: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .envo-extra-block-quote-icon > svg' => 'width: {{SIZE}}{{UNIT}}; height: auto;', ), ) ); $this->add_responsive_control( 'quote_bg_size', array( 'label' => __( 'Background Size', 'envo-extra' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px' ), 'range' => array( 'px' => array( 'min' => 5, 'max' => 300, ), ), 'selectors' => array( '{{WRAPPER}} .envo-extra-block-quote-icon' => 'min-width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};', ), ) ); $this->add_control( 'quote_color', array( 'label' => __( 'Color', 'envo-extra' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} .envo-extra-block-quote-icon > i' => 'color: {{VALUE}};', '{{WRAPPER}} .envo-extra-block-quote-icon > svg' => 'fill: {{VALUE}};', ), ) ); $this->add_control( 'quote_bg_color', array( 'label' => __( 'Background Color', 'envo-extra' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} .envo-extra-block-quote-icon' => 'background-color: {{VALUE}};', ), ) ); $this->add_group_control( Group_Control_Border::get_type(), array( 'name' => 'quote_border', 'selector' => '{{WRAPPER}} .envo-extra-block-quote-icon', ) ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), array( 'name' => 'quote_shadow', 'exclude' => array( 'box_shadow_position', ), 'selector' => '{{WRAPPER}} .envo-extra-block-quote-icon', ) ); $this->add_responsive_control( 'quote_border_radius', array( 'label' => __( 'Border Radius', 'envo-extra' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%' ), 'selectors' => array( '{{WRAPPER}} .envo-extra-block-quote-icon' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ) ); $this->add_responsive_control( 'quote_padding', array( 'label' => __( 'Padding', 'envo-extra' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%' ), 'selectors' => array( '{{WRAPPER}} .envo-extra-block-quote-icon' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ) ); $this->add_responsive_control( 'quote_margin', array( 'label' => __( 'Margin', 'envo-extra' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%' ), 'selectors' => array( '{{WRAPPER}} .envo-extra-block-quote-icon' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ) ); $this->end_controls_section(); //Description $this->start_controls_section( 'section_block_quote_desc', array( 'label' => __( 'Description', 'envo-extra' ), 'tab' => Controls_Manager::TAB_STYLE, ) ); $this->add_group_control( Group_Control_Typography::get_type(), array( 'name' => 'desc_typography', 'label' => __( 'Typography', 'envo-extra' ), 'selector' => '{{WRAPPER}} .envo-extra-block-quote-content-wrap > .envo-extra-block-quote-text', ) ); $this->add_control( 'desc_color', array( 'label' => __( 'Color', 'envo-extra' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} .envo-extra-block-quote-content-wrap > .envo-extra-block-quote-text' => 'color: {{VALUE}};', ), ) ); $this->add_group_control( Group_Control_Border::get_type(), array( 'name' => 'desc_border', 'selector' => '{{WRAPPER}} .envo-extra-block-quote-content-wrap > .envo-extra-block-quote-text, {{WRAPPER}} .envo-extra-block-quote-layout-6 .envo-extra-block-quote-text::after', 'condition' => array( 'quote_position' => 'layout-6', ), ) ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), array( 'name' => 'desc_shadow', 'exclude' => array( 'box_shadow_position', ), 'selector' => '{{WRAPPER}} .envo-extra-block-quote-content-wrap > .envo-extra-block-quote-text', 'condition' => array( 'quote_position' => 'layout-6', ), ) ); $this->add_responsive_control( 'desc_border_radius', array( 'label' => __( 'Border Radius', 'envo-extra' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%' ), 'selectors' => array( '{{WRAPPER}} .envo-extra-block-quote-content-wrap > .envo-extra-block-quote-text' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), 'condition' => array( 'quote_position' => 'layout-6', ), ) ); $this->add_responsive_control( 'desc_padding', array( 'label' => __( 'Padding', 'envo-extra' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%' ), 'selectors' => array( '{{WRAPPER}} .envo-extra-block-quote-content-wrap > .envo-extra-block-quote-text' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), 'condition' => array( 'quote_position' => 'layout-6', ), ) ); $this->add_responsive_control( 'desc_margin', array( 'label' => __( 'Margin', 'envo-extra' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%' ), 'selectors' => array( '{{WRAPPER}} .envo-extra-block-quote-content-wrap > .envo-extra-block-quote-text' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ) ); $this->end_controls_section(); // Title $this->start_controls_section( 'section_block_quote_title', array( 'label' => __( 'Title', 'envo-extra' ), 'tab' => Controls_Manager::TAB_STYLE, ) ); $this->add_group_control( Group_Control_Typography::get_type(), array( 'name' => 'title_typography', 'label' => __( 'Typography', 'envo-extra' ), 'selector' => '{{WRAPPER}} .envo-extra-block-quote-desc > .envo-extra-block-quote-title', ) ); $this->add_control( 'title_color', array( 'label' => __( 'Color', 'envo-extra' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} .envo-extra-block-quote-desc > .envo-extra-block-quote-title' => 'color: {{VALUE}};', '{{WRAPPER}} .envo-extra-block-quote-desc > .envo-extra-block-quote-title::before' => 'background-color: {{VALUE}};', ), ) ); $this->add_responsive_control( 'title_margin', array( 'label' => __( 'Margin', 'envo-extra' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%' ), 'selectors' => array( '{{WRAPPER}} .envo-extra-block-quote-desc > .envo-extra-block-quote-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ) ); $this->end_controls_section(); // Destination $this->start_controls_section( 'section_block_quote_designation', array( 'label' => __( 'Designation', 'envo-extra' ), 'tab' => Controls_Manager::TAB_STYLE, ) ); $this->add_group_control( Group_Control_Typography::get_type(), array( 'name' => 'designation_typography', 'label' => __( 'Typography', 'envo-extra' ), 'selector' => '{{WRAPPER}} .envo-extra-block-quote-desc > .envo-extra-block-quote-designation', ) ); $this->add_control( 'designation_color', array( 'label' => __( 'Color', 'envo-extra' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( '{{WRAPPER}} .envo-extra-block-quote-desc > .envo-extra-block-quote-designation' => 'color: {{VALUE}};', ), ) ); $this->add_responsive_control( 'designation_margin', array( 'label' => __( 'Margin', 'envo-extra' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => array( 'px', '%' ), 'selectors' => array( '{{WRAPPER}} .envo-extra-block-quote-desc > .envo-extra-block-quote-designation' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ) ); $this->end_controls_section(); } /** * Render image widget output on the frontend. * * Written in PHP and used to generate the final HTML. * * @since 1.0.0 * @access protected */ protected function render() { $settings = $this->get_settings_for_display(); ?>
'true' ) ); } ?>