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/funfact-widget.php (26527B)

<?php
namespace Elementor;

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

class Pylon_Funfact_Widget extends Widget_Base {
    public function get_name() {
        return 'pylon_funfact';
    }
    public function get_title() {
        return esc_html__( 'Pylon FunFact', 'pyloncore' );
    }
    public function get_icon() {
        return 'eicon-counter';
    }
    public function get_categories() {
        return ['pylon'];
    }
    protected function register_controls() {
        //Content tab start
        $this->start_controls_section(
            'pylon_funfact_options',
            [
                'label' => esc_html__( 'Pylon FunFact', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_CONTENT,
            ]
        );
        $this->add_control(
            'pylon_funfact_style',
            [
                'label'   => esc_html__( 'Box Style', 'pyloncore' ),
                'type'    => \Elementor\Controls_Manager::SELECT,
                'default' => '1',
                'options' => [
                    '1' => esc_html__( 'Style One', 'pyloncore' ),
                    '2' => esc_html__( 'Style Two', 'pyloncore' ),
                ],
            ]
        );
        $this->add_control(
            'pylon_image_choose',
            [
                'label'   => __( 'Choose Image', 'pyloncore' ),
                'type'    => \Elementor\Controls_Manager::MEDIA,
                'default' => [
                    'url' => \Elementor\Utils::get_placeholder_image_src(),
                ],
                'condition'  => [
                    'pylon_funfact_style' => '2',
                ],
            ]
        );
        $this->add_control(
            'pylon_funfact_icon',
            [
                'label'      => esc_html__( 'Icons', 'pyloncore' ),
                'type'       => \Elementor\Controls_Manager::ICONS,
                'show_label' => true,
                'condition'  => [
                    'pylon_funfact_style' => '2',
                ],
                'default'    => [
                    'value' => 'pylon-two-icon-trophy',
                ],0
            ]
        );
        $this->add_responsive_control(
            'pylon_funfact_alignment',
            [
                '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',
                    ],
                ],
                'default'   => 'center',
                'toggle'    => true,
                'selectors' => [
                    '{{WRAPPER}} .funfact-one__box' => 'text-align: {{VALUE}}',
                    '{{WRAPPER}} .funfact-tow__box' => 'text-align: {{VALUE}}',
                ],
            ]
        );
        $this->add_control(
            'pylon_funfact_number',
            [
                'label'   => esc_html__( 'Number', 'pyloncore' ),
                'type'    => \Elementor\Controls_Manager::NUMBER,
                'min'     => 1,
                'max'     => 10000,
                'step'    => 1,
                'default' => 99,
            ]
        );
        $this->add_control(
            'pylon_funfact_symble',
            [
                'label'   => esc_html__( 'Symbol', 'pyloncore' ),
                'type'    => \Elementor\Controls_Manager::TEXT,
                'default' => esc_html__( '%', 'pyloncore' ),
            ]
        );
        $this->add_control(
            'pylon_funfact_amount',
            [
                'label' => esc_html__( 'Amount Symbol', 'pyloncore' ),
                'type'  => \Elementor\Controls_Manager::TEXT,
                'condition'  => [
                    'pylon_funfact_style' => '1',
                ],
            ]
        );
        $this->add_control(
            'pylon_funfact_title',
            [
                'label'   => esc_html__( 'Title', 'pyloncore' ),
                'type'    => \Elementor\Controls_Manager::TEXT,
                'default' => esc_html__( ' Award Winning', 'pyloncore' ),
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_funfact_number_box_style',
            [
                'label' => esc_html__( 'Box', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Background::get_type(),
            [
                'name' => 'pylon_funfact_box_bg',
                'label' => esc_html__( 'Background', 'pyloncore' ),
                'types' => [ 'classic', 'gradient', 'video' ],
                'selector' => '{{WRAPPER}} .funfact-one__box,{{WRAPPER}} .introduction-one__image__caption',
            ]
        );
        $this->add_responsive_control(
            'pylon_funfact_box_margin',
            [
                'label'      => esc_html__( 'Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .funfact-one__box,{{WRAPPER}} .introduction-one__image__caption' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_funfact_box_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .funfact-one__box' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_funfact_style_title',
            [
                'label' => esc_html__( 'Title', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_responsive_control(
            'pylon_funfact_title_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .funfact-one__box p' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name'     => 'pylon_funfact_title_typo',
                'label'    => esc_html__( 'Typography', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .funfact-one__box p',
            ]
        );
        $this->add_responsive_control(
            'pylon_funfact_title_margin',
            [
                'label'      => esc_html__( 'Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .funfact-one__box p' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_funfact_title_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .funfact-one__box p' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_funfact_number_style',
            [
                'label' => esc_html__( 'Number', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_responsive_control(
            'pylon_funfact_number_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .funfact-one__box h3,{{WRAPPER}} .funfact-tow__box h3' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name'     => 'pylon_funfact_number_typo',
                'label'    => esc_html__( 'Typography', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .funfact-one__box h3,{{WRAPPER}} .funfact-tow__box h3',
            ]
        );
        $this->add_responsive_control(
            'pylon_funfact_number_margin',
            [
                'label'      => esc_html__( 'Margin', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'default'    => [
                    'top'      => '0',
                    'right'    => '0',
                    'bottom'   => '15',
                    'left'     => '0',
                    'isLinked' => true,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .funfact-one__box h3,{{WRAPPER}} .funfact-tow__box h3' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_funfact_number_padding',
            [
                'label'      => esc_html__( 'Padding', 'pyloncore' ),
                'type'       => Controls_Manager::DIMENSIONS,
                'size_units' => ['px', '%', 'em'],
                'selectors'  => [
                    '{{WRAPPER}} .funfact-one__box h3,{{WRAPPER}} .funfact-tow__box h3' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
                ],
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_funfact_symbol_style',
            [
                'label' => esc_html__( 'Symbol', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
            ]
        );
        $this->add_responsive_control(
            'pylon_funfact_symbol_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .funfact-one__box .funfact-symbol,{{WRAPPER}} .funfact-tow__box .funfact-symbol' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name'     => 'pylon_funfact_symbol_typo',
                'label'    => esc_html__( 'Typography', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .funfact-one__box .funfact-symbol,{{WRAPPER}} .funfact-tow__box .funfact-symbol',
            ]
        );
        $this->add_responsive_control(
            'pylon_funfact_symbol_positon',
            [
                'label'      => esc_html__( 'Position Top To Bottom', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => -100,
                        'max'  => 200,
                        'step' => 1,
                    ],
                ],
                'selectors'  => [
                    '{{WRAPPER}} .funfact-one__box .funfact-symbol,{{WRAPPER}} .funfact-tow__box .funfact-symbol' => 'top: {{SIZE}}{{UNIT}};'
                ],
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_funfact_amount_style',
            [
                'label' => esc_html__( 'Amount', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
                'condition'  => [
                    'pylon_funfact_style' => '1',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_funfact_amount_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .funfact-one__box .funfact-amount' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Typography::get_type(),
            [
                'name'     => 'pylon_funfact_amount_typo',
                'label'    => esc_html__( 'Typography', 'pyloncore' ),
                'selector' => '{{WRAPPER}} .funfact-one__box .funfact-amount',
            ]
        );
        $this->add_responsive_control(
            'pylon_funfact_amount_positon',
            [
                'label'      => esc_html__( 'Position Top To Bottom', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => -100,
                        'max'  => 200,
                        'step' => 1,
                    ],
                ],
                'selectors'  => [
                    '{{WRAPPER}} .funfact-one__box .funfact-amount' => 'top: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_funfact_line_style',
            [
                'label' => esc_html__( 'Line', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
                'condition'  => [
                    'pylon_funfact_style' => '1',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_funfact_line_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .funfact-one__box:before' => 'background: {{VALUE}}',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_funfact_line_width',
            [
                'label'      => esc_html__( 'Width', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 1,
                        'max'  => 10,
                        'step' => 1,
                    ],
                ],
                'selectors'  => [
                    '{{WRAPPER}} .funfact-one__box:before' => 'width: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_funfact_line_height',
            [
                'label'      => esc_html__( 'Height', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 1,
                        'max'  => 100,
                        'step' => 1,
                    ],
                ],
                'selectors'  => [
                    '{{WRAPPER}} .funfact-one__box:before' => 'height: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_funfact_line_positon',
            [
                'label'      => esc_html__( 'Position Top To Bottom', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => -100,
                        'max'  => 300,
                        'step' => 1,
                    ],
                ],
                'selectors'  => [
                    '{{WRAPPER}} .funfact-one__box:before' => 'top: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_funfact_line_positon_right',
            [
                'label'      => esc_html__( 'Position Left To Right', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => -100,
                        'max'  => 300,
                        'step' => 1,
                    ],
                ],
                'selectors'  => [
                    '{{WRAPPER}} .funfact-one__box:before' => 'right: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_funfact_Icon_style',
            [
                'label' => esc_html__( 'Icon', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
                'condition'  => [
                    'pylon_funfact_style' => '2',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_funfact_Icon_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .funfact-tow__box i' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_funfact_Icon_hover_color',
            [
                'label'     => esc_html__( 'Icon hover Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .funfact-tow__box i:hover' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Background::get_type(),
            [
                'name' => 'pylon_funfact_Icon_bg',
                'label' => esc_html__( 'Background', 'pyloncore' ),
                'types' => [ 'gradient' ],
                'selector' => '{{WRAPPER}} .funfact-tow__box .introduction-one__image__caption__icon',
            ]
        );
        $this->add_group_control(
            \Elementor\Group_Control_Background::get_type(),
            [
                'name' => 'pylon_funfact_Icon_hover_bg',
                'label' => esc_html__( 'hover Background', 'pyloncore' ),
                'types' => [ 'gradient' ],
                'selector' => '{{WRAPPER}} .funfact-tow__box .introduction-one__image__caption__icon:hover',
            ]
        );
        $this->add_responsive_control(
            'pylon_funfact_icon_size',
            [
                'label'      => esc_html__( 'Icon Size', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 20,
                        'max'  => 150,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'size' => 21,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .funfact-tow__box i' => 'font-size: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->end_controls_section();
        $this->start_controls_section(
            'pylon_funfact_Count_title',
            [
                'label' => esc_html__( 'Title', 'pyloncore' ),
                'tab'   => Controls_Manager::TAB_STYLE,
                'condition'  => [
                    'pylon_funfact_style' => '2',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_funfact_titl_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .funfact-tow__box p' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_funfact_titl_hover_color',
            [
                'label'     => esc_html__( 'Color', 'pyloncore' ),
                'type'      => \Elementor\Controls_Manager::COLOR,
                'selectors' => [
                    '{{WRAPPER}} .funfact-tow__box p:hover' => 'color: {{VALUE}}',
                ],
            ]
        );
        $this->add_responsive_control(
            'pylon_funfact_tile_size',
            [
                'label'      => esc_html__( 'Tile Size', 'pyloncore' ),
                'type'       => Controls_Manager::SLIDER,
                'size_units' => ['px'],
                'range'      => [
                    'px' => [
                        'min'  => 20,
                        'max'  => 150,
                        'step' => 1,
                    ],
                ],
                'default'    => [
                    'size' => 23,
                ],
                'selectors'  => [
                    '{{WRAPPER}} .funfact-tow__box p' => 'font-size: {{SIZE}}{{UNIT}};',
                ],
            ]
        );
        $this->end_controls_section();
    }
    //Render
    protected function render() {
        $settings = $this->get_settings_for_display();
        if($settings['pylon_funfact_style'] == '2'){
        ?>
    <div class="introduction-one__image">
    
    
    
    
    <img src="<?php echo esc_url($settings['pylon_image_choose']['url']); ?>" alt="">
    <div class="introduction-one__image__caption funfact-tow__box">
        <div class="introduction-one__image__caption__icon">
            <i class="<?php echo esc_attr($settings['pylon_funfact_icon']['value']); ?>"></i>
        </div>
        <div class="introduction-one__image__caption__content">
            <h3 class="introduction-one__image__caption__title">
                <?php 
        if(!empty($settings['pylon_funfact_number'])){
                        echo '<span class="odometer" data-count="'.esc_attr($settings['pylon_funfact_number']).'"></span>';
                    }
                    if(!empty($settings['pylon_funfact_symble'])){
                        echo '<span class="funfact-symbol">'.esc_attr($settings['pylon_funfact_symble']).'</span>';
                    }
                    ?>
            </h3>
            
            <?php if(!empty($settings['pylon_funfact_title'])){
                    echo '<p class="introduction-one__image__caption__text">'.esc_html($settings['pylon_funfact_title']).'</p>';
                } ?>
        </div>
    </div>
    </div>
    <?php }elseif ($settings['pylon_funfact_style'] == '1'){
             ?>
    <div class="funfact-one__box">
        <h3>
            <?php if(!empty($settings['pylon_funfact_amount'])){
                        echo '<span class="funfact-amount">'.esc_html($settings['pylon_funfact_amount']).'</span>';
                    } 
                    if(!empty($settings['pylon_funfact_number'])){
                        echo '<span class="odometer" data-count="'.esc_attr($settings['pylon_funfact_number']).'"></span>';
                    }
                    if(!empty($settings['pylon_funfact_symble'])){
                        echo '<span class="funfact-symbol">'.esc_attr($settings['pylon_funfact_symble']).'</span>';
                    }
                    ?>
        </h3>
        <?php if(!empty($settings['pylon_funfact_title'])){
                    echo '<p>'.esc_html($settings['pylon_funfact_title']).'</p>';
                } ?>
    </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_Funfact_Widget );

start_controls_section( 'pylon_funfact_options', [ 'label' => esc_html__( 'Pylon FunFact', 'pyloncore' ), 'tab' => Controls_Manager::TAB_CONTENT, ] ); $this->add_control( 'pylon_funfact_style', [ 'label' => esc_html__( 'Box Style', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::SELECT, 'default' => '1', 'options' => [ '1' => esc_html__( 'Style One', 'pyloncore' ), '2' => esc_html__( 'Style Two', 'pyloncore' ), ], ] ); $this->add_control( 'pylon_image_choose', [ 'label' => __( 'Choose Image', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::MEDIA, 'default' => [ 'url' => \Elementor\Utils::get_placeholder_image_src(), ], 'condition' => [ 'pylon_funfact_style' => '2', ], ] ); $this->add_control( 'pylon_funfact_icon', [ 'label' => esc_html__( 'Icons', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::ICONS, 'show_label' => true, 'condition' => [ 'pylon_funfact_style' => '2', ], 'default' => [ 'value' => 'pylon-two-icon-trophy', ],0 ] ); $this->add_responsive_control( 'pylon_funfact_alignment', [ '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', ], ], 'default' => 'center', 'toggle' => true, 'selectors' => [ '{{WRAPPER}} .funfact-one__box' => 'text-align: {{VALUE}}', '{{WRAPPER}} .funfact-tow__box' => 'text-align: {{VALUE}}', ], ] ); $this->add_control( 'pylon_funfact_number', [ 'label' => esc_html__( 'Number', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::NUMBER, 'min' => 1, 'max' => 10000, 'step' => 1, 'default' => 99, ] ); $this->add_control( 'pylon_funfact_symble', [ 'label' => esc_html__( 'Symbol', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::TEXT, 'default' => esc_html__( '%', 'pyloncore' ), ] ); $this->add_control( 'pylon_funfact_amount', [ 'label' => esc_html__( 'Amount Symbol', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::TEXT, 'condition' => [ 'pylon_funfact_style' => '1', ], ] ); $this->add_control( 'pylon_funfact_title', [ 'label' => esc_html__( 'Title', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::TEXT, 'default' => esc_html__( ' Award Winning', 'pyloncore' ), ] ); $this->end_controls_section(); $this->start_controls_section( 'pylon_funfact_number_box_style', [ 'label' => esc_html__( 'Box', 'pyloncore' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_group_control( \Elementor\Group_Control_Background::get_type(), [ 'name' => 'pylon_funfact_box_bg', 'label' => esc_html__( 'Background', 'pyloncore' ), 'types' => [ 'classic', 'gradient', 'video' ], 'selector' => '{{WRAPPER}} .funfact-one__box,{{WRAPPER}} .introduction-one__image__caption', ] ); $this->add_responsive_control( 'pylon_funfact_box_margin', [ 'label' => esc_html__( 'Margin', 'pyloncore' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', '%', 'em'], 'selectors' => [ '{{WRAPPER}} .funfact-one__box,{{WRAPPER}} .introduction-one__image__caption' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'pylon_funfact_box_padding', [ 'label' => esc_html__( 'Padding', 'pyloncore' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', '%', 'em'], 'selectors' => [ '{{WRAPPER}} .funfact-one__box' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->end_controls_section(); $this->start_controls_section( 'pylon_funfact_style_title', [ 'label' => esc_html__( 'Title', 'pyloncore' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_responsive_control( 'pylon_funfact_title_color', [ 'label' => esc_html__( 'Color', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .funfact-one__box p' => 'color: {{VALUE}}', ], ] ); $this->add_group_control( \Elementor\Group_Control_Typography::get_type(), [ 'name' => 'pylon_funfact_title_typo', 'label' => esc_html__( 'Typography', 'pyloncore' ), 'selector' => '{{WRAPPER}} .funfact-one__box p', ] ); $this->add_responsive_control( 'pylon_funfact_title_margin', [ 'label' => esc_html__( 'Margin', 'pyloncore' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', '%', 'em'], 'selectors' => [ '{{WRAPPER}} .funfact-one__box p' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'pylon_funfact_title_padding', [ 'label' => esc_html__( 'Padding', 'pyloncore' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', '%', 'em'], 'selectors' => [ '{{WRAPPER}} .funfact-one__box p' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->end_controls_section(); $this->start_controls_section( 'pylon_funfact_number_style', [ 'label' => esc_html__( 'Number', 'pyloncore' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_responsive_control( 'pylon_funfact_number_color', [ 'label' => esc_html__( 'Color', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .funfact-one__box h3,{{WRAPPER}} .funfact-tow__box h3' => 'color: {{VALUE}}', ], ] ); $this->add_group_control( \Elementor\Group_Control_Typography::get_type(), [ 'name' => 'pylon_funfact_number_typo', 'label' => esc_html__( 'Typography', 'pyloncore' ), 'selector' => '{{WRAPPER}} .funfact-one__box h3,{{WRAPPER}} .funfact-tow__box h3', ] ); $this->add_responsive_control( 'pylon_funfact_number_margin', [ 'label' => esc_html__( 'Margin', 'pyloncore' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', '%', 'em'], 'default' => [ 'top' => '0', 'right' => '0', 'bottom' => '15', 'left' => '0', 'isLinked' => true, ], 'selectors' => [ '{{WRAPPER}} .funfact-one__box h3,{{WRAPPER}} .funfact-tow__box h3' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'pylon_funfact_number_padding', [ 'label' => esc_html__( 'Padding', 'pyloncore' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', '%', 'em'], 'selectors' => [ '{{WRAPPER}} .funfact-one__box h3,{{WRAPPER}} .funfact-tow__box h3' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->end_controls_section(); $this->start_controls_section( 'pylon_funfact_symbol_style', [ 'label' => esc_html__( 'Symbol', 'pyloncore' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_responsive_control( 'pylon_funfact_symbol_color', [ 'label' => esc_html__( 'Color', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .funfact-one__box .funfact-symbol,{{WRAPPER}} .funfact-tow__box .funfact-symbol' => 'color: {{VALUE}}', ], ] ); $this->add_group_control( \Elementor\Group_Control_Typography::get_type(), [ 'name' => 'pylon_funfact_symbol_typo', 'label' => esc_html__( 'Typography', 'pyloncore' ), 'selector' => '{{WRAPPER}} .funfact-one__box .funfact-symbol,{{WRAPPER}} .funfact-tow__box .funfact-symbol', ] ); $this->add_responsive_control( 'pylon_funfact_symbol_positon', [ 'label' => esc_html__( 'Position Top To Bottom', 'pyloncore' ), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px'], 'range' => [ 'px' => [ 'min' => -100, 'max' => 200, 'step' => 1, ], ], 'selectors' => [ '{{WRAPPER}} .funfact-one__box .funfact-symbol,{{WRAPPER}} .funfact-tow__box .funfact-symbol' => 'top: {{SIZE}}{{UNIT}};' ], ] ); $this->end_controls_section(); $this->start_controls_section( 'pylon_funfact_amount_style', [ 'label' => esc_html__( 'Amount', 'pyloncore' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'pylon_funfact_style' => '1', ], ] ); $this->add_responsive_control( 'pylon_funfact_amount_color', [ 'label' => esc_html__( 'Color', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .funfact-one__box .funfact-amount' => 'color: {{VALUE}}', ], ] ); $this->add_group_control( \Elementor\Group_Control_Typography::get_type(), [ 'name' => 'pylon_funfact_amount_typo', 'label' => esc_html__( 'Typography', 'pyloncore' ), 'selector' => '{{WRAPPER}} .funfact-one__box .funfact-amount', ] ); $this->add_responsive_control( 'pylon_funfact_amount_positon', [ 'label' => esc_html__( 'Position Top To Bottom', 'pyloncore' ), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px'], 'range' => [ 'px' => [ 'min' => -100, 'max' => 200, 'step' => 1, ], ], 'selectors' => [ '{{WRAPPER}} .funfact-one__box .funfact-amount' => 'top: {{SIZE}}{{UNIT}};', ], ] ); $this->end_controls_section(); $this->start_controls_section( 'pylon_funfact_line_style', [ 'label' => esc_html__( 'Line', 'pyloncore' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'pylon_funfact_style' => '1', ], ] ); $this->add_responsive_control( 'pylon_funfact_line_color', [ 'label' => esc_html__( 'Color', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .funfact-one__box:before' => 'background: {{VALUE}}', ], ] ); $this->add_responsive_control( 'pylon_funfact_line_width', [ 'label' => esc_html__( 'Width', 'pyloncore' ), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px'], 'range' => [ 'px' => [ 'min' => 1, 'max' => 10, 'step' => 1, ], ], 'selectors' => [ '{{WRAPPER}} .funfact-one__box:before' => 'width: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'pylon_funfact_line_height', [ 'label' => esc_html__( 'Height', 'pyloncore' ), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px'], 'range' => [ 'px' => [ 'min' => 1, 'max' => 100, 'step' => 1, ], ], 'selectors' => [ '{{WRAPPER}} .funfact-one__box:before' => 'height: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'pylon_funfact_line_positon', [ 'label' => esc_html__( 'Position Top To Bottom', 'pyloncore' ), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px'], 'range' => [ 'px' => [ 'min' => -100, 'max' => 300, 'step' => 1, ], ], 'selectors' => [ '{{WRAPPER}} .funfact-one__box:before' => 'top: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'pylon_funfact_line_positon_right', [ 'label' => esc_html__( 'Position Left To Right', 'pyloncore' ), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px'], 'range' => [ 'px' => [ 'min' => -100, 'max' => 300, 'step' => 1, ], ], 'selectors' => [ '{{WRAPPER}} .funfact-one__box:before' => 'right: {{SIZE}}{{UNIT}};', ], ] ); $this->end_controls_section(); $this->start_controls_section( 'pylon_funfact_Icon_style', [ 'label' => esc_html__( 'Icon', 'pyloncore' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'pylon_funfact_style' => '2', ], ] ); $this->add_responsive_control( 'pylon_funfact_Icon_color', [ 'label' => esc_html__( 'Color', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .funfact-tow__box i' => 'color: {{VALUE}}', ], ] ); $this->add_responsive_control( 'pylon_funfact_Icon_hover_color', [ 'label' => esc_html__( 'Icon hover Color', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .funfact-tow__box i:hover' => 'color: {{VALUE}}', ], ] ); $this->add_group_control( \Elementor\Group_Control_Background::get_type(), [ 'name' => 'pylon_funfact_Icon_bg', 'label' => esc_html__( 'Background', 'pyloncore' ), 'types' => [ 'gradient' ], 'selector' => '{{WRAPPER}} .funfact-tow__box .introduction-one__image__caption__icon', ] ); $this->add_group_control( \Elementor\Group_Control_Background::get_type(), [ 'name' => 'pylon_funfact_Icon_hover_bg', 'label' => esc_html__( 'hover Background', 'pyloncore' ), 'types' => [ 'gradient' ], 'selector' => '{{WRAPPER}} .funfact-tow__box .introduction-one__image__caption__icon:hover', ] ); $this->add_responsive_control( 'pylon_funfact_icon_size', [ 'label' => esc_html__( 'Icon Size', 'pyloncore' ), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px'], 'range' => [ 'px' => [ 'min' => 20, 'max' => 150, 'step' => 1, ], ], 'default' => [ 'size' => 21, ], 'selectors' => [ '{{WRAPPER}} .funfact-tow__box i' => 'font-size: {{SIZE}}{{UNIT}};', ], ] ); $this->end_controls_section(); $this->start_controls_section( 'pylon_funfact_Count_title', [ 'label' => esc_html__( 'Title', 'pyloncore' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'pylon_funfact_style' => '2', ], ] ); $this->add_responsive_control( 'pylon_funfact_titl_color', [ 'label' => esc_html__( 'Color', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .funfact-tow__box p' => 'color: {{VALUE}}', ], ] ); $this->add_responsive_control( 'pylon_funfact_titl_hover_color', [ 'label' => esc_html__( 'Color', 'pyloncore' ), 'type' => \Elementor\Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .funfact-tow__box p:hover' => 'color: {{VALUE}}', ], ] ); $this->add_responsive_control( 'pylon_funfact_tile_size', [ 'label' => esc_html__( 'Tile Size', 'pyloncore' ), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px'], 'range' => [ 'px' => [ 'min' => 20, 'max' => 150, 'step' => 1, ], ], 'default' => [ 'size' => 23, ], 'selectors' => [ '{{WRAPPER}} .funfact-tow__box p' => 'font-size: {{SIZE}}{{UNIT}};', ], ] ); $this->end_controls_section(); } //Render protected function render() { $settings = $this->get_settings_for_display(); if($settings['pylon_funfact_style'] == '2'){ ?>

'; } if(!empty($settings['pylon_funfact_symble'])){ echo ''.esc_attr($settings['pylon_funfact_symble']).''; } ?>

'.esc_html($settings['pylon_funfact_title']).'

'; } ?>

'.esc_html($settings['pylon_funfact_amount']).''; } if(!empty($settings['pylon_funfact_number'])){ echo ''; } if(!empty($settings['pylon_funfact_symble'])){ echo ''.esc_attr($settings['pylon_funfact_symble']).''; } ?>

'.esc_html($settings['pylon_funfact_title']).'

'; } ?>

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_Funfact_Widget );