start_controls_section(
'content_section',
[
'label' => __( 'General', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'effect',
[
'label' => __( 'Select Style', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'description' => 'Click here to See Demo',
'options' => [
'mega_info_box' => esc_html__('Vertical', 'uae'),
'mega_info_box_2' => esc_html__('Horizontal', 'uae'),
],
'default' => 'mega_info_box',
]
);
$this->add_control(
'info_opt',
[
'label' => __( 'Select Image or Font icon', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'options' => [
'show_image' => esc_html__('Image', 'uae'),
'show_icon' => esc_html__('Font Icon', 'uae'),
],
'default' => 'show_image',
]
);
$this->add_control(
'image',
[
'label' => __( 'Choose Image', 'elementor' ),
'type' => \Elementor\Controls_Manager::MEDIA,
'dynamic' => [
'active' => true,
],
'condition' => [
'info_opt' => 'show_image',
],
'default' => [
'url' => Utils::get_placeholder_image_src(),
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Image_Size::get_type(),
[
'name' => 'image', // Usage: `{name}_size` and `{name}_custom_dimension`, in this case `image_size` and `image_custom_dimension`.
'default' => 'full',
'separator' => 'none',
'condition' => [
'info_opt' => 'show_image',
],
]
);
$this->add_control(
'info_icon',
[
'label' => __( 'Icon', 'uae' ),
'type' => \Elementor\Controls_Manager::ICONS,
'default' => [
'value' => 'fas fa-eye',
'library' => 'fa-solid',
],
'condition' => [
'info_opt' => 'show_icon',
],
]
);
$this->add_control(
'icon_size',
[
'label' => esc_html__('Icon Font Size', 'uae'),
'type' => \Elementor\Controls_Manager::NUMBER,
'size_units' => ['px'],
'condition' => [
'info_opt' => 'show_icon',
],
]
);
$this->add_control(
'icon_width',
[
'label' => esc_html__('Background Size (px)', 'uae'),
'type' => \Elementor\Controls_Manager::NUMBER,
'size_units' => ['px'],
'default' => '80px',
'condition' => [
'info_opt' => 'show_icon',
],
]
);
$this->add_control(
'infoclr',
[
'label' => __( 'Icon Color', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
// 'default' => '#fff',
'condition' => [
'info_opt' => 'show_icon',
],
]
);
$this->add_control(
'infobg',
[
'label' => __( 'Icon Background', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#6EC1E4',
'condition' => [
'info_opt' => 'show_icon',
],
]
);
$this->add_control(
'hoverclr',
[
'label' => __( 'Icon Hover Color', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#000',
'condition' => [
'info_opt' => 'show_icon',
],
]
);
$this->add_control(
'hoverbg',
[
'label' => __( 'Icon Hover Background', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'condition' => [
'info_opt' => 'show_icon',
],
]
);
$this->add_control(
'border_width',
[
'label' => __( 'Border Width', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'options' => [
'0' => esc_html__('0px', 'uae'),
'1' => esc_html__('1px', 'uae'),
'2' => esc_html__('2px', 'uae'),
'3' => esc_html__('3px', 'uae'),
'5' => esc_html__('5px', 'uae'),
'7' => esc_html__('7px', 'uae'),
'10' => esc_html__('10px', 'uae'),
'15' => esc_html__('15px', 'uae'),
],
'default' => '0',
'condition' => [
'info_opt' => 'show_icon',
],
]
);
$this->add_control(
'border_style',
[
'label' => __( 'Border Style', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'options' => [
'solid' => esc_html__('Solid', 'uae'),
'dotted' => esc_html__('Dotted', 'uae'),
'rige' => esc_html__('Rige', 'uae'),
'dashed' => esc_html__('Dashed', 'uae'),
'double' => esc_html__('Double', 'uae'),
'groove' => esc_html__('Groove', 'uae'),
'inset' => esc_html__('Inset', 'uae'),
],
'default' => 'solid',
'condition' => [
'info_opt' => 'show_icon',
],
]
);
$this->add_control(
'border_radius',
[
'label' => esc_html__('Border Radius (px)', 'uae'),
'type' => \Elementor\Controls_Manager::NUMBER,
'default' => '50px',
'size_units' => ['px'],
]
);
$this->add_control(
'border_clr',
[
'label' => __( 'Border Color', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '',
'condition' => [
'info_opt' => 'show_icon',
],
]
);
$this->add_control(
'shadow',
[
'label' => __( 'Box Shadow', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'options' => [
'nones' => esc_html__('None', 'uae'),
'vc_info_box_shadow' => esc_html__('Box Shadow', 'uae'),
],
'default' => 'nones',
'condition' => [
'info_opt' => 'show_icon',
],
]
);
$this->add_control(
'link',
[
'label' => __( 'Link To', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'options' => [
'none' => esc_html__('None', 'uae'),
'link_box' => esc_html__('Complete Box', 'uae'),
'link_btn' => esc_html__('Read More', 'uae'),
],
'default' => 'none',
]
);
$this->add_control(
'btn_title',
[
'label' => __( 'Button Text', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXT,
'condition' => [
'link' => 'link_btn',
],
]
);
$this->add_control(
'btn_link',
[
'label' => __('Link To', 'uae'),
'type' => \Elementor\Controls_Manager::URL,
'placeholder' => __('https://your-link.com', 'uae'),
'show_external' => true,
'default' => [
'url' => '',
'is_external' => false,
'nofollow' => false,
]
]
);
$this->add_control(
'btnclr',
[
'label' => __( 'Button Color', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#000',
'condition' => [
'link' => 'link_btn',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'btn_typography',
'label' => __('Typography', 'uae'),
'condition' => [
'link' => 'link_btn',
],
'selector' => '{{WRAPPER}} .uae-info-box .mega-info-btn',
]
);
$this->end_controls_section();
$this->start_controls_section(
'uae_section_pro',
[
'label' => __( 'Go Premium for More Features', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'asdasdsadasasdsaf',
[
'label' => __( 'Unlock more possibilities', 'uae' ),
'type' => \Elementor\Controls_Manager::CHOOSE,
'options' => [
'1' => [
'title' => __( '', 'uae' ),
'icon' => 'fa fa-unlock-alt',
],
],
'default' => '1',
'description' => 'Get the Pro version for more stunning elements and customization options.'
]
);
$this->end_controls_section();
$this->start_controls_section(
'offer',
[
'label' => esc_html__('Ribbon', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'offer_vis',
[
'label' => esc_html__( 'Show/Hide', 'essential-addons-elementor' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'return_value' => 'team-avatar-rounded',
'default' => '',
]
);
$this->add_control(
'rib_title',
[
'label' => __( 'Ribbon Title', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXT,
'condition' => [
'offer_vis' => 'team-avatar-rounded',
],
]
);
$this->add_control(
'rib_clr',
[
'label' => __( 'Ribbon Background', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#006086',
'condition' => [
'offer_vis' => 'team-avatar-rounded',
],
]
);
$this->add_responsive_control(
'box_padding',
[
'label' => __( 'Padding', 'uae' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%', 'em' ],
'condition' => [
'offer_vis' => 'team-avatar-rounded',
],
'selectors' => [
'{{WRAPPER}} .uae-info-box' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'detail',
[
'label' => esc_html__('Info Detail', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'info_title',
[
'label' => __( 'Title', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXT,
]
);
$this->add_control(
'title_clr',
[
'label' => __( 'Title Color', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#000',
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'title_typography',
'label' => __('Typography', 'uae'),
'selector' => '{{WRAPPER}} .uae-info-box .mega-info-title',
]
);
$this->add_control(
'content',
[
'label' => esc_html__( 'Info Description', 'uae' ),
'type' => \Elementor\Controls_Manager::WYSIWYG,
]
);
$this->end_controls_section();
}
/**
* Render oEmbed widget output on the frontend.
*
* Written in PHP and used to generate the final HTML.
*
* @since 1.0.0
* @access protected
*/
protected function render() {
$some_id = rand(5, 500);
$settings = $this->get_settings_for_display();
// $html = wp_oembed_get( $settings['ihe_link'] );
$target = $settings['btn_link']['is_external'] ? ' target="_blank"' : '';
$nofollow = $settings['btn_link']['nofollow'] ? ' rel="nofollow"' : '';
global $css_path; ?>
style="text-decoration: none;color: #000;">