protected function _register_controls()
{
$this->start_controls_section('section_button', ['label' => __('Button', 'elementor')]);
$this->add_control('button_type', ['label' => __('Type', 'elementor'), 'type' => Controls_Manager::SELECT, 'default' => '', 'options' => ['' => __('Default', 'elementor'), 'info' => __('Info', 'elementor'), 'success' => __('Success', 'elementor'), 'warning' => __('Warning', 'elementor'), 'danger' => __('Danger', 'elementor')]]);
$this->add_control('text', ['label' => __('Text', 'elementor'), 'type' => Controls_Manager::TEXT, 'default' => __('Click me', 'elementor'), 'placeholder' => __('Click me', 'elementor')]);
$this->add_control('link', ['label' => __('Link', 'elementor'), 'type' => Controls_Manager::URL, 'placeholder' => 'http://your-link.com', 'default' => ['url' => '#']]);
$this->add_responsive_control('align', ['label' => __('Alignment', 'elementor'), 'type' => Controls_Manager::CHOOSE, 'options' => ['left' => ['title' => __('Left', 'elementor'), 'icon' => 'align-left'], 'center' => ['title' => __('Center', 'elementor'), 'icon' => 'align-center'], 'right' => ['title' => __('Right', 'elementor'), 'icon' => 'align-right'], 'justify' => ['title' => __('Justified', 'elementor'), 'icon' => 'align-justify']], 'prefix_class' => 'elementor%s-align-', 'default' => '']);
$this->add_control('size', ['label' => __('Size', 'elementor'), 'type' => Controls_Manager::SELECT, 'default' => 'sm', 'options' => self::get_button_sizes()]);
$this->add_control('icon', ['label' => __('Icon', 'elementor'), 'type' => Controls_Manager::ICON, 'label_block' => true, 'default' => '']);
$this->add_control('icon_align', ['label' => __('Icon Position', 'elementor'), 'type' => Controls_Manager::SELECT, 'default' => 'left', 'options' => ['left' => __('Before', 'elementor'), 'right' => __('After', 'elementor')], 'condition' => ['icon!' => '']]);
$this->add_control('icon_indent', ['label' => __('Icon Spacing', 'elementor'), 'type' => Controls_Manager::SLIDER, 'range' => ['px' => ['max' => 50]], 'condition' => ['icon!' => ''], 'selectors' => ['{{WRAPPER}} .elementor-button .elementor-align-icon-right' => 'margin-left: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .elementor-button .elementor-align-icon-left' => 'margin-right: {{SIZE}}{{UNIT}};']]);
$this->add_control('view', ['label' => __('View', 'elementor'), 'type' => Controls_Manager::HIDDEN, 'default' => 'traditional']);
$this->end_controls_section();
$this->start_controls_section('section_style', ['label' => __('Button', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_control('button_text_color', ['label' => __('Text Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => ['{{WRAPPER}} .elementor-button' => 'color: {{VALUE}};']]);
$this->add_group_control(Group_Control_Typography::get_type(), ['name' => 'typography', 'label' => __('Typography', 'elementor'), 'scheme' => Scheme_Typography::TYPOGRAPHY_4, 'selector' => '{{WRAPPER}} .elementor-button']);
$this->add_control('background_color', ['label' => __('Background Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'scheme' => ['type' => Scheme_Color::get_type(), 'value' => Scheme_Color::COLOR_4], 'selectors' => ['{{WRAPPER}} .elementor-button' => 'background-color: {{VALUE}};']]);
$this->add_group_control(Group_Control_Border::get_type(), ['name' => 'border', 'label' => __('Border', 'elementor'), 'placeholder' => '1px', 'default' => '1px', 'selector' => '{{WRAPPER}} .elementor-button']);
$this->add_control('border_radius', ['label' => __('Border Radius', 'elementor'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', '%'], 'selectors' => ['{{WRAPPER}} .elementor-button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};']]);
$this->add_control('text_padding', ['label' => __('Text Padding', 'elementor'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => ['{{WRAPPER}} .elementor-button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};']]);
$this->end_controls_section();
$this->start_controls_section('section_hover', ['label' => __('Button Hover', 'elementor'), 'type' => Controls_Manager::SECTION, 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_control('hover_color', ['label' => __('Text Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'selectors' => ['{{WRAPPER}} .elementor-button:hover' => 'color: {{VALUE}};']]);
$this->add_control('button_background_hover_color', ['label' => __('Background Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'selectors' => ['{{WRAPPER}} .elementor-button:hover' => 'background-color: {{VALUE}};']]);
$this->add_control('button_hover_border_color', ['label' => __('Border Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'condition' => ['border_border!' => ''], 'selectors' => ['{{WRAPPER}} .elementor-button:hover' => 'border-color: {{VALUE}};']]);
$this->add_control('hover_animation', ['label' => __('Animation', 'elementor'), 'type' => Controls_Manager::HOVER_ANIMATION]);
$this->end_controls_section();
}
protected function _register_controls()
{
$this->start_controls_section('section_testimonial', ['label' => __('Testimonial', 'elementor')]);
$this->add_control('testimonial_content', ['label' => __('Content', 'elementor'), 'type' => Controls_Manager::TEXTAREA, 'rows' => '10', 'default' => 'Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.']);
$this->add_control('testimonial_image', ['label' => __('Add Image', 'elementor'), 'type' => Controls_Manager::MEDIA, 'default' => ['url' => Utils::get_placeholder_image_src()]]);
$this->add_control('testimonial_name', ['label' => __('Name', 'elementor'), 'type' => Controls_Manager::TEXT, 'default' => 'John Doe']);
$this->add_control('testimonial_job', ['label' => __('Job', 'elementor'), 'type' => Controls_Manager::TEXT, 'default' => 'Designer']);
$this->add_control('testimonial_image_position', ['label' => __('Image Position', 'elementor'), 'type' => Controls_Manager::SELECT, 'default' => 'aside', 'options' => ['aside' => __('Aside', 'elementor'), 'top' => __('Top', 'elementor')], 'condition' => ['testimonial_image[url]!' => ''], 'separator' => 'before']);
$this->add_control('testimonial_alignment', ['label' => __('Alignment', 'elementor'), 'type' => Controls_Manager::CHOOSE, 'default' => 'center', 'options' => ['left' => ['title' => __('Left', 'elementor'), 'icon' => 'align-left'], 'center' => ['title' => __('Center', 'elementor'), 'icon' => 'align-center'], 'right' => ['title' => __('Right', 'elementor'), 'icon' => 'align-right']]]);
$this->add_control('view', ['label' => __('View', 'elementor'), 'type' => Controls_Manager::HIDDEN, 'default' => 'traditional']);
$this->end_controls_section();
// Content
$this->start_controls_section('section_style_testimonial_content', ['label' => __('Content', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_control('content_content_color', ['label' => __('Content Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'scheme' => ['type' => Scheme_Color::get_type(), 'value' => Scheme_Color::COLOR_3], 'default' => '', 'selectors' => ['{{WRAPPER}} .elementor-testimonial-content' => 'color: {{VALUE}};']]);
$this->add_group_control(Group_Control_Typography::get_type(), ['name' => 'content_typography', 'label' => __('Typography', 'elementor'), 'scheme' => Scheme_Typography::TYPOGRAPHY_3, 'selector' => '{{WRAPPER}} .elementor-testimonial-content']);
$this->end_controls_section();
// Image
$this->start_controls_section('section_style_testimonial_image', ['label' => __('Image', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => ['testimonial_image[url]!' => '']]);
$this->add_control('image_size', ['label' => __('Image Size', 'elementor'), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px'], 'range' => ['px' => ['min' => 20, 'max' => 200]], 'selectors' => ['{{WRAPPER}} .elementor-testimonial-wrapper .elementor-testimonial-image img' => 'width: {{SIZE}}{{UNIT}};height: {{SIZE}}{{UNIT}};'], 'condition' => ['testimonial_image[url]!' => '']]);
$this->add_group_control(Group_Control_Border::get_type(), ['name' => 'image_border', 'selector' => '{{WRAPPER}} .elementor-testimonial-wrapper .elementor-testimonial-image img', 'condition' => ['testimonial_image[url]!' => '']]);
$this->add_control('image_border_radius', ['label' => __('Border Radius', 'elementor'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', '%'], 'selectors' => ['{{WRAPPER}} .elementor-testimonial-wrapper .elementor-testimonial-image img' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'], 'condition' => ['testimonial_image[url]!' => '']]);
$this->end_controls_section();
// Name
$this->start_controls_section('section_style_testimonial_name', ['label' => __('Name', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_control('name_text_color', ['label' => __('Text Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'scheme' => ['type' => Scheme_Color::get_type(), 'value' => Scheme_Color::COLOR_1], 'default' => '', 'selectors' => ['{{WRAPPER}} .elementor-testimonial-name' => 'color: {{VALUE}};']]);
$this->add_group_control(Group_Control_Typography::get_type(), ['name' => 'name_typography', 'label' => __('Typography', 'elementor'), 'scheme' => Scheme_Typography::TYPOGRAPHY_1, 'selector' => '{{WRAPPER}} .elementor-testimonial-name']);
$this->end_controls_section();
// Job
$this->start_controls_section('section_style_testimonial_job', ['label' => __('Job', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_control('job_text_color', ['label' => __('Text Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'scheme' => ['type' => Scheme_Color::get_type(), 'value' => Scheme_Color::COLOR_2], 'default' => '', 'selectors' => ['{{WRAPPER}} .elementor-testimonial-job' => 'color: {{VALUE}};']]);
$this->add_group_control(Group_Control_Typography::get_type(), ['name' => 'job_typography', 'label' => __('Typography', 'elementor'), 'scheme' => Scheme_Typography::TYPOGRAPHY_2, 'selector' => '{{WRAPPER}} .elementor-testimonial-job']);
$this->end_controls_section();
}
protected function _register_controls()
{
$this->start_controls_section('section_image', ['label' => __('Image Box', 'elementor')]);
$this->add_control('image', ['label' => __('Choose Image', 'elementor'), 'type' => Controls_Manager::MEDIA, 'default' => ['url' => Utils::get_placeholder_image_src()]]);
$this->add_control('title_text', ['label' => __('Title & Description', 'elementor'), 'type' => Controls_Manager::TEXT, 'default' => __('This is the heading', 'elementor'), 'placeholder' => __('Your Title', 'elementor'), 'label_block' => true]);
$this->add_control('description_text', ['label' => __('Content', 'elementor'), 'type' => Controls_Manager::TEXTAREA, 'default' => __('Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.', 'elementor'), 'placeholder' => __('Your Description', 'elementor'), 'title' => __('Input image text here', 'elementor'), 'separator' => 'none', 'rows' => 10, 'show_label' => false]);
$this->add_control('link', ['label' => __('Link to', 'elementor'), 'type' => Controls_Manager::URL, 'placeholder' => __('http://your-link.com', 'elementor'), 'separator' => 'before']);
$this->add_control('position', ['label' => __('Image Position', 'elementor'), 'type' => Controls_Manager::CHOOSE, 'default' => 'top', 'options' => ['left' => ['title' => __('Left', 'elementor'), 'icon' => 'align-left'], 'top' => ['title' => __('Top', 'elementor'), 'icon' => 'align-center'], 'right' => ['title' => __('Right', 'elementor'), 'icon' => 'align-right']], 'prefix_class' => 'elementor-position-', 'toggle' => false]);
$this->add_control('title_size', ['label' => __('Title HTML Tag', 'elementor'), 'type' => Controls_Manager::SELECT, 'options' => ['h1' => __('H1', 'elementor'), 'h2' => __('H2', 'elementor'), 'h3' => __('H3', 'elementor'), 'h4' => __('H4', 'elementor'), 'h5' => __('H5', 'elementor'), 'h6' => __('H6', 'elementor'), 'div' => __('div', 'elementor'), 'span' => __('span', 'elementor'), 'p' => __('p', 'elementor')], 'default' => 'h3']);
$this->add_control('view', ['label' => __('View', 'elementor'), 'type' => Controls_Manager::HIDDEN, 'default' => 'traditional']);
$this->end_controls_section();
$this->start_controls_section('section_style_image', ['label' => __('Image', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_control('image_space', ['label' => __('Image Spacing', 'elementor'), 'type' => Controls_Manager::SLIDER, 'default' => ['size' => 15], 'range' => ['px' => ['min' => 0, 'max' => 100]], 'selectors' => ['{{WRAPPER}}.elementor-position-right .elementor-image-box-img' => 'margin-left: {{SIZE}}{{UNIT}};', '{{WRAPPER}}.elementor-position-left .elementor-image-box-img' => 'margin-right: {{SIZE}}{{UNIT}};', '{{WRAPPER}}.elementor-position-top .elementor-image-box-img' => 'margin-bottom: {{SIZE}}{{UNIT}};']]);
$this->add_control('image_size', ['label' => __('Image Size', 'elementor'), 'type' => Controls_Manager::SLIDER, 'default' => ['size' => 30, 'unit' => '%'], 'size_units' => ['%'], 'range' => ['%' => ['min' => 5, 'max' => 100]], 'selectors' => ['{{WRAPPER}} .elementor-image-box-wrapper .elementor-image-box-img' => 'width: {{SIZE}}{{UNIT}};']]);
$this->add_control('image_opacity', ['label' => __('Opacity (%)', 'elementor'), 'type' => Controls_Manager::SLIDER, 'default' => ['size' => 1], 'range' => ['px' => ['max' => 1, 'min' => 0.1, 'step' => 0.01]], 'selectors' => ['{{WRAPPER}} .elementor-image-box-wrapper .elementor-image-box-img img' => 'opacity: {{SIZE}};']]);
$this->add_control('hover_animation', ['label' => __('Animation', 'elementor'), 'type' => Controls_Manager::HOVER_ANIMATION]);
$this->end_controls_section();
$this->start_controls_section('section_style_content', ['label' => __('Content', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_responsive_control('text_align', ['label' => __('Alignment', 'elementor'), 'type' => Controls_Manager::CHOOSE, 'options' => ['left' => ['title' => __('Left', 'elementor'), 'icon' => 'align-left'], 'center' => ['title' => __('Center', 'elementor'), 'icon' => 'align-center'], 'right' => ['title' => __('Right', 'elementor'), 'icon' => 'align-right'], 'justify' => ['title' => __('Justified', 'elementor'), 'icon' => 'align-justify']], 'selectors' => ['{{WRAPPER}} .elementor-image-box-wrapper' => 'text-align: {{VALUE}};']]);
$this->add_control('content_vertical_alignment', ['label' => __('Vertical Alignment', 'elementor'), 'type' => Controls_Manager::SELECT, 'options' => ['top' => __('Top', 'elementor'), 'middle' => __('Middle', 'elementor'), 'bottom' => __('Bottom', 'elementor')], 'default' => 'top', 'prefix_class' => 'elementor-vertical-align-']);
$this->add_control('heading_title', ['label' => __('Title', 'elementor'), 'type' => Controls_Manager::HEADING, 'separator' => 'before']);
$this->add_responsive_control('title_bottom_space', ['label' => __('Title Spacing', 'elementor'), 'type' => Controls_Manager::SLIDER, 'range' => ['px' => ['min' => 0, 'max' => 100]], 'selectors' => ['{{WRAPPER}} .elementor-image-box-title' => 'margin-bottom: {{SIZE}}{{UNIT}};']]);
$this->add_control('title_color', ['label' => __('Title Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => ['{{WRAPPER}} .elementor-image-box-content .elementor-image-box-title' => 'color: {{VALUE}};'], 'scheme' => ['type' => Scheme_Color::get_type(), 'value' => Scheme_Color::COLOR_1]]);
$this->add_group_control(Group_Control_Typography::get_type(), ['name' => 'title_typography', 'selector' => '{{WRAPPER}} .elementor-image-box-content .elementor-image-box-title', 'scheme' => Scheme_Typography::TYPOGRAPHY_1]);
$this->add_control('heading_description', ['label' => __('Description', 'elementor'), 'type' => Controls_Manager::HEADING, 'separator' => 'before']);
$this->add_control('description_color', ['label' => __('Description Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => ['{{WRAPPER}} .elementor-image-box-content .elementor-image-box-description' => 'color: {{VALUE}};'], 'scheme' => ['type' => Scheme_Color::get_type(), 'value' => Scheme_Color::COLOR_3]]);
$this->add_group_control(Group_Control_Typography::get_type(), ['name' => 'description_typography', 'selector' => '{{WRAPPER}} .elementor-image-box-content .elementor-image-box-description', 'scheme' => Scheme_Typography::TYPOGRAPHY_3]);
$this->end_controls_section();
}
protected function _register_controls()
{
$this->start_controls_section('section_image', ['label' => __('Image', 'elementor')]);
$this->add_control('image', ['label' => __('Choose Image', 'elementor'), 'type' => Controls_Manager::MEDIA, 'default' => ['url' => Utils::get_placeholder_image_src()]]);
$this->add_group_control(Group_Control_Image_Size::get_type(), ['name' => 'image', 'label' => __('Image Size', 'elementor'), 'default' => 'large']);
$this->add_responsive_control('align', ['label' => __('Alignment', 'elementor'), 'type' => Controls_Manager::CHOOSE, 'options' => ['left' => ['title' => __('Left', 'elementor'), 'icon' => 'align-left'], 'center' => ['title' => __('Center', 'elementor'), 'icon' => 'align-center'], 'right' => ['title' => __('Right', 'elementor'), 'icon' => 'align-right']], 'default' => 'center', 'selectors' => ['{{WRAPPER}}' => 'text-align: {{VALUE}};']]);
$this->add_control('caption', ['label' => __('Caption', 'elementor'), 'type' => Controls_Manager::TEXT, 'default' => '', 'placeholder' => __('Enter your caption about the image', 'elementor'), 'title' => __('Input image caption here', 'elementor')]);
$this->add_control('link_to', ['label' => __('Link to', 'elementor'), 'type' => Controls_Manager::SELECT, 'default' => 'none', 'options' => ['none' => __('None', 'elementor'), 'file' => __('Media File', 'elementor'), 'custom' => __('Custom URL', 'elementor')]]);
$this->add_control('link', ['label' => __('Link to', 'elementor'), 'type' => Controls_Manager::URL, 'placeholder' => __('http://your-link.com', 'elementor'), 'condition' => ['link_to' => 'custom'], 'show_label' => false]);
$this->add_control('view', ['label' => __('View', 'elementor'), 'type' => Controls_Manager::HIDDEN, 'default' => 'traditional']);
$this->end_controls_section();
$this->start_controls_section('section_style_image', ['label' => __('Image', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_control('space', ['label' => __('Size (%)', 'elementor'), 'type' => Controls_Manager::SLIDER, 'default' => ['size' => 100, 'unit' => '%'], 'size_units' => ['%'], 'range' => ['%' => ['min' => 1, 'max' => 100]], 'selectors' => ['{{WRAPPER}} .elementor-image img' => 'max-width: {{SIZE}}{{UNIT}};']]);
$this->add_control('opacity', ['label' => __('Opacity (%)', 'elementor'), 'type' => Controls_Manager::SLIDER, 'default' => ['size' => 1], 'range' => ['px' => ['max' => 1, 'min' => 0.1, 'step' => 0.01]], 'selectors' => ['{{WRAPPER}} .elementor-image img' => 'opacity: {{SIZE}};']]);
$this->add_control('hover_animation', ['label' => __('Hover Animation', 'elementor'), 'type' => Controls_Manager::HOVER_ANIMATION]);
$this->add_group_control(Group_Control_Border::get_type(), ['name' => 'image_border', 'label' => __('Image Border', 'elementor'), 'selector' => '{{WRAPPER}} .elementor-image img']);
$this->add_control('image_border_radius', ['label' => __('Border Radius', 'elementor'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', '%'], 'selectors' => ['{{WRAPPER}} .elementor-image img' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};']]);
$this->add_group_control(Group_Control_Box_Shadow::get_type(), ['name' => 'image_box_shadow', 'selector' => '{{WRAPPER}} .elementor-image img']);
$this->end_controls_section();
$this->start_controls_section('section_style_caption', ['label' => __('Caption', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_control('caption_align', ['label' => __('Alignment', 'elementor'), 'type' => Controls_Manager::CHOOSE, 'options' => ['left' => ['title' => __('Left', 'elementor'), 'icon' => 'align-left'], 'center' => ['title' => __('Center', 'elementor'), 'icon' => 'align-center'], 'right' => ['title' => __('Right', 'elementor'), 'icon' => 'align-right'], 'justify' => ['title' => __('Justified', 'elementor'), 'icon' => 'align-justify']], 'default' => '', 'selectors' => ['{{WRAPPER}} .widget-image-caption' => 'text-align: {{VALUE}};']]);
$this->add_control('text_color', ['label' => __('Text Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => ['{{WRAPPER}} .widget-image-caption' => 'color: {{VALUE}};'], 'scheme' => ['type' => Scheme_Color::get_type(), 'value' => Scheme_Color::COLOR_3]]);
$this->add_group_control(Group_Control_Typography::get_type(), ['name' => 'caption_typography', 'selector' => '{{WRAPPER}} .widget-image-caption', 'scheme' => Scheme_Typography::TYPOGRAPHY_3]);
$this->end_controls_section();
}
protected function _register_controls()
{
$this->start_controls_section('section_gallery', ['label' => __('Image Gallery', 'elementor')]);
$this->add_control('wp_gallery', ['label' => __('Add Images', 'elementor'), 'type' => Controls_Manager::GALLERY]);
$this->add_group_control(Group_Control_Image_Size::get_type(), ['name' => 'thumbnail', 'exclude' => ['custom']]);
$gallery_columns = range(1, 10);
$gallery_columns = array_combine($gallery_columns, $gallery_columns);
$this->add_control('gallery_columns', ['label' => __('Columns', 'elementor'), 'type' => Controls_Manager::SELECT, 'default' => 4, 'options' => $gallery_columns]);
$this->add_control('gallery_link', ['label' => __('Link to', 'elementor'), 'type' => Controls_Manager::SELECT, 'default' => 'file', 'options' => ['file' => __('Media File', 'elementor'), 'attachment' => __('Attachment Page', 'elementor'), 'none' => __('None', 'elementor')]]);
$this->add_control('gallery_rand', ['label' => __('Ordering', 'elementor'), 'type' => Controls_Manager::SELECT, 'options' => ['' => __('Default', 'elementor'), 'rand' => __('Random', 'elementor')], 'default' => '']);
$this->add_control('view', ['label' => __('View', 'elementor'), 'type' => Controls_Manager::HIDDEN, 'default' => 'traditional']);
$this->end_controls_section();
$this->start_controls_section('section_gallery_images', ['label' => __('Images', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_control('image_spacing', ['label' => __('Spacing', 'elementor'), 'type' => Controls_Manager::SELECT, 'options' => ['' => __('Default', 'elementor'), 'custom' => __('Custom', 'elementor')], 'prefix_class' => 'gallery-spacing-', 'default' => '']);
$columns_margin = is_rtl() ? '0 0 -{{SIZE}}{{UNIT}} -{{SIZE}}{{UNIT}};' : '0 -{{SIZE}}{{UNIT}} -{{SIZE}}{{UNIT}} 0;';
$columns_padding = is_rtl() ? '0 0 {{SIZE}}{{UNIT}} {{SIZE}}{{UNIT}};' : '0 {{SIZE}}{{UNIT}} {{SIZE}}{{UNIT}} 0;';
$this->add_control('image_spacing_custom', ['label' => __('Image Spacing', 'elementor'), 'type' => Controls_Manager::SLIDER, 'show_label' => false, 'range' => ['px' => ['max' => 100]], 'default' => ['size' => 15], 'selectors' => ['{{WRAPPER}} .gallery-item' => 'padding:' . $columns_padding, '{{WRAPPER}} .gallery' => 'margin: ' . $columns_margin], 'condition' => ['image_spacing' => 'custom']]);
$this->add_group_control(Group_Control_Border::get_type(), ['name' => 'image_border', 'label' => __('Image Border', 'elementor'), 'selector' => '{{WRAPPER}} .gallery-item img']);
$this->add_control('image_border_radius', ['label' => __('Border Radius', 'elementor'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', '%'], 'selectors' => ['{{WRAPPER}} .gallery-item img' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};']]);
$this->end_controls_section();
$this->start_controls_section('section_caption', ['label' => __('Caption', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_control('gallery_display_caption', ['label' => __('Display', 'elementor'), 'type' => Controls_Manager::SELECT, 'default' => '', 'options' => ['' => __('Show', 'elementor'), 'none' => __('Hide', 'elementor')], 'selectors' => ['{{WRAPPER}} .gallery-item .gallery-caption' => 'display: {{VALUE}};']]);
$this->add_control('align', ['label' => __('Alignment', 'elementor'), 'type' => Controls_Manager::CHOOSE, 'options' => ['left' => ['title' => __('Left', 'elementor'), 'icon' => 'align-left'], 'center' => ['title' => __('Center', 'elementor'), 'icon' => 'align-center'], 'right' => ['title' => __('Right', 'elementor'), 'icon' => 'align-right'], 'justify' => ['title' => __('Justified', 'elementor'), 'icon' => 'align-justify']], 'default' => 'center', 'selectors' => ['{{WRAPPER}} .gallery-item .gallery-caption' => 'text-align: {{VALUE}};'], 'condition' => ['gallery_display_caption' => '']]);
$this->add_control('text_color', ['label' => __('Text Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => ['{{WRAPPER}} .gallery-item .gallery-caption' => 'color: {{VALUE}};'], 'condition' => ['gallery_display_caption' => '']]);
$this->add_group_control(Group_Control_Typography::get_type(), ['name' => 'typography', 'label' => __('Typography', 'elementor'), 'scheme' => Scheme_Typography::TYPOGRAPHY_4, 'selector' => '{{WRAPPER}} .gallery-item .gallery-caption', 'condition' => ['gallery_display_caption' => '']]);
$this->end_controls_section();
}
protected function _register_controls()
{
$this->start_controls_section('section_editor', ['label' => __('Text Editor', 'elementor')]);
$this->add_control('editor', ['label' => '', 'type' => Controls_Manager::WYSIWYG, 'default' => __('I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.', 'elementor')]);
$this->end_controls_section();
$this->start_controls_section('section_style', ['label' => __('Text Editor', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_responsive_control('align', ['label' => __('Alignment', 'elementor'), 'type' => Controls_Manager::CHOOSE, 'options' => ['left' => ['title' => __('Left', 'elementor'), 'icon' => 'align-left'], 'center' => ['title' => __('Center', 'elementor'), 'icon' => 'align-center'], 'right' => ['title' => __('Right', 'elementor'), 'icon' => 'align-right'], 'justify' => ['title' => __('Justified', 'elementor'), 'icon' => 'align-justify']], 'selectors' => ['{{WRAPPER}} .elementor-text-editor' => 'text-align: {{VALUE}};']]);
$this->add_control('text_color', ['label' => __('Text Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => ['{{WRAPPER}}' => 'color: {{VALUE}};'], 'scheme' => ['type' => Scheme_Color::get_type(), 'value' => Scheme_Color::COLOR_3]]);
$this->add_group_control(Group_Control_Typography::get_type(), ['name' => 'typography', 'scheme' => Scheme_Typography::TYPOGRAPHY_3]);
$this->end_controls_section();
}
protected function _register_controls()
{
$this->start_controls_section('section_title', ['label' => __('Title', 'elementor')]);
$this->add_control('title', ['label' => __('Title', 'elementor'), 'type' => Controls_Manager::TEXTAREA, 'placeholder' => __('Enter your title', 'elementor'), 'default' => __('This is heading element', 'elementor')]);
$this->add_control('link', ['label' => __('Link', 'elementor'), 'type' => Controls_Manager::URL, 'placeholder' => 'http://your-link.com', 'default' => ['url' => ''], 'separator' => 'before']);
$this->add_control('size', ['label' => __('Size', 'elementor'), 'type' => Controls_Manager::SELECT, 'default' => 'default', 'options' => ['default' => __('Default', 'elementor'), 'small' => __('Small', 'elementor'), 'medium' => __('Medium', 'elementor'), 'large' => __('Large', 'elementor'), 'xl' => __('XL', 'elementor'), 'xxl' => __('XXL', 'elementor')]]);
$this->add_control('header_size', ['label' => __('HTML Tag', 'elementor'), 'type' => Controls_Manager::SELECT, 'options' => ['h1' => __('H1', 'elementor'), 'h2' => __('H2', 'elementor'), 'h3' => __('H3', 'elementor'), 'h4' => __('H4', 'elementor'), 'h5' => __('H5', 'elementor'), 'h6' => __('H6', 'elementor'), 'div' => __('div', 'elementor'), 'span' => __('span', 'elementor'), 'p' => __('p', 'elementor')], 'default' => 'h2']);
$this->add_responsive_control('align', ['label' => __('Alignment', 'elementor'), 'type' => Controls_Manager::CHOOSE, 'options' => ['left' => ['title' => __('Left', 'elementor'), 'icon' => 'align-left'], 'center' => ['title' => __('Center', 'elementor'), 'icon' => 'align-center'], 'right' => ['title' => __('Right', 'elementor'), 'icon' => 'align-right'], 'justify' => ['title' => __('Justified', 'elementor'), 'icon' => 'align-justify']], 'default' => '', 'selectors' => ['{{WRAPPER}}' => 'text-align: {{VALUE}};']]);
$this->add_control('view', ['label' => __('View', 'elementor'), 'type' => Controls_Manager::HIDDEN, 'default' => 'traditional']);
$this->end_controls_section();
$this->start_controls_section('section_title_style', ['label' => __('Title', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_control('title_color', ['label' => __('Text Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'scheme' => ['type' => Scheme_Color::get_type(), 'value' => Scheme_Color::COLOR_1], 'selectors' => ['{{WRAPPER}} .elementor-heading-title' => 'color: {{VALUE}};']]);
$this->add_group_control(Group_Control_Typography::get_type(), ['name' => 'typography', 'scheme' => Scheme_Typography::TYPOGRAPHY_1, 'selector' => '{{WRAPPER}} .elementor-heading-title']);
$this->end_controls_section();
}
protected function _register_controls()
{
$this->start_controls_section('section_icon', ['label' => __('Icon List', 'elementor')]);
$this->add_control('icon_list', ['label' => '', 'type' => Controls_Manager::REPEATER, 'default' => [['text' => __('List Item #1', 'elementor'), 'icon' => 'fa fa-check'], ['text' => __('List Item #2', 'elementor'), 'icon' => 'fa fa-times'], ['text' => __('List Item #3', 'elementor'), 'icon' => 'fa fa-dot-circle-o']], 'fields' => [['name' => 'text', 'label' => __('Text', 'elementor'), 'type' => Controls_Manager::TEXT, 'label_block' => true, 'placeholder' => __('List Item', 'elementor'), 'default' => __('List Item', 'elementor')], ['name' => 'icon', 'label' => __('Icon', 'elementor'), 'type' => Controls_Manager::ICON, 'label_block' => true, 'default' => 'fa fa-check'], ['name' => 'link', 'label' => __('Link', 'elementor'), 'type' => Controls_Manager::URL, 'label_block' => true, 'placeholder' => __('http://your-link.com', 'elementor')]], 'title_field' => '<i class="{{ icon }}"></i> {{{ text }}}']);
$this->add_control('view', ['label' => __('View', 'elementor'), 'type' => Controls_Manager::HIDDEN, 'default' => 'traditional']);
$this->end_controls_section();
$this->start_controls_section('section_icon_style', ['label' => __('Icon', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_control('icon_color', ['label' => __('Icon Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => ['{{WRAPPER}} .elementor-icon-list-icon i' => 'color: {{VALUE}};'], 'scheme' => ['type' => Scheme_Color::get_type(), 'value' => Scheme_Color::COLOR_1]]);
$this->add_control('icon_size', ['label' => __('Icon Size', 'elementor'), 'type' => Controls_Manager::SLIDER, 'default' => ['size' => 14], 'range' => ['px' => ['min' => 6]], 'selectors' => ['{{WRAPPER}} .elementor-icon-list-icon' => 'font-size: {{SIZE}}{{UNIT}};']]);
$this->add_responsive_control('icon_align', ['label' => __('Alignment', 'elementor'), 'type' => Controls_Manager::CHOOSE, 'options' => ['left' => ['title' => __('Left', 'elementor'), 'icon' => 'align-left'], 'center' => ['title' => __('Center', 'elementor'), 'icon' => 'align-center'], 'right' => ['title' => __('Right', 'elementor'), 'icon' => 'align-right']], 'selectors' => ['{{WRAPPER}} .elementor-icon-list-items' => 'text-align: {{VALUE}};']]);
$this->end_controls_section();
$this->start_controls_section('section_text_style', ['label' => __('Text', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_control('text_indent', ['label' => __('Text Indent', 'elementor'), 'type' => Controls_Manager::SLIDER, 'range' => ['px' => ['max' => 50]], 'selectors' => ['{{WRAPPER}} .elementor-icon-list-text' => is_rtl() ? 'padding-right: {{SIZE}}{{UNIT}};' : 'padding-left: {{SIZE}}{{UNIT}};']]);
$this->add_control('text_color', ['label' => __('Text Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => ['{{WRAPPER}} .elementor-icon-list-text' => 'color: {{VALUE}};'], 'scheme' => ['type' => Scheme_Color::get_type(), 'value' => Scheme_Color::COLOR_2]]);
$this->add_group_control(Group_Control_Typography::get_type(), ['name' => 'icon_typography', 'label' => __('Typography', 'elementor'), 'selector' => '{{WRAPPER}} .elementor-icon-list-text', 'scheme' => Scheme_Typography::TYPOGRAPHY_3]);
$this->end_controls_section();
}
protected function _register_controls()
{
$this->start_controls_section('section_toggle', ['label' => __('Toggle', 'elementor')]);
$this->add_control('tabs', ['label' => __('Toggle Items', 'elementor'), 'type' => Controls_Manager::REPEATER, 'default' => [['tab_title' => __('Toggle #1', 'elementor'), 'tab_content' => __('I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.', 'elementor')], ['tab_title' => __('Toggle #2', 'elementor'), 'tab_content' => __('I am item content. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.', 'elementor')]], 'fields' => [['name' => 'tab_title', 'label' => __('Title & Content', 'elementor'), 'type' => Controls_Manager::TEXT, 'label_block' => true, 'default' => __('Toggle Title', 'elementor')], ['name' => 'tab_content', 'label' => __('Content', 'elementor'), 'type' => Controls_Manager::WYSIWYG, 'default' => __('Toggle Content', 'elementor'), 'show_label' => false]], 'title_field' => '{{{ tab_title }}}']);
$this->add_control('view', ['label' => __('View', 'elementor'), 'type' => Controls_Manager::HIDDEN, 'default' => 'traditional']);
$this->end_controls_section();
$this->start_controls_section('section_toggle_style', ['label' => __('Toggle', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_control('border_width', ['label' => __('Border Width', 'elementor'), 'type' => Controls_Manager::SLIDER, 'default' => ['size' => 1], 'range' => ['px' => ['min' => 0, 'max' => 10]], 'selectors' => ['{{WRAPPER}} .elementor-toggle .elementor-toggle-title' => 'border-width: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .elementor-toggle .elementor-toggle-content' => 'border-width: {{SIZE}}{{UNIT}};']]);
$this->add_control('border_color', ['label' => __('Border Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'selectors' => ['{{WRAPPER}} .elementor-toggle .elementor-toggle-content' => 'border-bottom-color: {{VALUE}};', '{{WRAPPER}} .elementor-toggle .elementor-toggle-title' => 'border-color: {{VALUE}};']]);
$this->add_control('title_background', ['label' => __('Title Background', 'elementor'), 'type' => Controls_Manager::COLOR, 'selectors' => ['{{WRAPPER}} .elementor-toggle .elementor-toggle-title' => 'background-color: {{VALUE}};'], 'separator' => 'before']);
$this->add_control('title_color', ['label' => __('Title Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'selectors' => ['{{WRAPPER}} .elementor-toggle .elementor-toggle-title' => 'color: {{VALUE}};'], 'scheme' => ['type' => Scheme_Color::get_type(), 'value' => Scheme_Color::COLOR_1]]);
$this->add_control('tab_active_color', ['label' => __('Active Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'selectors' => ['{{WRAPPER}} .elementor-toggle .elementor-toggle-title.active' => 'color: {{VALUE}};'], 'scheme' => ['type' => Scheme_Color::get_type(), 'value' => Scheme_Color::COLOR_4]]);
$this->add_group_control(Group_Control_Typography::get_type(), ['label' => __('Title Typography', 'elementor'), 'name' => 'title_typography', 'selector' => '{{WRAPPER}} .elementor-toggle .elementor-toggle-title', 'scheme' => Scheme_Typography::TYPOGRAPHY_1]);
$this->add_control('content_background_color', ['label' => __('Content Background', 'elementor'), 'type' => Controls_Manager::COLOR, 'selectors' => ['{{WRAPPER}} .elementor-toggle .elementor-toggle-content' => 'background-color: {{VALUE}};'], 'separator' => 'before']);
$this->add_control('content_color', ['label' => __('Content Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'selectors' => ['{{WRAPPER}} .elementor-toggle .elementor-toggle-content' => 'color: {{VALUE}};'], 'scheme' => ['type' => Scheme_Color::get_type(), 'value' => Scheme_Color::COLOR_3]]);
$this->add_group_control(Group_Control_Typography::get_type(), ['name' => 'content_typography', 'label' => 'Content Typography', 'selector' => '{{WRAPPER}} .elementor-toggle .elementor-toggle-content', 'scheme' => Scheme_Typography::TYPOGRAPHY_3]);
$this->end_controls_section();
}
protected function _register_controls()
{
$this->start_controls_section('section_progress', ['label' => __('Progress Bar', 'elementor')]);
$this->add_control('title', ['label' => __('Title', 'elementor'), 'type' => Controls_Manager::TEXT, 'placeholder' => __('Enter your title', 'elementor'), 'default' => __('My Skill', 'elementor'), 'label_block' => true]);
$this->add_control('progress_type', ['label' => __('Type', 'elementor'), 'type' => Controls_Manager::SELECT, 'default' => '', 'options' => ['' => __('Default', 'elementor'), 'info' => __('Info', 'elementor'), 'success' => __('Success', 'elementor'), 'warning' => __('Warning', 'elementor'), 'danger' => __('Danger', 'elementor')]]);
$this->add_control('percent', ['label' => __('Percentage', 'elementor'), 'type' => Controls_Manager::SLIDER, 'default' => ['size' => 50, 'unit' => '%'], 'label_block' => true]);
$this->add_control('display_percentage', ['label' => __('Display Percentage', 'elementor'), 'type' => Controls_Manager::SELECT, 'default' => 'show', 'options' => ['show' => __('Show', 'elementor'), 'hide' => __('Hide', 'elementor')]]);
$this->add_control('inner_text', ['label' => __('Inner Text', 'elementor'), 'type' => Controls_Manager::TEXT, 'placeholder' => __('e.g. Web Designer', 'elementor'), 'default' => __('Web Designer', 'elementor'), 'label_block' => true]);
$this->add_control('view', ['label' => __('View', 'elementor'), 'type' => Controls_Manager::HIDDEN, 'default' => 'traditional']);
$this->end_controls_section();
$this->start_controls_section('section_progress_style', ['label' => __('Progress Bar', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_control('bar_color', ['label' => __('Bar Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'scheme' => ['type' => Scheme_Color::get_type(), 'value' => Scheme_Color::COLOR_1], 'selectors' => ['{{WRAPPER}} .elementor-progress-wrapper .elementor-progress-bar' => 'background-color: {{VALUE}};']]);
$this->add_control('bar_bg_color', ['label' => __('Bar Background Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'selectors' => ['{{WRAPPER}} .elementor-progress-wrapper' => 'background-color: {{VALUE}};']]);
$this->add_control('bar_inline_color', ['label' => __('Inner Text Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'selectors' => ['{{WRAPPER}} .elementor-progress-wrapper .elementor-progress-inner-text' => 'color: {{VALUE}};']]);
$this->end_controls_section();
$this->start_controls_section('section_title', ['label' => __('Title Style', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_control('title_color', ['label' => __('Text Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'selectors' => ['{{WRAPPER}} .elementor-title' => 'color: {{VALUE}};'], 'scheme' => ['type' => Scheme_Color::get_type(), 'value' => Scheme_Color::COLOR_1]]);
$this->add_group_control(Group_Control_Typography::get_type(), ['name' => 'typography', 'selector' => '{{WRAPPER}} .elementor-title', 'scheme' => Scheme_Typography::TYPOGRAPHY_3]);
$this->end_controls_section();
}
protected function _register_controls()
{
$this->start_controls_section('section_counter', ['label' => __('Counter', 'elementor')]);
$this->add_control('starting_number', ['label' => __('Starting Number', 'elementor'), 'type' => Controls_Manager::NUMBER, 'min' => 0, 'default' => 0]);
$this->add_control('ending_number', ['label' => __('Ending Number', 'elementor'), 'type' => Controls_Manager::NUMBER, 'min' => 100, 'default' => 100]);
$this->add_control('prefix', ['label' => __('Number Prefix', 'elementor'), 'type' => Controls_Manager::TEXT, 'default' => '', 'placeholder' => 1]);
$this->add_control('suffix', ['label' => __('Number Suffix', 'elementor'), 'type' => Controls_Manager::TEXT, 'default' => '', 'placeholder' => __('Plus', 'elementor')]);
$this->add_control('duration', ['label' => __('Animation Duration', 'elementor'), 'type' => Controls_Manager::NUMBER, 'default' => 2000, 'min' => 100, 'step' => 100]);
$this->add_control('title', ['label' => __('Title', 'elementor'), 'type' => Controls_Manager::TEXT, 'label_block' => true, 'default' => __('Cool Number', 'elementor'), 'placeholder' => __('Cool Number', 'elementor')]);
$this->add_control('view', ['label' => __('View', 'elementor'), 'type' => Controls_Manager::HIDDEN, 'default' => 'traditional']);
$this->end_controls_section();
$this->start_controls_section('section_number', ['label' => __('Number', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_control('number_color', ['label' => __('Text Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'scheme' => ['type' => Scheme_Color::get_type(), 'value' => Scheme_Color::COLOR_1], 'selectors' => ['{{WRAPPER}} .elementor-counter-number-wrapper' => 'color: {{VALUE}};']]);
$this->add_group_control(Group_Control_Typography::get_type(), ['name' => 'typography_number', 'scheme' => Scheme_Typography::TYPOGRAPHY_1, 'selector' => '{{WRAPPER}} .elementor-counter-number-wrapper']);
$this->end_controls_section();
$this->start_controls_section('section_title', ['label' => __('Title', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_control('title_color', ['label' => __('Text Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'scheme' => ['type' => Scheme_Color::get_type(), 'value' => Scheme_Color::COLOR_2], 'selectors' => ['{{WRAPPER}} .elementor-counter-title' => 'color: {{VALUE}};']]);
$this->add_group_control(Group_Control_Typography::get_type(), ['name' => 'typography_title', 'scheme' => Scheme_Typography::TYPOGRAPHY_2, 'selector' => '{{WRAPPER}} .elementor-counter-title']);
$this->end_controls_section();
}
protected function _register_controls()
{
$this->start_controls_section('section_icon', ['label' => __('Icon Box', 'elementor')]);
$this->add_control('view', ['label' => __('View', 'elementor'), 'type' => Controls_Manager::SELECT, 'options' => ['default' => __('Default', 'elementor'), 'stacked' => __('Stacked', 'elementor'), 'framed' => __('Framed', 'elementor')], 'default' => 'default', 'prefix_class' => 'elementor-view-']);
$this->add_control('icon', ['label' => __('Choose Icon', 'elementor'), 'type' => Controls_Manager::ICON, 'default' => 'fa fa-star']);
$this->add_control('shape', ['label' => __('Shape', 'elementor'), 'type' => Controls_Manager::SELECT, 'options' => ['circle' => __('Circle', 'elementor'), 'square' => __('Square', 'elementor')], 'default' => 'circle', 'condition' => ['view!' => 'default'], 'prefix_class' => 'elementor-shape-']);
$this->add_control('title_text', ['label' => __('Title & Description', 'elementor'), 'type' => Controls_Manager::TEXT, 'default' => __('This is the heading', 'elementor'), 'placeholder' => __('Your Title', 'elementor'), 'label_block' => true]);
$this->add_control('description_text', ['label' => '', 'type' => Controls_Manager::TEXTAREA, 'default' => __('Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.', 'elementor'), 'placeholder' => __('Your Description', 'elementor'), 'title' => __('Input icon text here', 'elementor'), 'rows' => 10, 'separator' => 'none', 'show_label' => false]);
$this->add_control('link', ['label' => __('Link to', 'elementor'), 'type' => Controls_Manager::URL, 'placeholder' => __('http://your-link.com', 'elementor'), 'separator' => 'before']);
$this->add_control('position', ['label' => __('Icon Position', 'elementor'), 'type' => Controls_Manager::CHOOSE, 'default' => 'top', 'options' => ['left' => ['title' => __('Left', 'elementor'), 'icon' => 'align-left'], 'top' => ['title' => __('Top', 'elementor'), 'icon' => 'align-center'], 'right' => ['title' => __('Right', 'elementor'), 'icon' => 'align-right']], 'prefix_class' => 'elementor-position-', 'toggle' => false]);
$this->add_control('title_size', ['label' => __('Title HTML Tag', 'elementor'), 'type' => Controls_Manager::SELECT, 'options' => ['h1' => __('H1', 'elementor'), 'h2' => __('H2', 'elementor'), 'h3' => __('H3', 'elementor'), 'h4' => __('H4', 'elementor'), 'h5' => __('H5', 'elementor'), 'h6' => __('H6', 'elementor'), 'div' => __('div', 'elementor'), 'span' => __('span', 'elementor'), 'p' => __('p', 'elementor')], 'default' => 'h3']);
$this->end_controls_section();
$this->start_controls_section('section_style_icon', ['label' => __('Icon', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_control('primary_color', ['label' => __('Primary Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'scheme' => ['type' => Scheme_Color::get_type(), 'value' => Scheme_Color::COLOR_1], 'default' => '', 'selectors' => ['{{WRAPPER}}.elementor-view-stacked .elementor-icon' => 'background-color: {{VALUE}};', '{{WRAPPER}}.elementor-view-framed .elementor-icon, {{WRAPPER}}.elementor-view-default .elementor-icon' => 'color: {{VALUE}}; border-color: {{VALUE}};']]);
$this->add_control('secondary_color', ['label' => __('Secondary Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'default' => '', 'condition' => ['view!' => 'default'], 'selectors' => ['{{WRAPPER}}.elementor-view-framed .elementor-icon' => 'background-color: {{VALUE}};', '{{WRAPPER}}.elementor-view-stacked .elementor-icon' => 'color: {{VALUE}};']]);
$this->add_control('icon_space', ['label' => __('Icon Spacing', 'elementor'), 'type' => Controls_Manager::SLIDER, 'default' => ['size' => 15], 'range' => ['px' => ['min' => 0, 'max' => 100]], 'selectors' => ['{{WRAPPER}}.elementor-position-right .elementor-icon-box-icon' => 'margin-left: {{SIZE}}{{UNIT}};', '{{WRAPPER}}.elementor-position-left .elementor-icon-box-icon' => 'margin-right: {{SIZE}}{{UNIT}};', '{{WRAPPER}}.elementor-position-top .elementor-icon-box-icon' => 'margin-bottom: {{SIZE}}{{UNIT}};']]);
$this->add_control('icon_size', ['label' => __('Icon Size', 'elementor'), 'type' => Controls_Manager::SLIDER, 'range' => ['px' => ['min' => 6, 'max' => 300]], 'selectors' => ['{{WRAPPER}} .elementor-icon' => 'font-size: {{SIZE}}{{UNIT}};']]);
$this->add_control('icon_padding', ['label' => __('Icon Padding', 'elementor'), 'type' => Controls_Manager::SLIDER, 'selectors' => ['{{WRAPPER}} .elementor-icon' => 'padding: {{SIZE}}{{UNIT}};'], 'range' => ['em' => ['min' => 0, 'max' => 5]], 'condition' => ['view!' => 'default']]);
$this->add_control('rotate', ['label' => __('Icon Rotate', 'elementor'), 'type' => Controls_Manager::SLIDER, 'default' => ['size' => 0, 'unit' => 'deg'], 'selectors' => ['{{WRAPPER}} .elementor-icon i' => 'transform: rotate({{SIZE}}{{UNIT}});']]);
$this->add_control('border_width', ['label' => __('Border Width', 'elementor'), 'type' => Controls_Manager::DIMENSIONS, 'selectors' => ['{{WRAPPER}} .elementor-icon' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'], 'condition' => ['view' => 'framed']]);
$this->add_control('border_radius', ['label' => __('Border Radius', 'elementor'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', '%'], 'selectors' => ['{{WRAPPER}} .elementor-icon' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'], 'condition' => ['view!' => 'default']]);
$this->end_controls_section();
$this->start_controls_section('section_hover', ['label' => __('Icon Hover', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_control('hover_primary_color', ['label' => __('Primary Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => ['{{WRAPPER}}.elementor-view-stacked .elementor-icon:hover' => 'background-color: {{VALUE}};', '{{WRAPPER}}.elementor-view-framed .elementor-icon:hover, {{WRAPPER}}.elementor-view-default .elementor-icon:hover' => 'color: {{VALUE}}; border-color: {{VALUE}};']]);
$this->add_control('hover_secondary_color', ['label' => __('Secondary Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'default' => '', 'condition' => ['view!' => 'default'], 'selectors' => ['{{WRAPPER}}.elementor-view-framed .elementor-icon:hover' => 'background-color: {{VALUE}};', '{{WRAPPER}}.elementor-view-stacked .elementor-icon:hover' => 'color: {{VALUE}};']]);
$this->add_control('hover_animation', ['label' => __('Animation', 'elementor'), 'type' => Controls_Manager::HOVER_ANIMATION]);
$this->end_controls_section();
$this->start_controls_section('section_style_content', ['label' => __('Content', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_responsive_control('text_align', ['label' => __('Alignment', 'elementor'), 'type' => Controls_Manager::CHOOSE, 'options' => ['left' => ['title' => __('Left', 'elementor'), 'icon' => 'align-left'], 'center' => ['title' => __('Center', 'elementor'), 'icon' => 'align-center'], 'right' => ['title' => __('Right', 'elementor'), 'icon' => 'align-right'], 'justify' => ['title' => __('Justified', 'elementor'), 'icon' => 'align-justify']], 'selectors' => ['{{WRAPPER}} .elementor-icon-box-wrapper' => 'text-align: {{VALUE}};']]);
$this->add_control('content_vertical_alignment', ['label' => __('Vertical Alignment', 'elementor'), 'type' => Controls_Manager::SELECT, 'options' => ['top' => __('Top', 'elementor'), 'middle' => __('Middle', 'elementor'), 'bottom' => __('Bottom', 'elementor')], 'default' => 'top', 'prefix_class' => 'elementor-vertical-align-']);
$this->add_control('heading_title', ['label' => __('Title', 'elementor'), 'type' => Controls_Manager::HEADING, 'separator' => 'before']);
$this->add_responsive_control('title_bottom_space', ['label' => __('Title Spacing', 'elementor'), 'type' => Controls_Manager::SLIDER, 'range' => ['px' => ['min' => 0, 'max' => 100]], 'selectors' => ['{{WRAPPER}} .elementor-icon-box-title' => 'margin-bottom: {{SIZE}}{{UNIT}};']]);
$this->add_control('title_color', ['label' => __('Title Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => ['{{WRAPPER}} .elementor-icon-box-content .elementor-icon-box-title' => 'color: {{VALUE}};'], 'scheme' => ['type' => Scheme_Color::get_type(), 'value' => Scheme_Color::COLOR_1]]);
$this->add_group_control(Group_Control_Typography::get_type(), ['name' => 'title_typography', 'selector' => '{{WRAPPER}} .elementor-icon-box-content .elementor-icon-box-title', 'scheme' => Scheme_Typography::TYPOGRAPHY_1]);
$this->add_control('heading_description', ['label' => __('Description', 'elementor'), 'type' => Controls_Manager::HEADING, 'separator' => 'before']);
$this->add_control('description_color', ['label' => __('Description Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => ['{{WRAPPER}} .elementor-icon-box-content .elementor-icon-box-description' => 'color: {{VALUE}};'], 'scheme' => ['type' => Scheme_Color::get_type(), 'value' => Scheme_Color::COLOR_3]]);
$this->add_group_control(Group_Control_Typography::get_type(), ['name' => 'description_typography', 'selector' => '{{WRAPPER}} .elementor-icon-box-content .elementor-icon-box-description', 'scheme' => Scheme_Typography::TYPOGRAPHY_3]);
$this->end_controls_section();
}
protected function _register_controls()
{
$this->start_controls_section('section_alert', ['label' => __('Alert', 'elementor')]);
$this->add_control('alert_type', ['label' => __('Type', 'elementor'), 'type' => Controls_Manager::SELECT, 'default' => 'info', 'options' => ['info' => __('Info', 'elementor'), 'success' => __('Success', 'elementor'), 'warning' => __('Warning', 'elementor'), 'danger' => __('Danger', 'elementor')]]);
$this->add_control('alert_title', ['label' => __('Title & Description', 'elementor'), 'type' => Controls_Manager::TEXT, 'placeholder' => __('Your Title', 'elementor'), 'default' => __('This is Alert', 'elementor'), 'label_block' => true]);
$this->add_control('alert_description', ['label' => __('Content', 'elementor'), 'type' => Controls_Manager::TEXTAREA, 'placeholder' => __('Your Description', 'elementor'), 'default' => __('I am description. Click edit button to change this text.', 'elementor'), 'separator' => 'none', 'show_label' => false]);
$this->add_control('show_dismiss', ['label' => __('Dismiss Button', 'elementor'), 'type' => Controls_Manager::SELECT, 'default' => 'show', 'options' => ['show' => __('Show', 'elementor'), 'hide' => __('Hide', 'elementor')]]);
$this->add_control('view', ['label' => __('View', 'elementor'), 'type' => Controls_Manager::HIDDEN, 'default' => 'traditional']);
$this->end_controls_section();
$this->start_controls_section('section_type', ['label' => __('Alert Type', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_control('background', ['label' => __('Background Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'selectors' => ['{{WRAPPER}} .elementor-alert' => 'background-color: {{VALUE}};']]);
$this->add_control('border_color', ['label' => __('Border Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'selectors' => ['{{WRAPPER}} .elementor-alert' => 'border-color: {{VALUE}};']]);
$this->add_control('border_left-width', ['label' => __('Left Border Width', 'elementor'), 'type' => Controls_Manager::SLIDER, 'range' => ['px' => ['min' => 0, 'max' => 100]], 'selectors' => ['{{WRAPPER}} .elementor-alert' => 'border-left-width: {{SIZE}}{{UNIT}};']]);
$this->end_controls_section();
$this->start_controls_section('section_title', ['label' => __('Title', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_control('title_color', ['label' => __('Text Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'selectors' => ['{{WRAPPER}} .elementor-alert-title' => 'color: {{VALUE}};']]);
$this->add_group_control(Group_Control_Typography::get_type(), ['name' => 'alert_title', 'selector' => '{{WRAPPER}} .elementor-alert-title', 'scheme' => Scheme_Typography::TYPOGRAPHY_1]);
$this->end_controls_section();
$this->start_controls_section('section_description', ['label' => __('Description', 'elementor'), 'tab' => Controls_Manager::TAB_STYLE]);
$this->add_control('description_color', ['label' => __('Text Color', 'elementor'), 'type' => Controls_Manager::COLOR, 'selectors' => ['{{WRAPPER}} .elementor-alert-description' => 'color: {{VALUE}};']]);
$this->add_group_control(Group_Control_Typography::get_type(), ['name' => 'alert_description', 'selector' => '{{WRAPPER}} .elementor-alert-description', 'scheme' => Scheme_Typography::TYPOGRAPHY_3]);
$this->end_controls_section();
}
<input type="text" class="elementor-panel-scheme-color-value" value="{{ value }}" data-alpha="true" />
</div>
<div class="elementor-panel-scheme-color-title">{{{ title }}}</div>
</script>
<script type="text/template" id="tmpl-elementor-panel-scheme-typography-item">
<div class="elementor-panel-heading">
<div class="elementor-panel-heading-toggle">
<i class="fa"></i>
</div>
<div class="elementor-panel-heading-title">{{{ title }}}</div>
</div>
<div class="elementor-panel-scheme-typography-items elementor-panel-box-content">
<?php
$scheme_fields_keys = Group_Control_Typography::get_scheme_fields_keys();
$typography_fields = Group_Control_Typography::get_fields();
$scheme_fields = array_intersect_key($typography_fields, array_flip($scheme_fields_keys));
foreach ($scheme_fields as $option_name => $option) {
?>
<div class="elementor-panel-scheme-typography-item">
<div class="elementor-panel-scheme-item-title elementor-control-title"><?php
echo $option['label'];
?>
</div>
<div class="elementor-panel-scheme-typography-item-value">
<?php
if ('select' === $option['type']) {
?>
<select name="<?php
echo $option_name;
?>
