start_controls_section(
'general_section',
[
'label' => __( 'Icon Setting', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'icon_vision',
[
'label' => __( 'Show/Hide', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'options' => [
'hide_iconss' => esc_html__('Show', 'uae'),
'hide_icon' => esc_html__('Hide', 'uae'),
],
'description' => 'show or hide font icon for inner section See Demo',
'default' => 'hide_iconss',
]
);
$this->add_control(
'icon_size',
[
'label' => __( 'Icon size (px)', 'uae' ),
'type' => \Elementor\Controls_Manager::NUMBER,
'default' => '25',
]
);
$this->add_control(
'icon_clr',
[
'label' => __( 'Icon Color', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#000',
]
);
$this->add_control(
'icon_bg',
[
'label' => __( 'Icon Background', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#ededed',
]
);
$this->add_control(
'border_width',
[
'label' => esc_html__('Border width', 'uae'),
'type' => \Elementor\Controls_Manager::NUMBER,
'size_units' => ['px'],
'default' => '0',
]
);
$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'),
'ridge' => esc_html__('Ridge', 'uae'),
'dashed' => esc_html__('Dashed', 'uae'),
'double' => esc_html__('Double', 'uae'),
'groove' => esc_html__('Groove', 'uae'),
'inset' => esc_html__('Inset', 'uae'),
],
'default' => 'solid',
]
);
$this->add_control(
'border_clr',
[
'label' => esc_html__('Border Color', 'uae'),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#cac9c7',
]
);
$this->end_controls_section();
$this->start_controls_section(
'setting_section',
[
'label' => __( 'General Setting', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'autoplay',
[
'label' => __( 'Autoplay', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'options' => [
'false' => esc_html__('False', 'uae'),
'true' => esc_html__('True (Pro)', 'uae'),
],
'description' => 'Only available in Pro version',
'default' => 'false',
]
);
$this->add_control(
'container_width',
[
'label' => __( 'Container Width [px]', 'uae' ),
'type' => \Elementor\Controls_Manager::NUMBER,
'default' => '450',
]
);
$this->add_control(
'textclr',
[
'label' => esc_html__('Title/Description Color', 'uae'),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#000',
]
);
$this->add_control(
'bgclr',
[
'label' => esc_html__('Body Background', 'uae'),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#eaeaea',
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'text_typography',
'label' => __('Title Typography', 'uae'),
'selector' => '{{WRAPPER}} .mega-info-circle .info-circle-detail h3',
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'text_typography2',
'label' => __('Description Typography', 'uae'),
'selector' => '{{WRAPPER}} .mega-info-circle .info-circle-detail p',
]
);
$this->add_control(
'border_width2',
[
'label' => esc_html__('Border width', 'uae'),
'type' => \Elementor\Controls_Manager::NUMBER,
'size_units' => ['px'],
'default' => '2',
]
);
$this->add_control(
'border_style2',
[
'label' => __( 'Border Style', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'options' => [
'solid' => esc_html__('Solid', 'uae'),
'dotted' => esc_html__('Dotted', 'uae'),
'ridge' => esc_html__('Ridge', 'uae'),
'dashed' => esc_html__('Dashed', 'uae'),
'double' => esc_html__('Double', 'uae'),
'groove' => esc_html__('Groove', 'uae'),
'inset' => esc_html__('Inset', 'uae'),
],
'default' => 'solid',
]
);
$this->add_control(
'border_clr2',
[
'label' => esc_html__('Border Color', 'uae'),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#E1E1E1',
]
);
$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(
'circle-styling',
[
'label' => esc_html__('Info Circle', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'info_icon',
[
'label' => __( 'Icon', 'uae' ),
'type' => \Elementor\Controls_Manager::ICONS,
'default' => [
'value' => 'fas fa-eye',
'library' => 'fa-solid',
],
]
);
$this->add_control(
'title',
[
'label' => __( 'Title', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXT,
'default' => 'Info Circle',
]
);
$this->add_control(
'desc',
[
'label' => __( 'Description', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXTAREA,
'default' => 'Description goes here',
]
);
$this->end_controls_section();
$this->start_controls_section(
'circle-styling2',
[
'label' => esc_html__('Info Circle 2', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'info_icon2',
[
'label' => __( 'Icon', 'uae' ),
'type' => \Elementor\Controls_Manager::ICONS,
'default' => [
'value' => 'fas fa-eye',
'library' => 'fa-solid',
],
]
);
$this->add_control(
'title2',
[
'label' => __( 'Title', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXT,
'default' => 'Info Circle',
]
);
$this->add_control(
'desc2',
[
'label' => __( 'Description', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXTAREA,
'default' => 'Description goes here',
]
);
$this->end_controls_section();
$this->start_controls_section(
'circle-styling3',
[
'label' => esc_html__('Info Circle 3', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'info_icon3',
[
'label' => __( 'Icon', 'uae' ),
'type' => \Elementor\Controls_Manager::ICONS,
'default' => [
'value' => 'fas fa-eye',
'library' => 'fa-solid',
],
]
);
$this->add_control(
'title3',
[
'label' => __( 'Title', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXT,
'default' => 'Info Circle',
]
);
$this->add_control(
'desc3',
[
'label' => __( 'Description', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXTAREA,
'default' => 'Description goes here',
]
);
$this->end_controls_section();
$this->start_controls_section(
'circle-styling4',
[
'label' => esc_html__('Info Circle 4', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'info_icon4',
[
'label' => __( 'Icon', 'uae' ),
'type' => \Elementor\Controls_Manager::ICONS,
'default' => [
'value' => 'fas fa-eye',
'library' => 'fa-solid',
],
]
);
$this->add_control(
'title4',
[
'label' => __( 'Title', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXT,
'default' => 'Info Circle',
]
);
$this->add_control(
'desc4',
[
'label' => __( 'Description', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXTAREA,
'default' => 'Description goes here',
]
);
$this->end_controls_section();
$this->start_controls_section(
'circle-styling5',
[
'label' => esc_html__('Info Circle 5', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'info_icon5',
[
'label' => __( 'Icon', 'uae' ),
'type' => \Elementor\Controls_Manager::ICONS,
'default' => [
'value' => 'fas fa-eye',
'library' => 'fa-solid',
],
]
);
$this->add_control(
'title5',
[
'label' => __( 'Title', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXT,
'default' => 'Info Circle',
]
);
$this->add_control(
'desc5',
[
'label' => __( 'Description', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXTAREA,
'default' => 'Description goes here',
]
);
$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();
global $css_path; ?>