D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home
/
etb1lp46s9ed
/
www
/
lalpathamroha.site
/
wp-content
/
plugins
/
tp-core
/
include
/
elementor
/
Filename :
fact.php
back
Copy
<?php namespace TPCore\Widgets; use Elementor\Widget_Base; use Elementor\Controls_Manager; use \Elementor\Group_Control_Image_Size; use \Elementor\Repeater; use \Elementor\Utils; use \Elementor\Group_Control_Border; use \Elementor\Group_Control_Box_Shadow; use \Elementor\Group_Control_Text_Shadow; use \Elementor\Group_Control_Typography; Use \Elementor\Core\Schemes\Typography; use \Elementor\Group_Control_Background; use TPCore\Elementor\Controls\Group_Control_TPBGGradient; if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly /** * Tp Core * * Elementor widget for hello world. * * @since 1.0.0 */ class TP_Fact extends Widget_Base { use \TPCore\Widgets\TPCoreElementFunctions; /** * Retrieve the widget name. * * @since 1.0.0 * * @access public * * @return string Widget name. */ public function get_name() { return 'tp-fact'; } /** * Retrieve the widget title. * * @since 1.0.0 * * @access public * * @return string Widget title. */ public function get_title() { return __( 'Fact', 'tpcore' ); } /** * Retrieve the widget icon. * * @since 1.0.0 * * @access public * * @return string Widget icon. */ public function get_icon() { return 'tp-icon'; } /** * Retrieve the list of categories the widget belongs to. * * Used to determine where to display the widget in the editor. * * Note that currently Elementor supports only one category. * When multiple categories passed, Elementor uses the first one. * * @since 1.0.0 * * @access public * * @return array Widget categories. */ public function get_categories() { return [ 'tpcore' ]; } /** * Retrieve the list of scripts the widget depended on. * * Used to set scripts dependencies required to run the widget. * * @since 1.0.0 * * @access public * * @return array Widget scripts dependencies. */ public function get_script_depends() { return [ 'tpcore' ]; } /** * Register the widget controls. * * Adds different input fields to allow the user to change and customize the widget settings. * * @since 1.0.0 * * @access protected */ protected function register_controls(){ $this->register_controls_section(); $this->style_tab_content(); } protected function register_controls_section() { // layout Panel $this->start_controls_section( 'tp_layout', [ 'label' => esc_html__('Design Layout', 'tpcore'), ] ); $this->add_control( 'tp_design_style', [ 'label' => esc_html__('Select Layout', 'tpcore'), 'type' => Controls_Manager::SELECT, 'options' => [ 'layout-1' => esc_html__('Layout 1', 'tpcore'), ], 'default' => 'layout-1', ] ); $this->end_controls_section(); // Service group $this->start_controls_section( 'tp_fact', [ 'label' => esc_html__('Fact List', 'tpcore'), 'description' => esc_html__( 'Control all the style settings from Style tab', 'tpcore' ), 'tab' => \Elementor\Controls_Manager::TAB_CONTENT, ] ); $repeater = new \Elementor\Repeater(); $repeater->add_control( 'repeater_condition', [ 'label' => __( 'Field condition', 'tpcore' ), 'type' => Controls_Manager::SELECT, 'options' => [ 'style_1' => __( 'Style 1', 'tpcore' ), 'style_2' => __( 'Style 2', 'tpcore' ), ], 'default' => 'style_1', 'frontend_available' => true, 'style_transfer' => true, ] ); $repeater->add_control( 'tp_fact_icon_type', [ 'label' => esc_html__('Select Icon Type', 'tpcore'), 'type' => \Elementor\Controls_Manager::SELECT, 'default' => 'image', 'options' => [ 'image' => esc_html__('Image', 'tpcore'), 'icon' => esc_html__('Icon', 'tpcore'), ], ] ); $repeater->add_control( 'tp_fact_image', [ 'label' => esc_html__('Upload Icon Image', 'tpcore'), 'type' => Controls_Manager::MEDIA, 'default' => [ 'url' => Utils::get_placeholder_image_src(), ], 'condition' => [ 'tp_fact_icon_type' => 'image', ] ] ); if (tp_is_elementor_version('<', '2.6.0')) { $repeater->add_control( 'tp_fact_icon', [ 'show_label' => false, 'type' => Controls_Manager::ICON, 'label_block' => true, 'default' => 'fa fa-star', 'condition' => [ 'tp_fact_icon_type' => 'icon' ] ] ); } else { $repeater->add_control( 'tp_fact_selected_icon', [ 'show_label' => false, 'type' => Controls_Manager::ICONS, 'fa4compatibility' => 'icon', 'label_block' => true, 'default' => [ 'value' => 'fas fa-star', 'library' => 'solid', ], 'condition' => [ 'tp_fact_icon_type' => 'icon' ] ] ); } $repeater->add_control( 'tp_fact_number', [ 'label' => esc_html__('Number', 'tpcore'), 'description' => tp_get_allowed_html_desc( 'basic' ), 'type' => \Elementor\Controls_Manager::TEXT, 'default' => esc_html__('17', 'tpcore'), 'label_block' => true, ] ); $repeater->add_control( 'tp_fact_title', [ 'label' => esc_html__('Title', 'tpcore'), 'description' => tp_get_allowed_html_desc( 'intermediate' ), 'type' => \Elementor\Controls_Manager::TEXTAREA, 'default' => esc_html__('Food', 'tpcore'), 'label_block' => true, ] ); $repeater->add_control( 'tp_fact_description', [ 'label' => esc_html__('Description', 'tpcore'), 'description' => tp_get_allowed_html_desc( 'intermediate' ), 'type' => \Elementor\Controls_Manager::TEXTAREA, 'default' => 'There are many variations of passages of Lorem Ipsum available, but the majority have suffered.', 'label_block' => true, 'condition' => [ 'repeater_condition' => 'style_5' ] ] ); $repeater->add_control( 'want_customize', [ 'label' => esc_html__( 'Want To Customize?', 'tpcore' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'Yes', 'tpcore' ), 'label_off' => esc_html__( 'No', 'tpcore' ), 'return_value' => 'yes', 'description' => esc_html__( 'You can customize this skill bar color from here or customize from Style tab', 'tpcore' ), 'style_transfer' => true, ] ); $repeater->add_control( 'color_border_hover_color', [ 'label' => esc_html__( 'Border hover Color', 'tpcore' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} {{CURRENT_ITEM}}:hover' => 'border-color: {{VALUE}};', ], 'condition' => ['want_customize' => 'yes'], 'style_transfer' => true, ] ); $repeater->add_control( 'color_hover_bg_color', [ 'label' => esc_html__( 'Icon Hover BG Color', 'tpcore' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} {{CURRENT_ITEM}} .counter__icon i' => 'background-color: {{VALUE}};', ], 'condition' => ['want_customize' => 'yes'], 'style_transfer' => true, ] ); $this->add_control( 'tp_fact_list', [ 'label' => esc_html__('Services - List', 'tpcore'), 'type' => \Elementor\Controls_Manager::REPEATER, 'fields' => $repeater->get_controls(), 'default' => [ [ 'tp_fact_title' => esc_html__('Business Stratagy', 'tpcore'), ], [ 'tp_fact_title' => esc_html__('Website Development', 'tpcore') ], [ 'tp_fact_title' => esc_html__('Marketing & Reporting', 'tpcore') ], [ 'tp_fact_title' => esc_html__('Happy Client', 'tpcore') ] ], 'title_field' => '{{{ tp_fact_title }}}', ] ); $this->add_responsive_control( 'tp_fact_align', [ 'label' => esc_html__( 'Alignment', 'tpcore' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'text-left' => [ 'title' => esc_html__( 'Left', 'tpcore' ), 'icon' => 'eicon-text-align-left', ], 'text-center' => [ 'title' => esc_html__( 'Center', 'tpcore' ), 'icon' => 'eicon-text-align-center', ], 'text-right' => [ 'title' => esc_html__( 'Right', 'tpcore' ), 'icon' => 'eicon-text-align-right', ], ], 'toggle' => true, 'separator' => 'before', ] ); $this->end_controls_section(); // tp_fact_columns_section $this->start_controls_section( 'tp_fact_columns_section', [ 'label' => esc_html__('Fact - Columns', 'tpcore'), ] ); $this->add_control( 'tp_col_for_desktop', [ 'label' => esc_html__( 'Columns for Desktop', 'tpcore' ), 'description' => esc_html__( 'Screen width equal to or greater than 992px', 'tpcore' ), 'type' => Controls_Manager::SELECT, 'options' => [ 12 => esc_html__( '1 Columns', 'tpcore' ), 6 => esc_html__( '2 Columns', 'tpcore' ), 4 => esc_html__( '3 Columns', 'tpcore' ), 3 => esc_html__( '4 Columns', 'tpcore' ), 2 => esc_html__( '6 Columns', 'tpcore' ), 1 => esc_html__( '12 Columns', 'tpcore' ), ], 'separator' => 'before', 'default' => '4', 'style_transfer' => true, ] ); $this->add_control( 'tp_col_for_laptop', [ 'label' => esc_html__( 'Columns for Laptop', 'tpcore' ), 'description' => esc_html__( 'Screen width equal to or greater than 768px', 'tpcore' ), 'type' => Controls_Manager::SELECT, 'options' => [ 12 => esc_html__( '1 Columns', 'tpcore' ), 6 => esc_html__( '2 Columns', 'tpcore' ), 4 => esc_html__( '3 Columns', 'tpcore' ), 3 => esc_html__( '4 Columns', 'tpcore' ), 2 => esc_html__( '6 Columns', 'tpcore' ), 1 => esc_html__( '12 Columns', 'tpcore' ), ], 'separator' => 'before', 'default' => '4', 'style_transfer' => true, ] ); $this->add_control( 'tp_col_for_tablet', [ 'label' => esc_html__( 'Columns for Tablet', 'tpcore' ), 'description' => esc_html__( 'Screen width equal to or greater than 576px', 'tpcore' ), 'type' => Controls_Manager::SELECT, 'options' => [ 12 => esc_html__( '1 Columns', 'tpcore' ), 6 => esc_html__( '2 Columns', 'tpcore' ), 4 => esc_html__( '3 Columns', 'tpcore' ), 3 => esc_html__( '4 Columns', 'tpcore' ), 2 => esc_html__( '6 Columns', 'tpcore' ), 1 => esc_html__( '12 Columns', 'tpcore' ), ], 'separator' => 'before', 'default' => '6', 'style_transfer' => true, ] ); $this->add_control( 'tp_col_for_mobile', [ 'label' => esc_html__( 'Columns for Mobile', 'tpcore' ), 'description' => esc_html__( 'Screen width less than 576px', 'tpcore' ), 'type' => Controls_Manager::SELECT, 'options' => [ 12 => esc_html__( '1 Columns', 'tpcore' ), 6 => esc_html__( '2 Columns', 'tpcore' ), 4 => esc_html__( '3 Columns', 'tpcore' ), 3 => esc_html__( '4 Columns', 'tpcore' ), 5 => esc_html__( '5 Columns (For Carousel Item)', 'tpcore' ), 2 => esc_html__( '6 Columns', 'tpcore' ), 1 => esc_html__( '12 Columns', 'tpcore' ), ], 'separator' => 'before', 'default' => '12', 'style_transfer' => true, ] ); $this->end_controls_section(); } // style_tab_content protected function style_tab_content(){ $this->tp_section_style_controls('fact_section', 'Section Style', '.ele-section'); $this->tp_basic_style_controls('fact_title', 'Fact Title Style', '.ele-title'); $this->tp_basic_style_controls('fact_content', 'Fact Content Style', '.ele-content'); } /** * Render the widget output on the frontend. * * Written in PHP and used to generate the final HTML. * * @since 1.0.0 * * @access protected */ protected function render() { $settings = $this->get_settings_for_display(); ?> <?php if ( $settings['tp_design_style'] == 'layout-2' ): ?> <?php else: ?> <section class="counter-area ele-section"> <div class="container"> <div class="row"> <?php foreach ($settings['tp_fact_list'] as $key => $item) : ?> <div class="col-xl-<?php echo esc_attr($settings['tp_col_for_desktop']); ?> col-lg-<?php echo esc_attr($settings['tp_col_for_laptop']); ?> col-md-<?php echo esc_attr($settings['tp_col_for_tablet']); ?> col-<?php echo esc_attr($settings['tp_col_for_mobile']); ?>"> <div class="counter__item blue-border mb-30 wow fadeInUp elementor-repeater-item-<?php echo esc_attr($item['_id']); ?>" data-wow-delay=".2s"> <div class="counter__icon mb-15"> <?php if($item['tp_fact_icon_type'] !== 'image') : ?> <?php if (!empty($item['tp_fact_icon']) || !empty($item['tp_fact_selected_icon']['value'])) : ?> <div class="fact-icon tp-el-box-icon"> <?php tp_render_icon($item, 'tp_fact_icon', 'tp_fact_selected_icon'); ?> </div> <?php endif; ?> <?php else : ?> <div class="fact-icon tp-el-box-icon"> <?php if (!empty($item['tp_fact_image']['url'])): ?> <img src="<?php echo $item['tp_fact_image']['url']; ?>" alt="<?php echo get_post_meta(attachment_url_to_postid($item['tp_fact_image']['url']), '_wp_attachment_image_alt', true); ?>"> <?php endif; ?> </div> <?php endif; ?> <i></i> </div> <div class="counter__content"> <?php if (!empty($item['tp_fact_number' ])): ?> <h4 class="counter__title ele-title"><span class="counter"><?php echo tp_kses($item['tp_fact_number' ]); ?></span></h4> <?php endif; ?> <?php if (!empty($item['tp_fact_number' ])): ?> <p class="ele-content"><?php echo tp_kses($item['tp_fact_title' ]); ?></p> <?php endif; ?> </div> </div> </div> <?php endforeach; ?> </div> </div> </section> <?php endif; ?> <?php } } $widgets_manager->register( new TP_Fact() );