FM / widgets

/home/techb158/l2hypotheques.com/wp-content/plugins/pyloncore/elementor/widgets/

/home/techb158/l2hypotheques.com/wp-content/plugins/pyloncore/elementor/widgets

Name	Size	Mode	Actions
about-widget.php	28968	0644	edit dl rm
accordion-widget.php	22046	0644	edit dl rm
animation-shape.php	6751	0644	edit dl rm
animation-shape1.php	6554	0644	edit dl rm
banner-widget.php	20414	0644	edit dl rm
blog-widget.php	54710	0644	edit dl rm
button-widget.php	13626	0644	edit dl rm
call-to-action-widget.php	30409	0644	edit dl rm
client-logo-widget.php	14507	0644	edit dl rm
company-ceo.php	11289	0644	edit dl rm
contact-static-info-widget.php	22925	0644	edit dl rm
content-list-widget.php	29429	0644	edit dl rm
counter-box.php	16659	0644	edit dl rm
credit-card-widget.php	25564	0644	edit dl rm
custom-ripple-widget.php	2311	0644	edit dl rm
featuredbox-widget.php	43339	0644	edit dl rm
funfact-widget.php	26527	0644	edit dl rm
iconbox-widget.php	42282	0644	edit dl rm
image-float-widget.php	4050	0644	edit dl rm
image-widget.php	51246	0644	edit dl rm
image-with-title-widget.php	13185	0644	edit dl rm
loan-calculator-widget.php	56730	0644	edit dl rm
loan-combined-calculator-widget.php	75266	0644	edit dl rm
loan-eligibility-widget.php	24342	0644	edit dl rm
popup-widget.php	17573	0644	edit dl rm
progress-widget.php	15577	0644	edit dl rm
responsive-image-widget.php	1672	0644	edit dl rm
service-widget.php	60028	0644	edit dl rm
slider-widget.php	49682	0644	edit dl rm
slider2-widget.php	37782	0644	edit dl rm
team-two-widget.php	19602	0644	edit dl rm
team-widget.php	31622	0644	edit dl rm
testimonial-widget.php	55646	0644	edit dl rm
title-widget.php	28910	0644	edit dl rm
total-loan-calculator-widget.php	54789	0644	edit dl rm
why-choose-us-widget.php	10166	0644	edit dl rm

Edit: /home/techb158/l2hypotheques.com/wp-content/plugins/pyloncore/elementor/widgets/image-widget.php (51246B)

<?php
namespace Elementor;

if (!defined('ABSPATH')) {
    exit; // Exit if accessed directly
}

class Pylon_Image_Widget extends Widget_Base {

public function get_name() {

return 'pylon_image';
    }

public function get_title() {
        return esc_html__( 'Pylon Image', 'pyloncore' );
    }

public function get_icon() {

return 'eicon-image';
    }

public function get_categories() {
        return ['pylon'];
    }

protected function register_controls() {
        //Content tab start
        $this->start_controls_section(
            'pylon_image_options',
            [
                'label' => esc_html__( 'Pylon image', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_CONTENT,
            ]
        );

$this->add_responsive_control(
            'pylon_image_styles',
            [
                'label'   => esc_html__( 'Border Style', 'pyloncore' ),
                'type'    => \Elementor\Controls_Manager::SELECT,
                'default' => '1',
                'options' => [
                    '1' => esc_html__( 'Style One', 'pyloncore' ),
                    '2' => esc_html__( 'Style Two', 'pyloncore' ),
                    '3' => esc_html__( 'Style three', 'pyloncore' ),
                    '4' => esc_html__( 'Style four ', 'pyloncore' ),
                    '5' => esc_html__( 'Style five ', 'pyloncore' ),
                    '6' => esc_html__( 'Style six ', 'pyloncore' ),
                    '7' => esc_html__( 'Style seven ', 'pyloncore' ),

],
            ]
        );
        $this->add_control(
            'pylon_image_upload',
            [
                'label'   => esc_html__( 'Upload Image', 'pyloncore' ),
                'type'    => \Elementor\Controls_Manager::MEDIA,
                'default' => [
                    'url' => \Elementor\Utils::get_placeholder_image_src(),
                ],
            ]
        );
         $this->add_control(
            'pylon_image_upload2',
            [
                'label'   => esc_html__( 'Upload Image', 'pyloncore' ),
                'type'    => \Elementor\Controls_Manager::MEDIA,
                'default' => [
                    'url' => \Elementor\Utils::get_placeholder_image_src(),
                ],
                'condition' => [
                    'pylon_image_styles' => ['4','5'],
                ],
            ]
        );

$this->add_control(
            'pylon_image_shape_upload',
            [
                'label'   => esc_html__( 'shape Image', 'pyloncore' ),
                'type'    => \Elementor\Controls_Manager::MEDIA,
                'default' => [
                    'url' => \Elementor\Utils::get_placeholder_image_src(),
                ],
            ]
        );

$this->add_responsive_control(
            'pylon_image_content_alingment',
            [
                'label'     => esc_html__( 'Alignment', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::CHOOSE,
                'options'   => [
                    'left'   => [
                        'title' => esc_html__( 'Left', 'pyloncore' ),
                        'icon'  => 'fa fa-align-left',
                    ],
                    'center' => [
                        'title' => esc_html__( 'Center', 'pyloncore' ),
                        'icon'  => 'fa fa-align-center',
                    ],
                    'right'  => [
                        'title' => esc_html__( 'Right', 'pyloncore' ),
                        'icon'  => 'fa fa-align-right',
                    ],
                ],
                'condition' => [
                    'pylon_image_styles' => '2',
                ],
                'default'   => 'left',
                'toggle'    => true,
                'selectors' => [
                    '{{WRAPPER}} .about-two__box,.why-choose__image' => 'text-align: {{VALUE}}',
                ],
            ]
        );
        $this->add_control(
            'pylon_counter_box_content1',
            [
                'label' => esc_html__( 'Enable counter', 'pyloncore' ),
                'type' => \Elementor\Controls_Manager::SWITCHER,
                'label_on' => esc_html__( 'Show', 'pyloncore' ),
                'label_off' => esc_html__( 'Hide', 'pyloncore' ),
                'return_value' => 'yes',
                'default' => 'yes',
                'condition'    =>[
                    'pylon_image_styles' => '6',
                ]
            ]
        );
        $this->add_control(
            'pylon_counter_box_number',
            [
                'label' => esc_html__( 'Number', 'pyloncore' ),
                'type' => \Elementor\Controls_Manager::NUMBER,
                'min' => 1,
                'max' => 100,
                'step' => 1,
                'default' => 99,
                'condition'    =>[
                    'pylon_image_styles' => '6',
                    'pylon_counter_box_content1'=>'yes',
                ]
            ]
        );
        $this->add_control(
            'pylon_counter_box_parsent1',
            [
                'label' => esc_html__( 'parsent', 'pyloncore' ),
                'type' => \Elementor\Controls_Manager::TEXT,
                'default' => esc_html__( '%', 'pyloncore' ),
                'placeholder' => esc_html__( 'Type your parsent here', 'pyloncore' ),
                'condition'    =>[
                    'pylon_image_styles' => '6',
                    'pylon_counter_box_content1'=>'yes',
                ]
            ]
        );
        $this->add_control(
            'pylon_counter_box_title1',
            [
                'label' => esc_html__( 'Title', 'pyloncore' ),
                'type' => \Elementor\Controls_Manager::TEXT,
                'default' => wp_kses_post( 'Loans Get Approve', 'pyloncore' ),
                'placeholder' => esc_html__( 'Type your title here', 'pyloncore' ),
                'condition'    =>[
                    'pylon_image_styles' =>'6',
                    'pylon_counter_box_content1'=>'yes',
                ]
            ]
        );

$this->add_control(
            'pylon_image_content_enable',
            [
                'label'        => esc_html__( 'Enable Content', 'pyloncore' ),
                'type'         => \Elementor\Controls_Manager::SWITCHER,
                'label_on'     => esc_html__( 'Show', 'your-plugin' ),
                'label_off'    => esc_html__( 'Hide', 'your-plugin' ),
                'return_value' => 'yes',
                'default'      => 'yes',
                'condition'    =>[
                    'pylon_image_styles' =>['1','2','7'],
                ]
            ]
        );

$this->add_control(
            'pylon_image_text',
            [
                'label'   => esc_html__( 'Title', 'pyloncore' ),
                'type'    => \Elementor\Controls_Manager::TEXT,
                'default' => esc_html__( '26 years of working experience', 'pyloncore' ),
                'condition'    =>[

'pylon_image_styles' =>['1','2','7'],
                    'pylon_image_content_enable'=>'yes',
                ]
            ]
        );
        $this->add_control(
            'pylon_image_icon',
            [
                'label'   => esc_html__( 'Icon', 'text-pyloncore' ),
                'type'    => \Elementor\Controls_Manager::ICONS,
                'default' => [
                    'value' => 'pylon-icon-assets',
                ],
                'condition'    =>[
                    'pylon_image_styles' =>['1','2','7'],
                    'pylon_image_content_enable'=>'yes',
                ]
            ]
        );
        $this->add_control(
            'pylon_image__btn_links',
            [
                'label'       => esc_html__( 'Select Link', 'pyloncore' ),
                'type'        => Controls_Manager::SELECT,
                'default'     => 'extranal',
                'options'     => [
                    'extranal' => esc_html__( 'Extranal', 'pyloncore' ),
                    'page'     => esc_html__( 'Page', 'pyloncore' ),
                ],
                'label_block' => true,
                'condition'    =>[
                    'pylon_image_styles' =>'7',
                    'pylon_image_content_enable'=>'yes',
                ]
            ]
        );
        $this->add_control(
            'pylon_image__extral',
            [
                'label'       => esc_html__( 'Extranal Link', 'pyloncore' ),
                'type'        => Controls_Manager::TEXT,
                'dynamic'     => [
                    'active' => true,
                ],
                'placeholder' => esc_html__( 'Add Extranal Link', 'pyloncore' ),
                'label_block' => true,
                'condition'   => [
                    'pylon_image__btn_links' => 'extranal',
                    'pylon_image_styles' =>'7',
                    'pylon_image_content_enable'=>'yes',
                ],
            ]
        );
        $this->add_control(
            'pylon_image__page_link',
            [
                'label'       => esc_html__( 'Page Link', 'pyloncore' ),
                'type'        => Controls_Manager::SELECT,
                'options'     => pylon_page_list(),
                'label_block' => true,
                'condition'   => [
                    'pylon_image__btn_links' => 'page',
                    'pylon_image_styles' =>'7',
                    'pylon_image_content_enable'=>'yes',
                ],
            ]
        );
        $this->add_control(
            'pylon_image__btn_text',
            [
                'label'       => esc_html__( 'Buttn Text', 'pyloncore' ),
                'type'        => Controls_Manager::TEXT,
                'default'     => esc_html__( 'Request Loan', 'pyloncore' ),
                'label_block' => true,
                'condition'   => [
                    'pylon_image_styles' =>'7',
                    'pylon_image_content_enable'=>'yes',
                ],
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_image_content_box',
            [
                'label'     => esc_html__( 'Content Box', 'pyloncore' ),
                'tab'       => Controls_Manager::TAB_STYLE,
                'condition' => [
                    'pylon_image_styles' => ['2','7'],
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Background::get_type(),
            [
                'name'      => 'pylon_image_content_box_bg',
                'label'     => esc_html__( 'Background', 'pyloncore' ),
                'types'     => ['classic', 'gradient', 'video'],
                'selector'  => '{{WRAPPER}} .about-two__box',
                'condition' => [
                    'pylon_image_styles' => ['2','7'],
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_content_box_width',
            [
                'label'      => esc_html__( 'Max Width', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 50,
                        'max'  => 350,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => 240,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .about-two__box,{{WRAPPER}} .benefits-two__img .overlay-content' => 'max-width: {{SIZE}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_image_styles' => ['2','7'],
                ],
            ]

);
        $this->add_responsive_control(
            'pylon_image_content_box_margin',
            [
                'label'      => esc_html__( 'Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .about-two__box,{{WRAPPER}} .benefits-two__img .overlay-content' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_content_box_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'default'    => [
                    'top'      => '60',
                    'right'    => '60',
                    'bottom'   => '55',
                    'left'     => '60',
                    'isLinked' => true,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .about-two__box,{{WRAPPER}} .benefits-two__img .overlay-content' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_content_box_radius',
            [
                'label'      => esc_html__( 'Border Radius', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 0,
                        'max'  => 50,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => 4,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .about-two__box' => 'border-radius: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_content_box_top',
            [
                'label'      => esc_html__( 'Position Top to Bottom', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 0,
                        'max'  => 200,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => 30,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .about-two__box,{{WRAPPER}} .benefits-two__img .overlay-content' => 'bottom: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_content_box_left',
            [
                'label'      => esc_html__( 'Position Left to Right', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => -300,
                        'max'  => 300,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => -90,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .about-two__box,{{WRAPPER}} .benefits-two__img .overlay-content' => 'left: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Box_Shadow::get_type(),
            [
                'name'     => 'pylon_image_content_box_shadow',
                'label'    => esc_html__( 'Box Shadow', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .about-two__box,{{WRAPPER}} .benefits-two__img .overlay-content',
            ]
        );
        $this->end_controls_section();

$this->start_controls_section(
            'pylon_image_content_css',
            [
                'label'     => esc_html__( 'Pylon Content', 'pyloncore' ),
                'tab'       => Controls_Manager::TAB_STYLE,
                'condition' => [
                    'pylon_image_content_enable' => 'yes',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_content1_icon_color',
            [
                'label'     => esc_html__( 'Icon Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .why-choose__image > p > i,{{WRAPPER}} .benefits-two__img .overlay-content .icon-box span::before' => 'color: {{VALUE}}',
                ],
                'condition' => [
                    'pylon_image_styles' => ['1','7'],
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_content1_icon_size',
            [
                'label'      => esc_html__( 'Icon Size', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 10,
                        'max'  => 150,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => 60,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .why-choose__image > p > i,{{WRAPPER}} .benefits-two__img .overlay-content .icon-box span::before' => 'font-size: {{SIZE}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_image_styles' => ['1','7'],
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_content1_icon_margin',
            [
                'label'      => esc_html__( 'Icon Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'default'    => [
                    'top'      => '',
                    'right'    => '20',
                    'bottom'   => '',
                    'left'     => '',
                    'isLinked' => true,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .why-choose__image > p > i,{{WRAPPER}} .benefits-two__img .overlay-content .icon-box' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_image_styles' => ['1','7'],
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_content1_title_color',
            [
                'label'     => esc_html__( 'Title Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .why-choose__image > p,{{WRAPPER}} .benefits-two__img .overlay-content .icon-box
                ,{{WRAPPER}} .benefits-two__img .overlay-content .title-box h2 ' => 'color: {{VALUE}}',
                ],
                'condition' => [
                    'pylon_image_styles' => ['1','7'],
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name'      => 'pylon_image_content1_title_typo',
                'label'     => esc_html__( 'Typography', 'pyloncore' ),
                'selector'  => '{{WRAPPER}} .why-choose__image > p
                ,{{WRAPPER}} .benefits-two__img .overlay-content .title-box h2',
                'condition' => [
                    'pylon_image_styles' => ['1','7'],
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_content1_title_margin',
            [
                'label'      => esc_html__( 'Title Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .why-choose__image > p
                ,{{WRAPPER}} .benefits-two__img .overlay-content .title-box h2 ' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_image_styles' => ['1','7'],
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_content1_title_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .why-choose__image > p
                ,{{WRAPPER}} .benefits-two__img .overlay-content .title-box h2 ' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_image_styles' => ['1','7'],
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_content2_icon_color',
            [
                'label'     => esc_html__( 'Icon Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .about-two__box > i' => 'color: {{VALUE}}',
                ],
                'condition' => [
                    'pylon_image_styles' => '2',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_content2_icon_size',
            [
                'label'      => esc_html__( 'Icon Size', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 10,
                        'max'  => 150,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => 60,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .about-two__box > i' => 'font-size: {{SIZE}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_image_styles' => '2',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_content2_icon_margin',
            [
                'label'      => esc_html__( 'Icon Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'default'    => [
                    'top'      => '',
                    'right'    => '20',
                    'bottom'   => '',
                    'left'     => '',
                    'isLinked' => true,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .about-two__box > i' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_image_styles' => '2',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_content2_title_color',
            [
                'label'     => esc_html__( 'Title Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .about-two__box h3' => 'color: {{VALUE}}',
                ],
                'condition' => [
                    'pylon_image_styles' => '2',
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name'      => 'pylon_image_content2_title_typo',
                'label'     => esc_html__( 'Typography', 'pyloncore' ),
                'selector'  => '{{WRAPPER}} .about-two__box h3',
                'condition' => [
                    'pylon_image_styles' => '2',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_content2_title_margin',
            [
                'label'      => esc_html__( 'Title Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .about-two__box h3' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_image_styles' => '2',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_content2_title_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .about-two__box h3' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_image_styles' => '2',
                ],
            ]
        );
        $this->add_control(
            'pylon_image_hr',
            [
                'type' => \Elementor\Controls_Manager::DIVIDER,
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name' => 'pylon_image_typography',
                'selector' => '{{WRAPPER}} .benefits-two__img .overlay-content .btn-box .thm-btn2',
                'condition'  => [
                    'pylon_image_styles' => '7',
                ],
            ]
        );
        $this->add_control(
            'pylon_image__color',
            [
                'label' => esc_html__( 'Color', 'pyloncore' ),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .benefits-two__img .overlay-content .btn-box .thm-btn2' => 'color: {{VALUE}}',
                    'condition'  => [
                    'pylon_image_styles' => '7',
                        ],
                ],
            ]
        );
        $this->add_control(
            'pylon_image__bcolor',
            [
                'label' => esc_html__( 'BColor', 'pyloncore' ),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .benefits-two__img .overlay-content .btn-box .thm-btn2' => 'background: {{VALUE}}',
                    'condition'  => [
                    'pylon_image_styles' => '7',
                    ],
                ],
            ]
        );
        $this->add_control(
            'pylon_image__hbcolor',
            [
                'label' => esc_html__( 'BhColor', 'pyloncore' ),
                'type' => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .thm-btn2:before' => 'background: {{VALUE}}',
                ],
                'condition'  => [
                    'pylon_image_styles' => '7',
                ],
            ]
        );
        $this->end_controls_section();

$this->start_controls_section(
            'pylon_image_background_css',
            [
                'label' => esc_html__( 'background', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Background::get_type(),
            [
                'name'      => 'pylon_image_bg',
                'label'     => esc_html__( 'Background ', 'pyloncore' ),
                'types'     => ['classic', 'gradient', 'video'],
                'selector'  => '{{WRAPPER}} .trusted-company-two__image',
                'condition' => [
                    'pylon_image_styles' => '3',
                ],
            ]
        ); 
        $this->add_responsive_control(
            'pylon_image_width',
            [
                'label'      => esc_html__( 'Width', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 0,
                        'max'  => 10000,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => 20,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .trusted-company-two__image' => 'width: {{SIZE}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_image_styles' => '3',
                ],
            ]
        );

$this->add_responsive_control(
            'pylon_image_heiht',
            [
                'label'      => esc_html__( 'Height', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 0,
                        'max'  => 700,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => 338,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .trusted-company-two__image' => 'height: {{SIZE}}{{UNIT}};',
                ],
                'condition'  => [
                    
                    'pylon_image_styles' => '3',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_top',
            [
                'label'      => esc_html__( 'Top Top Bottom', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => -300,
                        'max'  => 700,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => 0,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .trusted-company-two__image' => 'top: {{SIZE}}{{UNIT}};',
                ],
                'condition'  => [
                    
                    'pylon_image_styles' => '3',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_left',
            [
                'label'      => esc_html__( 'Left Top Right', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => -700,
                        'max'  => 700,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => -50,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .trusted-company-two__image' => 'left: {{SIZE}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_image_styles' => '3',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_radius',
            [
                'label'      => esc_html__( 'Border Radius', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px','%'],
                'range'      => [
                    'px' => [
                        'min'  => 0,
                        'max'  => 500,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => '',
                ],
                'selectors'  => [
                    '{{WRAPPER}} .trusted-company-two__image' => 'border-radius: {{SIZE}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_image_styles' => '3',
                ],
            ]
        );

$this->end_controls_section();

$this->start_controls_section(
            'pylon_image_after_css',
            [
                'label' => esc_html__( 'After / Before', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Background::get_type(),
            [
                'name'      => 'pylon_image_after_bg',
                'label'     => esc_html__( 'Background before', 'pyloncore' ),
                'types'     => ['classic', 'gradient', 'video'],
                'selector'  => '{{WRAPPER}} .about-two__image:before,{{WRAPPER}} .trusted-company-two__image:before',
                'condition' => [
                    'pylon_image_styles' => '2',
                    'pylon_image_styles' => '3',
                ],
            ]
        );

$this->add_responsive_control(
            'pylon_image_after_width',
            [
                'label'      => esc_html__( 'Width before', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 0,
                        'max'  => 10000,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => 20,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .about-two__image:before,{{WRAPPER}} .trusted-company-two__image:before' => 'width: {{SIZE}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_image_styles' => '2',
                    'pylon_image_styles' => '3',
                ],
            ]
        );

$this->add_responsive_control(
            'pylon_image_after_heiht',
            [
                'label'      => esc_html__( 'Height', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 0,
                        'max'  => 700,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => 338,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .about-two__image:before,{{WRAPPER}} .trusted-company-two__image:before' => 'height: {{SIZE}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_image_styles' => '2',
                    'pylon_image_styles' => '3',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_after_top',
            [
                'label'      => esc_html__( 'Top Top Bottom', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => -300,
                        'max'  => 700,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => 0,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .about-two__image:before,{{WRAPPER}} .trusted-company-two__image:before' => 'top: {{SIZE}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_image_styles' => '2',
                    'pylon_image_styles' => '3',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_after_left',
            [
                'label'      => esc_html__( 'Left Top Right', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => -700,
                        'max'  => 700,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => -50,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .about-two__image:before,{{WRAPPER}} .trusted-company-two__image:before' => 'left: {{SIZE}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_image_styles' => '2',
                    'pylon_image_styles' => '3',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_after_radius',
            [
                'label'      => esc_html__( 'Border Radius', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 0,
                        'max'  => 50,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => 4,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .about-two__image:before,{{WRAPPER}} .trusted-company-two__image:before' => 'border-radius: {{SIZE}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_image_styles' => '2',
                    'pylon_image_styles' => '3',
                ],
            ]
        );
         $this->add_control(
            'hr',
            [
                'type' => \Elementor\Controls_Manager::DIVIDER,
            ]
        );

$this->add_group_control(
            \Elementor\Group_Control_Background::get_type(),
            [
                'name'      => 'pylon_image_after1_bg',
                'label'     => esc_html__( 'Background', 'pyloncore' ),
                'types'     => ['classic', 'gradient', 'video'],
                'selector'  => '{{WRAPPER}} .why-choose__image:before,{{WRAPPER}} .trusted-company-two__image img',
                'condition' => [
                    'pylon_image_styles' => '1',
                    'pylon_image_styles' => '3',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_after1_width',
            [
                'label'      => esc_html__( 'Width', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 0,
                        'max'  => 10000,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => 10000,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .why-choose__image:before,{{WRAPPER}} .trusted-company-two__image img' => 'width: {{SIZE}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_image_styles' => '1',
                    'pylon_image_styles' => '3',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_after1_height',
            [
                'label'     => esc_html__( 'Height', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::TEXT,
                'default'   => 'calc(100% + 100px)',
                'condition' => [
                    'pylon_image_styles' => '1',
                ],
                'selectors' => [
                    '{{WRAPPER}} .why-choose__image::before,{{WRAPPER}} .trusted-company-two__image img' => 'height: {{VALUE}}',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_after1_bottom',
            [
                'label'      => esc_html__( 'Top Top Bottom', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => -300,
                        'max'  => 700,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => 0,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .why-choose__image:before,{{WRAPPER}} .trusted-company-two__image img' => 'bottom: {{SIZE}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_image_styles' => '1',
                    'pylon_image_styles' => '3',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_after1_right',
            [
                'label'      => esc_html__( 'Left Top Right', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => -700,
                        'max'  => 700,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => 0,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .why-choose__image:before,{{WRAPPER}} .trusted-company-two__image img' => 'right: {{SIZE}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_image_styles' => '1',
                    'pylon_image_styles' => '3',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_image_after1_radius',
            [
                'label'      => esc_html__( 'Border Radius', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px','%'],
                'range'      => [
                    'px' => [
                        'min'  => 0,
                        'max'  => 700,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'unit' => 'px',
                    'size' => 4,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .why-choose__image:before,{{WRAPPER}} .trusted-company-two__image img' => 'border-radius: {{SIZE}}{{UNIT}};',
                ],
                'condition'  => [
                    'pylon_image_styles' => '1',
                    'pylon_image_styles' => '3',
                ],
            ]
        );
        $this->end_controls_section();
    }
    //Render
    protected function render() {
        $settings = $this->get_settings_for_display();

if($settings['pylon_image_styles'] == '7'){
        if ( $settings['pylon_image__btn_links'] == 'page' ) {
            $pylon_link = get_page_link( $settings['pylon_image__page_link'] );
        } else {
            $pylon_link = $settings['pylon_image__extral'];
        }  ?>
             <div class="benefits-two__img">
                            <img src="<?php echo esc_url($settings['pylon_image_upload']['url'])?>" alt="#">
                            <?php if($settings['pylon_image_content_enable'] == 'yes'){?>
                            <div class="overlay-content wow fadeInLeft" data-wow-delay="100ms"
                                data-wow-duration="1500ms">
                                <div class="icon-box">
                                    <span class="<?php echo esc_attr($settings['pylon_image_icon']['value']); ?>"></span>
                                </div>
                                <div class="title-box">
                                    <h2><?php echo esc_html($settings['pylon_image_text']); ?></h2>
                                </div>
                                <div class="btn-box">
                                    <a class="thm-btn2" href="<?php  echo $pylon_link; ?>"><?php echo esc_html($settings['pylon_image__btn_text']); ?></a>
                                </div>
                            </div>
                        <?php } ?>
                        </div>
        <?php }elseif ($settings['pylon_image_styles'] == '6'){ ?>
        <div class="benefits-one__img clearfix">
            <div class="shape1"><img src="<?php echo esc_attr($settings['pylon_image_shape_upload']['url'])?>"
                    alt="#"></div>
            <img src="<?php echo esc_url($settings['pylon_image_upload']['url'])?>" alt="#">
            <?php if($settings['pylon_counter_box_content1'] == 'yes'){
            echo '<div class="counter-box">
                <h3><span class="odometer" data-count="'.esc_attr($settings['pylon_counter_box_number']).'">00</span><span class="parsent">'.esc_html($settings['pylon_counter_box_parsent1']).'</span></h3>
                <p>'.wp_kses_post($settings['pylon_counter_box_title1']).'</p>
            </div>';
        } ?>
         </div>
      <?php }elseif($settings['pylon_image_styles'] == '5'){ ?>
            <div class="about-five__img clearfix">
                <div class="shape1"><img src="<?php echo esc_url($settings['pylon_image_shape_upload']['url'])?>"
                        alt="#"></div>
                <div class="about-five__img1 wow fadeInRight" data-wow-delay="100ms"
                    data-wow-duration="1500ms">
                    <img src="<?php echo esc_url($settings['pylon_image_upload']['url'])?>">
                </div>

<?php }elseif($settings['pylon_image_styles'] == '3'){ ?>

<?php if($settings['pylon_image_styles'] == '1' ) : ?>
            <div class="why-choose__image">
            <?php if($settings['pylon_image_content_enable'] == 'yes'){
                echo '<p><i class="'.esc_attr($settings['pylon_image_icon']['value']).'"></i>'.esc_html($settings['pylon_image_text']).'</p>';
            }?>
                <img src="<?php echo esc_url($settings['pylon_image_upload']['url']) ?>" alt="<?php the_title_attribute( bloginfo( 'name' ) );?>">
            </div>
        <?php else : ?>
            <div class="about-two__image">
                <img src="<?php echo esc_url($settings['pylon_image_upload']['url']) ?>" alt="<?php the_title_attribute( bloginfo( 'name' ) );?>">  
                <?php if($settings['pylon_image_content_enable'] == 'yes') : ?>
                <div class="about-two__box">
                    <i class="<?php echo esc_attr($settings['pylon_image_icon']['value']); ?>"></i>
                    <h3><?php echo esc_html($settings['pylon_image_text']); ?></h3>
                </div>
                <?php endif; ?>
            </div>
        <?php endif; ?>
        <?php }  ?>
        <?php
    }
}
Plugin::instance()->widgets_manager->register_widget_type( new Pylon_Image_Widget );

cmd: