start_controls_section(
'gen_section',
[
'label' => __( 'General', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'style',
[
'label' => __( 'Choose Style', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'description' => 'Click here to See Demo',
'options' => [
'top_to_bottom' => esc_html__('Top Image Bottom Content', 'uae'),
'left' => esc_html__('Left Image Right Content', 'uae'),
'right' => esc_html__('Right Image Bottom Content', 'uae'),
],
'default' => 'top_to_bottom',
]
);
$this->add_control(
'box_width',
[
'label' => __( 'Picture Box Width In %', 'uae' ),
'type' => \Elementor\Controls_Manager::NUMBER,
'size_units' => ['%'],
'default' => esc_html__( '50', 'uae' ),
'condition' => [
'style' => ['left', 'right']
]
]
);
$this->add_control(
'content_width',
[
'label' => __( 'Content Box Width In %', 'uae' ),
'type' => \Elementor\Controls_Manager::NUMBER,
'size_units' => ['%'],
'default' => esc_html__( '50', 'uae' ),
'condition' => [
'style' => ['left', 'right']
]
]
);
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'background',
'label' => __( 'Background', 'plugin-domain' ),
'types' => [ 'classic', 'gradient', 'video' ],
'selector' => '{{WRAPPER}} .uae-info-banner-styles',
]
);
$this->end_controls_section();
$this->start_controls_section(
'image_section',
[
'label' => __( 'Image', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
]
);
$this->add_responsive_control(
'image_padding',
[
'label' => __( 'Padding', 'uae' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%', 'em' ],
'selectors' => [
'{{WRAPPER}} .uae-info-banner-styles .mega_wrap' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',
],
]
);
$this->add_control(
'image',
[
'label' => __( 'Choose Image', 'elementor' ),
'type' => \Elementor\Controls_Manager::MEDIA,
'dynamic' => [
'active' => true,
],
// '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' => 'large',
'separator' => 'none',
]
);
$this->end_controls_section();
$this->start_controls_section(
'content_section',
[
'label' => __( 'Content', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'content_padding',
[
'label' => __( 'Padding', 'uae' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%', 'em' ],
'selectors' => [
'{{WRAPPER}} .uae-info-banner-styles .mega_content' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',
],
]
);
$this->add_control(
'content',
[
'label' => esc_html__( 'Banner Description', 'uae' ),
'type' => \Elementor\Controls_Manager::WYSIWYG,
'default' => esc_html__( 'Add banner description here. Edit and place your own text.', 'uae' ),
]
);
$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__('Special Offer', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'offer_vis',
[
'label' => esc_html__( 'Show/Hide', 'uae' ),
'type' => \Elementor\Controls_Manager::SWITCHER,
'return_value' => 'team-avatar-rounded',
'default' => '',
]
);
$this->add_control(
'offer_title',
[
'label' => __( 'Offer Title', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXT,
'condition' => [
'offer_vis' => 'team-avatar-rounded',
],
]
);
$this->add_control(
'offerclr',
[
'label' => __( 'Offer Text Color', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#fff',
'condition' => [
'offer_vis' => 'team-avatar-rounded',
],
]
);
$this->add_control(
'offerbg',
[
'label' => __( 'Offer Background', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#0473AA',
'condition' => [
'offer_vis' => 'team-avatar-rounded',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'button',
[
'label' => esc_html__('Button', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'btn_icon',
[
'label' => __( 'Icon', 'uae' ),
'type' => \Elementor\Controls_Manager::ICONS,
]
);
$this->add_control(
'btn_text',
[
'label' => __( 'Button Text', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXT,
]
);
$this->add_responsive_control(
'btn_padding',
[
'label' => __( 'Padding', 'uae' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%', 'em' ],
'selectors' => [
'{{WRAPPER}} .uae-info-banner-styles .mega_hvr_btn' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',
],
]
);
$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_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'btn_typography',
'label' => __('Typography', 'uae'),
'selector' => '{{WRAPPER}} .uae-info-banner-styles .mega_hvr_btn',
]
);
$this->add_control(
'borderclr',
[
'label' => esc_html__('Border Color', 'uae'),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#fff',
'separator' => 'before',
]
);
$this->add_control(
'border_width',
[
'label' => esc_html__('Border Width', 'uae'),
'type' => \Elementor\Controls_Manager::NUMBER,
'size_units' => ['px'],
]
);
$this->add_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'border_radius',
'label' => esc_html__('Border Radius', 'uae'),
'type' => \Elementor\Controls_Manager::SLIDER,
'size_units' => ['px', '%'],
'range' => [
'%' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .uae-info-banner-styles .mega_hvr_btn' => 'border-radius: {{SIZE}}px;',
],
]
);
$this->add_control(
'btnclr',
[
'label' => esc_html__('Button Color', 'uae'),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#000',
'separator' => 'before',
]
);
$this->add_control(
'btnbg',
[
'label' => esc_html__('Button Background', 'uae'),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#fff',
]
);
$this->add_control(
'hoverclr',
[
'label' => esc_html__('Hover Button Color', 'uae'),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '',
'separator' => 'before',
]
);
$this->add_control(
'hoverbg',
[
'label' => esc_html__('Hover Button Background', 'uae'),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '',
]
);
$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() {
$settings = $this->get_settings_for_display();
$some_id = rand(5, 500);
// $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; ?>