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/counter-box.php (16659B)

<?php
namespace Elementor;

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

class pylon_Counter_Box_Widget extends Widget_Base {
	public function get_name() {
		return 'pylon_counter_box';
	}
	public function get_title() {
		return esc_html__('pylon Counter Box','pyloncore');
	}
	public function get_icon() {
		return ' eicon-counter';
	}
	public function get_categories() {
		return ['pylon'];
	}
	public function get_keywords() {
        return [ 'counter','box' ];
    }
	protected function register_controls() {
	 		$this->start_controls_section('pylon_counter_options', [
			'label'	=> esc_html__('counter','pyloncore'),
			'tab'	=> Controls_Manager::TAB_CONTENT,
		]);
	 	 $this->add_responsive_control(
            'pylon_counter_box_style_select',
            [
                'label'   => esc_html__( 'Select Style', 'pyloncore' ),
                'type'    => \Elementor\Controls_Manager::SELECT,
                'default' => 'one',
                'options' => [
                    'one' => esc_html__( 'Style One', 'pyloncore' ),
                    'two' => esc_html__( 'Style Two', 'pyloncore' ),
                    'three' => esc_html__( 'Style Three', 'pyloncore' ),

],
            ]
        );
		$this->add_control(
			'pylon_counter_box_align',
			[
				'label' => esc_html__( 'Alignment', 'pyloncore' ),
				'type' => \Elementor\Controls_Manager::CHOOSE,
				'options' => [
					'left' => [
						'title' => esc_html__( 'Left', 'pyloncore' ),
						'icon' => 'eicon-text-align-left',
					],
					'center' => [
						'title' => esc_html__( 'Center', 'pyloncore' ),
						'icon' => 'eicon-text-align-center',
					],
					'right' => [
						'title' => esc_html__( 'Right', 'pyloncore' ),
						'icon' => 'eicon-text-align-right',
					],
					'space-around' => [
						'title' => esc_html__( 'Space-around', 'pyloncore' ),
						'icon' => ' eicon-justify-space-around-h',

],
					'space-between' => [
						'title' => esc_html__( 'Space-between', 'pyloncore' ),
						'icon' => 'eicon-justify-space-between-h',
					
					],
					'space-evenly' => [
						'title' => esc_html__( 'Space-evenly', 'pyloncore' ),
						'icon' => 'eicon-justify-space-evenly-h',
					
					],
				],
				'default' => 'center',
				'toggle' => true,
				'selectors' => [
					'{{WRAPPER}} .counter-two__list' => 'justify-content: {{VALUE}};',
				],
			]
		);

$repeater = new \Elementor\Repeater();
		$repeater->add_control(
			'pylon_counter_box_icon',
			[
				'label' => esc_html__( 'Icon', 'pyloncore' ),
				'type' => \Elementor\Controls_Manager::ICONS,
			]
		);

$repeater->add_control(
	        'pylon_counter_box_number',
	        [
	            'label'   => esc_html__( 'Number', 'pyloncore' ),
	            'type'    => \Elementor\Controls_Manager::NUMBER,
	            'min'     => 1,
	            'max'     => 10000,
	            'step'    => 1,
	            'default' => 99,
	        ]
	    );
	    $repeater->add_control(
	        'pylon_counter_box_symble',
	        [
	            'label'   => esc_html__( 'Symbol', 'pyloncore' ),
	            'type'    => \Elementor\Controls_Manager::TEXT,
	            'default' => esc_html__( '%', 'pyloncore' ),
	        ]
	    );
	    $repeater->add_control(
	        'pylon_counter_box_title',
	        [
	            'label'   => esc_html__( 'Title', 'pyloncore' ),
	            'type'    => \Elementor\Controls_Manager::TEXT,
	            'default' => esc_html__('Award Winning', 'pyloncore' ),
	        ]
	    );
		
		$this->add_control(
	        'pylon_counter_box',
	        [
	            'label'   => esc_html__( 'Testimonial List', 'pyloncore' ),
	            'type'    => \Elementor\Controls_Manager::REPEATER,
	            'fields'  => $repeater->get_controls(),
	            'default' => [
	                [
	                    'pylon_counter_box_icon'  => esc_html__( 'Clydepylon-two-icon-loan', 'pyloncore' ),
	                ],
	            ],
	        ]
	    );
	$this->end_controls_section();
	$this->start_controls_section(
	        'pylon_counter_box__style',
	        [
	            'label' => esc_html__( 'Box', 'pyloncore' ),
	            'tab'   => Controls_Manager::TAB_STYLE,
	            'condition' => [
					'pylon_counter_box_style_select' => 'two',
				],
	        ]
	    );
		 $this->add_responsive_control(
	        'pylon_counter_box__padding',
	        [
	            'label'      => esc_html__( 'Padding', 'pyloncore' ),
	            'type'       => Controls_Manager::DIMENSIONS,
	            'size_units' => ['px', '%', 'em'],
	            'selectors'  => [
	                '{{WRAPPER}} .about-five__content-bottom-right' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
	            ],
	        ]
	    );

$this->add_group_control(
			\Elementor\Group_Control_Background::get_type(),
			[
				'name' => 'pylon_counter_box__background',
				'types' => [ 'classic', 'gradient', 'video' ],
				'selector' => '{{WRAPPER}} .about-five__content-bottom-right',
			]
		);
	$this->end_controls_section();
	$this->start_controls_section(
	        'pylon_counter_box_inner_style',
	        [
	            'label' => esc_html__( 'inner', 'pyloncore' ),
	            'tab'   => Controls_Manager::TAB_STYLE,
	            'condition' => [
					'pylon_counter_box_style_select' => 'two',
				],
	        ]
	    );
	$this->add_group_control(
			\Elementor\Group_Control_Background::get_type(),
			[
				'name' => 'pylon_counter_box_inner_background',
				'types' => [ 'classic', 'gradient', 'video' ],
				'selector' => '{{WRAPPER}} .about-five__content-bottom-right .inner',
			]
		);
	$this->add_group_control(
			\Elementor\Group_Control_Border::get_type(),
			[
				'name' => 'border',
				'selector' => '{{WRAPPER}} .about-five__content-bottom-right .inner',
			]
		);
	 $this->add_responsive_control(
	        'pylon_counter_box_inner__padding',
	        [
	            'label'      => esc_html__( 'Padding', 'pyloncore' ),
	            'type'       => Controls_Manager::DIMENSIONS,
	            'size_units' => ['px', '%', 'em'],
	            'selectors'  => [
	                '{{WRAPPER}} .about-five__content-bottom-right .inner' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
	            ],
	        ]
	    );

$this->end_controls_section();
	$this->start_controls_section(
	        'pylon_counter_box_amount_style',
	        [
	            'label' => esc_html__( 'Number', 'pyloncore' ),
	            'tab'   => Controls_Manager::TAB_STYLE,
	        ]
	    );
	$this->add_responsive_control(
	        'pylon_counter_box_amount_color',
	        [
	            'label'     => esc_html__( 'Color', 'pyloncore' ),
	            'type'      => \Elementor\Controls_Manager::COLOR,
	            'selectors' => [
	                '{{WRAPPER}} .counter-two__list li .text-box h3,{{WRAPPER}} .about-five__content-bottom-right-top .counter-box h2,{{WRAPPER}} .counter-three__inner ul li h2' => 'color: {{VALUE}}',
	            ],
	        ]
	    );
	$this->add_group_control(
	        \Elementor\Group_Control_Typography::get_type(),
	        [
	            'name'     => 'pylon_counter_box_amount_typo',
	            'label'    => esc_html__( 'Typography', 'pyloncore' ),
	            'selector' => '{{WRAPPER}} .counter-two__list li .text-box h3,{{WRAPPER}} .about-five__content-bottom-right-top .counter-box h2,{{WRAPPER}} .counter-three__inner ul li h2',
	        ]
	    );
	 $this->add_responsive_control(
	        'pylon_counter_box_number_padding',
	        [
	            'label'      => esc_html__( 'Padding', 'pyloncore' ),
	            'type'       => Controls_Manager::DIMENSIONS,
	            'size_units' => ['px', '%', 'em'],
	            'selectors'  => [
	                '{{WRAPPER}} .counter-two__list li .text-box h3,{{WRAPPER}} .about-five__content-bottom-right-top .counter-box h2,{{WRAPPER}} .counter-three__inner ul li h2' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
	            ],
	        ]
	    );
	$this->end_controls_section();

$this->start_controls_section(
            'pylon_counter_box_Icon_style',
            [
                'label' => esc_html__( 'Icon', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_responsive_control(
            'pylon_counter_box_Icon_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .counter-two__list li .icon-box span::before,
                    {{WRAPPER}} .about-five__content-bottom-right-top .icon-box span i::before' => 'color: {{VALUE}}',
                ],
            ]
        );

$this->add_group_control(
            \Elementor\Group_Control_Background::get_type(),
            [
                'name' => 'pylon_counter_box_Icon_bg',
                'label' => esc_html__( 'Background', 'pyloncore' ),
                'types' => [ 'gradient' ],
                'selector' => '{{WRAPPER}} .counter-two__list li .icon-box,{{WRAPPER}} .about-five__content-bottom-right-top .icon-box',
            ]
        );
        $this->add_responsive_control(
            'pylon_counter_box_icon_size',
            [
                'label'      => esc_html__( 'Icon Size', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 20,
                        'max'  => 150,
                        'step' => 1,
                    ],
                ],
                'selectors'  => [
                    '{{WRAPPER}} .counter-two__list li .icon-box span::before,
                    {{WRAPPER}} .about-five__content-bottom-right-top .icon-box span i::before' => 'font-size: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->add_group_control(
			\Elementor\Group_Control_Border::get_type(),
			[
				'name' => 'pylon_counter_box_border',
				'selector' => '{{WRAPPER}} .counter-two__list li .icon-box,{{WRAPPER}} .about-five__content-bottom-right-top .icon-box',
			]
		);

$this->end_controls_section();

$this->start_controls_section(
            'pylon_counter_box_title',
            [
                'label' => esc_html__( 'Title', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
         $this->add_group_control(
	        \Elementor\Group_Control_Typography::get_type(),
	        [
	            'name'     => 'pylon_counter_box_title_typo',
	            'label'    => esc_html__( 'Typography', 'pyloncore' ),
	            'selector' => '{{WRAPPER}} .counter-two__list li .text-box p,{{WRAPPER}} .about-five__content-bottom-right .inner .text-box p,{{WRAPPER}} .counter-three__inner ul li p',
	        ]
	    );
        $this->add_responsive_control(
            'pylon_counter_box_titl_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .counter-two__list li .text-box p,{{WRAPPER}} .about-five__content-bottom-right .inner .text-box p,{{WRAPPER}} .counter-three__inner ul li p' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_counter_box_titl_hover_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .counter-two__list li .text-box p:hover,{{WRAPPER}} .about-five__content-bottom-right .inner .text-box p:hover,{{WRAPPER}} .counter-three__inner ul li p:hover' => 'color: {{VALUE}}',
                ],
            ]
        );
         $this->add_responsive_control(
	        'pylon_counter_box_title_padding',
	        [
	            'label'      => esc_html__( 'Padding', 'pyloncore' ),
	            'type'       => Controls_Manager::DIMENSIONS,
	            'size_units' => ['px', '%', 'em'],
	            'selectors'  => [
	                '{{WRAPPER}} .counter-two__list li .text-box p,{{WRAPPER}} .about-five__content-bottom-right .inner .text-box p,{{WRAPPER}} .counter-three__inner ul li p' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
	            ],
	        ]
	    );

$this->end_controls_section();

}
	protected function render() {
		$settings = $this->get_settings_for_display(); ?>
        <?php if($settings['pylon_counter_box_style_select'] == 'one'){ ?>
                <ul class="counter-two__list">
        	<?php foreach ($settings['pylon_counter_box'] as $pylon_counter_value) { ?>
	    		<li>
                    <div class="icon-box">
                        <span class="<?php echo esc_attr($pylon_counter_value['pylon_counter_box_icon']['value'])?>"></span>
                    </div>
                    <div class="text-box">
                        <h3>
                        	<span class="odometer" data-count="<?php echo esc_attr($pylon_counter_value['pylon_counter_box_number'])?>">00</span>
                        	<span><?php echo esc_html($pylon_counter_value['pylon_counter_box_symble']); ?></span>
                        </h3>
                        <p><?php echo esc_html($pylon_counter_value['pylon_counter_box_title'])?></p>
                    </div>
	            </li>
	        <?php } ?>            
                </ul>
        <?php }elseif ($settings['pylon_counter_box_style_select'] == 'two') { ?>
        	<?php foreach ($settings['pylon_counter_box'] as $pylon_counter_value) { ?>
        	<div class="about-five__content-bottom-right">
	            <div class="inner">
	                <div class="about-five__content-bottom-right-top">
	                    <div class="counter-box">
	                        <h2><span class="odometer" data-count="<?php echo esc_attr($pylon_counter_value['pylon_counter_box_number'])?>">00</span></h2>
	                    </div>
	                    <div class="icon-box">
	                        <span><?php Icons_Manager::render_icon( $pylon_counter_value['pylon_counter_box_icon'], [ 'aria-hidden' => 'true' ] ); ?></span>
	                    </div>
	                </div>

<div class="text-box">
	                    <p><?php echo esc_html($pylon_counter_value['pylon_counter_box_title'])?></p>
	                </div>
	            </div>
	        </div>
        <?php } }elseif ($settings['pylon_counter_box_style_select'] == 'three') { ?>
                <div class="counter-three__inner">
                    <ul>
                    	<?php foreach ($settings['pylon_counter_box'] as $pylon_counter_value) { ?>
                        <li>
                            <h2><span class="odometer" data-count="<?php echo esc_attr($pylon_counter_value['pylon_counter_box_number'])?>">00</span><span class="plus"><?php echo esc_html($pylon_counter_value['pylon_counter_box_symble']); ?></span></h2>
                            <p><?php echo esc_html($pylon_counter_value['pylon_counter_box_title'])?></p>
                        </li>
                    <?php } ?>
                    </ul>
                </div>
      <?php   }  ?>
	<?php 
        echo '
        <script>
            jQuery(document).ready(function($) {
                "use strict";
                if (jQuery(".odometer").length) {
                    jQuery(".odometer").appear(function(e) {
                        var odo = jQuery(".odometer");
                        odo.each(function() {
                            var countNumber = jQuery(this).attr("data-count");
                            jQuery(this).html(countNumber);
                        });
                    });
                }
            });
        </script>
        ';
	}
}
Plugin::instance()->widgets_manager->register_widget_type( new pylon_Counter_Box_Widget );

start_controls_section('pylon_counter_options', [ 'label' => esc_html__('counter','pyloncore'), 'tab' => Controls_Manager::TAB_CONTENT, ]); $this->add_responsive_control( 'pylon_counter_box_style_select', [ 'label' => esc_html__( 'Select Style', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::SELECT, 'default' => 'one', 'options' => [ 'one' => esc_html__( 'Style One', 'pyloncore' ), 'two' => esc_html__( 'Style Two', 'pyloncore' ), 'three' => esc_html__( 'Style Three', 'pyloncore' ), ], ] ); $this->add_control( 'pylon_counter_box_align', [ 'label' => esc_html__( 'Alignment', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::CHOOSE, 'options' => [ 'left' => [ 'title' => esc_html__( 'Left', 'pyloncore' ), 'icon' => 'eicon-text-align-left', ], 'center' => [ 'title' => esc_html__( 'Center', 'pyloncore' ), 'icon' => 'eicon-text-align-center', ], 'right' => [ 'title' => esc_html__( 'Right', 'pyloncore' ), 'icon' => 'eicon-text-align-right', ], 'space-around' => [ 'title' => esc_html__( 'Space-around', 'pyloncore' ), 'icon' => ' eicon-justify-space-around-h', ], 'space-between' => [ 'title' => esc_html__( 'Space-between', 'pyloncore' ), 'icon' => 'eicon-justify-space-between-h', ], 'space-evenly' => [ 'title' => esc_html__( 'Space-evenly', 'pyloncore' ), 'icon' => 'eicon-justify-space-evenly-h', ], ], 'default' => 'center', 'toggle' => true, 'selectors' => [ '{{WRAPPER}} .counter-two__list' => 'justify-content: {{VALUE}};', ], ] ); $repeater = new \Elementor\Repeater(); $repeater->add_control( 'pylon_counter_box_icon', [ 'label' => esc_html__( 'Icon', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::ICONS, ] ); $repeater->add_control( 'pylon_counter_box_number', [ 'label' => esc_html__( 'Number', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::NUMBER, 'min' => 1, 'max' => 10000, 'step' => 1, 'default' => 99, ] ); $repeater->add_control( 'pylon_counter_box_symble', [ 'label' => esc_html__( 'Symbol', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::TEXT, 'default' => esc_html__( '%', 'pyloncore' ), ] ); $repeater->add_control( 'pylon_counter_box_title', [ 'label' => esc_html__( 'Title', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::TEXT, 'default' => esc_html__('Award Winning', 'pyloncore' ), ] ); $this->add_control( 'pylon_counter_box', [ 'label' => esc_html__( 'Testimonial List', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::REPEATER, 'fields' => $repeater->get_controls(), 'default' => [ [ 'pylon_counter_box_icon' => esc_html__( 'Clydepylon-two-icon-loan', 'pyloncore' ), ], ], ] ); $this->end_controls_section(); $this->start_controls_section( 'pylon_counter_box__style', [ 'label' => esc_html__( 'Box', 'pyloncore' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'pylon_counter_box_style_select' => 'two', ], ] ); $this->add_responsive_control( 'pylon_counter_box__padding', [ 'label' => esc_html__( 'Padding', 'pyloncore' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', '%', 'em'], 'selectors' => [ '{{WRAPPER}} .about-five__content-bottom-right' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( \Elementor\Group_Control_Background::get_type(), [ 'name' => 'pylon_counter_box__background', 'types' => [ 'classic', 'gradient', 'video' ], 'selector' => '{{WRAPPER}} .about-five__content-bottom-right', ] ); $this->end_controls_section(); $this->start_controls_section( 'pylon_counter_box_inner_style', [ 'label' => esc_html__( 'inner', 'pyloncore' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'pylon_counter_box_style_select' => 'two', ], ] ); $this->add_group_control( \Elementor\Group_Control_Background::get_type(), [ 'name' => 'pylon_counter_box_inner_background', 'types' => [ 'classic', 'gradient', 'video' ], 'selector' => '{{WRAPPER}} .about-five__content-bottom-right .inner', ] ); $this->add_group_control( \Elementor\Group_Control_Border::get_type(), [ 'name' => 'border', 'selector' => '{{WRAPPER}} .about-five__content-bottom-right .inner', ] ); $this->add_responsive_control( 'pylon_counter_box_inner__padding', [ 'label' => esc_html__( 'Padding', 'pyloncore' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', '%', 'em'], 'selectors' => [ '{{WRAPPER}} .about-five__content-bottom-right .inner' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->end_controls_section(); $this->start_controls_section( 'pylon_counter_box_amount_style', [ 'label' => esc_html__( 'Number', 'pyloncore' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_responsive_control( 'pylon_counter_box_amount_color', [ 'label' => esc_html__( 'Color', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .counter-two__list li .text-box h3,{{WRAPPER}} .about-five__content-bottom-right-top .counter-box h2,{{WRAPPER}} .counter-three__inner ul li h2' => 'color: {{VALUE}}', ], ] ); $this->add_group_control( \Elementor\Group_Control_Typography::get_type(), [ 'name' => 'pylon_counter_box_amount_typo', 'label' => esc_html__( 'Typography', 'pyloncore' ), 'selector' => '{{WRAPPER}} .counter-two__list li .text-box h3,{{WRAPPER}} .about-five__content-bottom-right-top .counter-box h2,{{WRAPPER}} .counter-three__inner ul li h2', ] ); $this->add_responsive_control( 'pylon_counter_box_number_padding', [ 'label' => esc_html__( 'Padding', 'pyloncore' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', '%', 'em'], 'selectors' => [ '{{WRAPPER}} .counter-two__list li .text-box h3,{{WRAPPER}} .about-five__content-bottom-right-top .counter-box h2,{{WRAPPER}} .counter-three__inner ul li h2' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->end_controls_section(); $this->start_controls_section( 'pylon_counter_box_Icon_style', [ 'label' => esc_html__( 'Icon', 'pyloncore' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_responsive_control( 'pylon_counter_box_Icon_color', [ 'label' => esc_html__( 'Color', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .counter-two__list li .icon-box span::before, {{WRAPPER}} .about-five__content-bottom-right-top .icon-box span i::before' => 'color: {{VALUE}}', ], ] ); $this->add_group_control( \Elementor\Group_Control_Background::get_type(), [ 'name' => 'pylon_counter_box_Icon_bg', 'label' => esc_html__( 'Background', 'pyloncore' ), 'types' => [ 'gradient' ], 'selector' => '{{WRAPPER}} .counter-two__list li .icon-box,{{WRAPPER}} .about-five__content-bottom-right-top .icon-box', ] ); $this->add_responsive_control( 'pylon_counter_box_icon_size', [ 'label' => esc_html__( 'Icon Size', 'pyloncore' ), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px'], 'range' => [ 'px' => [ 'min' => 20, 'max' => 150, 'step' => 1, ], ], 'selectors' => [ '{{WRAPPER}} .counter-two__list li .icon-box span::before, {{WRAPPER}} .about-five__content-bottom-right-top .icon-box span i::before' => 'font-size: {{SIZE}}{{UNIT}};', ], ] ); $this->add_group_control( \Elementor\Group_Control_Border::get_type(), [ 'name' => 'pylon_counter_box_border', 'selector' => '{{WRAPPER}} .counter-two__list li .icon-box,{{WRAPPER}} .about-five__content-bottom-right-top .icon-box', ] ); $this->end_controls_section(); $this->start_controls_section( 'pylon_counter_box_title', [ 'label' => esc_html__( 'Title', 'pyloncore' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_group_control( \Elementor\Group_Control_Typography::get_type(), [ 'name' => 'pylon_counter_box_title_typo', 'label' => esc_html__( 'Typography', 'pyloncore' ), 'selector' => '{{WRAPPER}} .counter-two__list li .text-box p,{{WRAPPER}} .about-five__content-bottom-right .inner .text-box p,{{WRAPPER}} .counter-three__inner ul li p', ] ); $this->add_responsive_control( 'pylon_counter_box_titl_color', [ 'label' => esc_html__( 'Color', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .counter-two__list li .text-box p,{{WRAPPER}} .about-five__content-bottom-right .inner .text-box p,{{WRAPPER}} .counter-three__inner ul li p' => 'color: {{VALUE}}', ], ] ); $this->add_responsive_control( 'pylon_counter_box_titl_hover_color', [ 'label' => esc_html__( 'Color', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .counter-two__list li .text-box p:hover,{{WRAPPER}} .about-five__content-bottom-right .inner .text-box p:hover,{{WRAPPER}} .counter-three__inner ul li p:hover' => 'color: {{VALUE}}', ], ] ); $this->add_responsive_control( 'pylon_counter_box_title_padding', [ 'label' => esc_html__( 'Padding', 'pyloncore' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', '%', 'em'], 'selectors' => [ '{{WRAPPER}} .counter-two__list li .text-box p,{{WRAPPER}} .about-five__content-bottom-right .inner .text-box p,{{WRAPPER}} .counter-three__inner ul li p' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->end_controls_section(); } protected function render() { $settings = $this->get_settings_for_display(); ?>

00

'true' ] ); ?>

jQuery(document).ready(function($) { "use strict"; if (jQuery(".odometer").length) { jQuery(".odometer").appear(function(e) { var odo = jQuery(".odometer"); odo.each(function() { var countNumber = jQuery(this).attr("data-count"); jQuery(this).html(countNumber); }); }); } }); '; } } Plugin::instance()->widgets_manager->register_widget_type( new pylon_Counter_Box_Widget );