start_controls_section(
'setting_section',
[
'label' => __( 'Settings', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'theme',
[
'label' => __( 'Select Theme', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'options' => [
'default-tdt' => esc_html__('Top Image Bottom Content', 'uae'),
'content-over-slider' => esc_html__('Content Over Image', 'uae'),
],
'description' => 'Click here to See Demo',
'default' => 'default-tdt',
]
);
$this->add_responsive_control(
'mbl_height2',
[
'label' => __( 'Custom Height (For Mobile) px', 'uae' ),
'type' => \Elementor\Controls_Manager::NUMBER,
'condition' => [
'theme' => 'content-over-slider',
],
]
);
$this->add_control(
'padding',
[
'label' => __( 'Padding Top (px)', 'uae' ),
'type' => \Elementor\Controls_Manager::NUMBER,
'description' => 'padding will apply from top for the content',
'default' => '30',
'condition' => [
'theme' => 'content-over-slider',
],
]
);
$this->add_control(
'effect',
[
'label' => __( 'Slide Effect', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'options' => [
'false' => esc_html__('Slide [Right To Left]', 'uae'),
'true' => esc_html__('Fade', 'uae'),
],
'default' => 'false',
]
);
$this->add_control(
'autoplay',
[
'label' => __( 'Autoplay', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'options' => [
'true' => esc_html__('True', 'uae'),
'false' => esc_html__('False [In Pro]', 'uae'),
],
'default' => 'true',
]
);
$this->add_control(
'speed',
[
'label' => __( 'Slider Speed', 'uae' ),
'type' => \Elementor\Controls_Manager::NUMBER,
'description' => 'write in ms eg, 3500 [1s = 1000]',
'default' => '3500',
]
);
$this->add_control(
'spaces',
[
'label' => __( 'Spaces between two items [px]', 'uae' ),
'type' => \Elementor\Controls_Manager::NUMBER,
'default' => '0',
]
);
$this->add_control(
'title_heading',
[
'label' => __('Slide To Show [Visible Number of Slides]', 'uae'),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'slide_visible',
[
'label' => __( 'On PC', 'uae' ),
'type' => \Elementor\Controls_Manager::NUMBER,
'default' => '1',
]
);
$this->add_control(
'tabs',
[
'label' => __( 'On Tabs', 'uae' ),
'type' => \Elementor\Controls_Manager::NUMBER,
'default' => '1',
]
);
$this->add_control(
'slide_visible_mbl',
[
'label' => __( 'On Mobile', 'uae' ),
'type' => \Elementor\Controls_Manager::NUMBER,
'default' => '1',
]
);
$this->add_control(
'slide_to_scroll',
[
'label' => __('Slide To Scroll', 'uae'),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'slide_scroll',
[
'label' => __( 'Slide To Scroll', 'uae' ),
'type' => \Elementor\Controls_Manager::NUMBER,
'description' => 'allow user to multiple slide on click or drag.',
'default' => '1',
]
);
$this->add_control(
'class',
[
'label' => __( 'Extra Class', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXT,
'description' => 'Add extra class name that will be applied to the icon process, and you can use this class for your customizations.',
]
);
$this->add_control(
'infinite',
[
'label' => __( 'Infinite Scroll [In Pro]', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'options' => [
'true' => esc_html__('True', 'uae'),
'false' => esc_html__('False', 'uae'),
],
'default' => 'true',
]
);
$this->add_control(
'adaptiveheight',
[
'label' => __( 'Adaptive Height [In Pro]', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'options' => [
'true' => esc_html__('True', 'uae'),
'false' => esc_html__('False', 'uae'),
],
'default' => 'true',
]
);
$this->add_control(
'pauseonhover',
[
'label' => __( 'Pause on Hover [In Pro]', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'options' => [
'true' => esc_html__('True', 'uae'),
'false' => esc_html__('False', 'uae'),
],
'default' => 'true',
]
);
$this->add_control(
'popup',
[
'label' => __( 'Lightbox [In Pro]', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'description' => 'popup on click. paste image or video url in "Link To" field for opening popup on click',
'options' => [
'disable' => esc_html__('Disable', 'uae'),
'image' => esc_html__('LightBox', 'uae'),
'images' => esc_html__('LightBox SlideShow', 'uae'),
],
'default' => 'disable',
]
);
$this->end_controls_section();
$this->start_controls_section(
'navigation_area',
[
'label' => esc_html__('Navigation', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'arrow',
[
'label' => __( 'Arrows', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'options' => [
'false' => esc_html__('Hide', 'uae'),
'true' => esc_html__('Show', 'uae'),
],
'default' => 'false',
]
);
$this->add_control(
'arrowclr',
[
'label' => __( 'Arrow Color', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#000',
'condition' => [
'arrow' => 'true',
],
]
);
$this->add_control(
'arrowbg',
[
'label' => __( 'Arrow Background', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'condition' => [
'arrow' => 'true',
],
]
);
$this->add_control(
'arrowsize',
[
'label' => __( 'Arrow Font Size', 'uae' ),
'type' => \Elementor\Controls_Manager::NUMBER,
'default' => '25',
'condition' => [
'arrow' => 'true',
],
]
);
$this->add_control(
'arrowposition',
[
'label' => __( 'Position [Pro Option]', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXT,
'default' => '40',
'description' => 'change the position of arrows on slider, with minus sign arrows move away from slider',
'condition' => [
'arrow' => 'true',
],
]
);
$this->add_control(
'dot',
[
'label' => __( 'Dots', 'uae' ),
'type' => \Elementor\Controls_Manager::SELECT,
'options' => [
'true' => esc_html__('Show', 'uae'),
'false' => esc_html__('Hide', 'uae'),
],
'default' => 'true',
]
);
// $this->add_control(
// 'style',
// [
// 'label' => __( 'Dot/Border', 'uae' ),
// 'type' => \Elementor\Controls_Manager::SELECT,
// 'options' => [
// 'dot' => esc_html__('Dot', 'uae'),
// 'border' => esc_html__('Border', 'uae'),
// ],
// 'default' => 'dot',
// 'condition' => [
// 'dot' => 'true',
// ],
// ]
// );
$this->add_control(
'dotclr',
[
'label' => __( 'Dot Color', 'uae' ),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#000',
'condition' => [
'dot' => 'true',
],
]
);
$this->add_control(
'dotsize',
[
'label' => __( 'Dot Size [px]', 'uae' ),
'type' => \Elementor\Controls_Manager::NUMBER,
'default' => '30',
'condition' => [
'dot' => 'true',
],
]
);
$this->add_control(
'dotposition',
[
'label' => __( 'Position [Pro Option]', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXT,
'default' => '-25',
'description' => 'change the position of dots on slider, with minus sign dots move away from slider',
'condition' => [
'dot' => 'true',
],
]
);
$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(
'carousel_style',
[
'label' => esc_html__('Advanced Carousel', 'uae' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$repeater = new \Elementor\Repeater();
$repeater->add_control(
'image',
[
'label' => __( 'Choose Image', 'elementor' ),
'type' => \Elementor\Controls_Manager::MEDIA,
'dynamic' => [
'active' => true,
],
]
);
$repeater->add_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'border_radius',
'label' => esc_html__('Border Image Radius', 'uae'),
'type' => \Elementor\Controls_Manager::SLIDER,
'size_units' => ['px', '%'],
'range' => [
'%' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .tm-slider .ultimate-slide-img img' => 'border-radius: {{SIZE}}px;',
],
]
);
$repeater->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',
]
);
$repeater->add_control(
'btn_link',
[
'label' => __('Link To [In Pro]', 'uae'),
'type' => \Elementor\Controls_Manager::URL,
'placeholder' => __('https://your-link.com', 'uae'),
'show_external' => true,
'default' => [
'url' => '',
'is_external' => false,
'nofollow' => false,
],
]
);
$repeater->add_control(
'content',
[
'label' => esc_html__( 'Slider Description', 'uae' ),
'type' => \Elementor\Controls_Manager::WYSIWYG,
]
);
$repeater->add_control(
'desc_heading',
[
'label' => __('Button Section', 'uae'),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
$repeater->add_control(
'btn_text',
[
'label' => __( 'Button Text', 'uae' ),
'type' => \Elementor\Controls_Manager::TEXT,
]
);
$repeater->add_control(
'btnbg',
[
'label' => esc_html__('Button Background', 'uae'),
'type' => \Elementor\Controls_Manager::COLOR,
'input_type' => 'color',
'default' => '#D30C5C',
]
);
$repeater->add_control(
'btn_link2',
[
'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,
],
]
);
$repeater->add_responsive_control(
'btn_padding',
[
'label' => __( 'Padding', 'uae' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%', 'em' ],
'selectors' => [
'{{WRAPPER}} .tm-slider .ultimate_carousel_btn' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',
],
]
);
$repeater->add_control(
'alignment',
[
'label' => __( 'Button Alignment', 'uae' ),
'type' => \Elementor\Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => __( 'Left', 'uae' ),
'icon' => 'fa fa-align-left',
],
'center' => [
'title' => __( 'Center', 'uae' ),
'icon' => 'fa fa-align-center',
],
'right' => [
'title' => __( 'Right', 'uae' ),
'icon' => 'fa fa-align-right',
],
],
'default' => 'center',
]
);
$repeater->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'btn_typography',
'label' => __('Typography', 'uae'),
'selector' => '{{WRAPPER}} .tm-slider .ultimate_carousel_btn',
]
);
$this->add_control(
'list_items',
[
'label' => __( 'Repeater List', 'plugin-domain' ),
'type' => \Elementor\Controls_Manager::REPEATER,
'fields' => $repeater->get_controls(),
'default' => [
[
'theme' => __( 'left', 'plugin-domain' ),
'list_content' => __( 'Item content. Click the edit button to change this text.', 'plugin-domain' ),
],
],
'title_field' => '{{{ image }}}',
]
);
$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);
global $css_path; ?>
, "autoplaySpeed": , "dots": , "autoplay": true, "slidesToShow": , "slidesToScroll": , "fade": }'>