Warning: session_start(): Session cannot be started after headers have already been sent in /home/tvrreohg/public_html/manga.php on line 13
start_controls_section(
'section_content',
[
'label' => esc_html__('Icon Box', 'animation-addons-for-elementor'),
]
);
$this->add_control(
'element_list',
[
'label' => esc_html__('Icon Box Style', 'animation-addons-for-elementor'),
'type' => Controls_Manager::SELECT,
'default' => '',
'options' => [
'' => esc_html__('Default', 'animation-addons-for-elementor'),
'1' => esc_html__('One', 'animation-addons-for-elementor'),
'2' => esc_html__('Two', 'animation-addons-for-elementor'),
'3' => esc_html__('Three', 'animation-addons-for-elementor'),
'4' => esc_html__('Four', 'animation-addons-for-elementor'),
'5' => esc_html__('Five', 'animation-addons-for-elementor'),
],
]
);
$this->add_control(
'selected_icon',
[
'label' => esc_html__('Icon', 'animation-addons-for-elementor'),
'type' => Controls_Manager::ICONS,
'fa4compatibility' => 'icon',
'default' => [
'value' => 'fas fa-star',
'library' => 'fa-solid',
],
]
);
$this->add_control(
'title_text',
[
'label' => esc_html__('Title', 'animation-addons-for-elementor'),
'type' => Controls_Manager::TEXT,
'dynamic' => [
'active' => true,
],
'default' => esc_html__('This is the heading', 'animation-addons-for-elementor'),
'placeholder' => esc_html__('Enter your title', 'animation-addons-for-elementor'),
'label_block' => true,
]
);
$this->add_control(
'title_size',
[
'label' => esc_html__('Title HTML Tag', 'animation-addons-for-elementor'),
'type' => Controls_Manager::SELECT,
'options' => [
'h1' => 'H1',
'h2' => 'H2',
'h3' => 'H3',
'h4' => 'H4',
'h5' => 'H5',
'h6' => 'H6',
'div' => 'div',
'span' => 'span',
'p' => 'p',
],
'default' => 'h3',
]
);
$this->add_control(
'description_text',
[
'label' => esc_html__('Description', 'animation-addons-for-elementor'),
'type' => Controls_Manager::WYSIWYG,
'default' => esc_html__('Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.', 'animation-addons-for-elementor'),
]
);
$this->add_control(
'link_type',
[
'label' => esc_html__('Link Type', 'animation-addons-for-elementor'),
'type' => Controls_Manager::SELECT,
'default' => 'button',
'separator' => 'before',
'options' => [
'none' => esc_html__('None', 'animation-addons-for-elementor'),
'button' => esc_html__('Button', 'animation-addons-for-elementor'),
'wrapper' => esc_html__('Wrapper', 'animation-addons-for-elementor'),
],
]
);
$this->add_control(
'link',
[
'label' => esc_html__('Link', 'animation-addons-for-elementor'),
'type' => Controls_Manager::URL,
'dynamic' => [
'active' => true,
],
'placeholder' => 'https://your-link.com',
'condition' => [
'link_type' => 'wrapper',
],
]
);
$this->end_controls_section();
//button
$this->start_controls_section(
'section_button_content',
[
'label' => esc_html__('Button', 'animation-addons-for-elementor'),
'condition' => [
'link_type' => 'button',
],
]
);
$this->register_button_content_controls();
$this->end_controls_section();
//style controls
$this->start_controls_section(
'section_style_box',
[
'label' => esc_html__('Box', 'animation-addons-for-elementor'),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'wrapper_background',
'types' => ['classic', 'gradient'],
'exclude' => ['image'],
'selector' => '{{WRAPPER}} .wcf__iconbox',
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'wrapper_border',
'selector' => '{{WRAPPER}} .wcf__iconbox',
'separator' => 'before',
]
);
$this->add_responsive_control(
'wrapper_border_radius',
[
'label' => esc_html__('Border Radius', 'animation-addons-for-elementor'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', '%', 'em', 'rem', 'custom'],
'selectors' => [
'{{WRAPPER}} .wcf__iconbox' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'wrapper_box_shadow',
'selector' => '{{WRAPPER}} .wcf__iconbox',
]
);
$this->add_responsive_control(
'wrapper_padding',
[
'label' => esc_html__('Padding', 'animation-addons-for-elementor'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', '%', 'em', 'rem', 'vw', 'custom'],
'selectors' => [
'{{WRAPPER}} .wcf__iconbox' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'separator' => 'before',
]
);
$this->add_responsive_control(
'align',
[
'label' => esc_html__('Alignment', 'animation-addons-for-elementor'),
'type' => Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => esc_html__('Left', 'animation-addons-for-elementor'),
'icon' => 'eicon-text-align-left',
],
'center' => [
'title' => esc_html__('Center', 'animation-addons-for-elementor'),
'icon' => 'eicon-text-align-center',
],
'right' => [
'title' => esc_html__('Right', 'animation-addons-for-elementor'),
'icon' => 'eicon-text-align-right',
],
'justify' => [
'title' => esc_html__('Justified', 'animation-addons-for-elementor'),
'icon' => 'eicon-text-align-justify',
],
],
'default' => '',
'separator' => 'before',
'selectors' => [
'{{WRAPPER}} .wcf__iconbox' => 'text-align: {{VALUE}};',
],
]
);
$this->end_controls_section();
//Icon Style
$this->start_controls_section(
'section_style_icon',
[
'label' => esc_html__('Icon', 'animation-addons-for-elementor'),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'icon_color',
[
'label' => esc_html__('Icon Color', 'animation-addons-for-elementor'),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .elementor-icon' => 'color: {{VALUE}};',
'{{WRAPPER}} .elementor-icon svg' => 'fill: {{VALUE}};',
],
]
);
$this->add_control(
'icon_bg_color',
[
'label' => esc_html__('Icon BG Color', 'animation-addons-for-elementor'),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .elementor-icon' => 'background-color: {{VALUE}};',
],
]
);
$this->add_responsive_control(
'icon_space',
[
'label' => esc_html__('Spacing', 'animation-addons-for-elementor'),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', '%', 'em', 'rem', 'vw', 'custom'],
'default' => [
'size' => 15,
],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .elementor-icon' => 'margin-bottom: {{SIZE}}{{UNIT}}',
],
]
);
$this->add_responsive_control(
'icon_size',
[
'label' => esc_html__('Size', 'animation-addons-for-elementor'),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', '%', 'em', 'rem', 'vw', 'custom'],
'range' => [
'px' => [
'min' => 6,
'max' => 300,
],
],
'selectors' => [
'{{WRAPPER}} .elementor-icon' => 'font-size: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'icon_padding',
[
'label' => esc_html__('Padding', 'animation-addons-for-elementor'),
'type' => Controls_Manager::SLIDER,
'selectors' => [
'{{WRAPPER}} .elementor-icon' => 'padding: {{SIZE}}{{UNIT}};',
],
'range' => [
'em' => [
'min' => 0,
'max' => 5,
],
],
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'border',
'selector' => '{{WRAPPER}} .elementor-icon',
]
);
$this->add_responsive_control(
'border_radius',
[
'label' => esc_html__('Border Radius', 'animation-addons-for-elementor'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', '%', 'em', 'rem', 'custom'],
'selectors' => [
'{{WRAPPER}} .elementor-icon' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
//content style
$this->start_controls_section(
'section_style_content',
[
'label' => esc_html__('Content', 'animation-addons-for-elementor'),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'heading_title',
[
'label' => esc_html__('Title', 'animation-addons-for-elementor'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_responsive_control(
'title_bottom_space',
[
'label' => esc_html__('Spacing', 'animation-addons-for-elementor'),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'default' => [
'size' => 10,
],
'selectors' => [
'{{WRAPPER}} .title' => 'margin-bottom: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'title_color',
[
'label' => esc_html__('Color', 'animation-addons-for-elementor'),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .title' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'title_typography',
'selector' => '{{WRAPPER}} .title',
]
);
$this->add_control(
'heading_description',
[
'label' => esc_html__('Description', 'animation-addons-for-elementor'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'description_color',
[
'label' => esc_html__('Color', 'animation-addons-for-elementor'),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .desc' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'description_typography',
'selector' => '{{WRAPPER}} .desc',
]
);
$this->add_responsive_control(
'description_bottom_space',
[
'label' => esc_html__('Spacing', 'animation-addons-for-elementor'),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'default' => [
'size' => 20,
],
'selectors' => [
'{{WRAPPER}} .desc' => 'margin-bottom: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'description_margin',
[
'label' => esc_html__('Margin', 'animation-addons-for-elementor'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', '%', 'em', 'rem', 'vw', 'custom'],
'selectors' => [
'{{WRAPPER}} .desc' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
//button style
$this->start_controls_section(
'section_btn_style',
[
'label' => esc_html__('Button', 'animation-addons-for-elementor'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'link_type' => 'button',
],
]
);
$this->register_button_style_controls();
$this->add_responsive_control(
'button_margin',
[
'label' => esc_html__('Margin', 'animation-addons-for-elementor'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', '%', 'em', 'rem', 'vw', 'custom'],
'selectors' => [
'{{WRAPPER}} .wcf__btn' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
//section hover
$this->start_controls_section(
'section_hover_style',
[
'label' => esc_html__('Hover', 'animation-addons-for-elementor'),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'element_list' => ['3', '5'],
],
]
);
$this->add_control(
'box_animated_bg',
[
'label' => esc_html__('Hover Start From', 'animation-addons-for-elementor'),
'type' => Controls_Manager::SELECT,
'default' => 'right',
'options' => [
'top' => esc_html__('Top', 'animation-addons-for-elementor'),
'right' => esc_html__('Right', 'animation-addons-for-elementor'),
'bottom' => esc_html__('Bottom', 'animation-addons-for-elementor'),
'left' => esc_html__('Left', 'animation-addons-for-elementor'),
],
'prefix_class' => 'hover-start-',
'condition' => [
'element_list' => '5',
],
]
);
$this->add_control(
'box_bg_transition',
[
'label' => esc_html__('Transition', 'animation-addons-for-elementor'),
'type' => Controls_Manager::NUMBER,
'min' => 0,
'max' => 10,
'step' => 0.1,
'selectors' => [
'{{WRAPPER}} .wcf__iconbox::after' => 'transition: {{VALUE}}s;',
],
'condition' => [
'element_list' => '5',
],
]
);
$this->add_control(
'heading_Box',
[
'label' => esc_html__('Box', 'animation-addons-for-elementor'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'wrapper_hover_background',
'types' => ['classic', 'gradient'],
'exclude' => ['image'],
'selector' => '{{WRAPPER}} .wcf__iconbox:hover:after, {{WRAPPER}} .wcf__iconbox::after',
]
);
$this->add_control(
'heading_hover_icon',
[
'label' => esc_html__('Icon', 'animation-addons-for-elementor'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'icon_hover_color',
[
'label' => esc_html__('Icon Color', 'animation-addons-for-elementor'),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .wcf__iconbox:hover .elementor-icon' => 'color: {{VALUE}};',
'{{WRAPPER}} .wcf__iconbox:hover .elementor-icon svg' => 'fill: {{VALUE}};',
],
]
);
$this->add_control(
'icon_hover_bg_color',
[
'label' => esc_html__('Icon BG Color', 'animation-addons-for-elementor'),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .wcf__iconbox:hover .elementor-icon' => 'background-color: {{VALUE}};',
],
]
);
$this->add_control(
'heading_hover_title',
[
'label' => esc_html__('Title', 'animation-addons-for-elementor'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'title_hover_color',
[
'label' => esc_html__('Color', 'animation-addons-for-elementor'),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .wcf__iconbox:hover .title' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'heading_hover_desc',
[
'label' => esc_html__('Description', 'animation-addons-for-elementor'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'desc_hover_color',
[
'label' => esc_html__('Color', 'animation-addons-for-elementor'),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .wcf__iconbox:hover .desc' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'heading_hover_button',
[
'label' => esc_html__('Button', 'animation-addons-for-elementor'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'icon_box_button_hover_color',
[
'label' => esc_html__('Text Color', 'animation-addons-for-elementor'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .wcf__iconbox:hover .wcf__btn a' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'icon_box_btn_hover_background',
'types' => ['classic', 'gradient'],
'exclude' => ['image'],
'selector' => '{{WRAPPER}} .wcf__iconbox:hover .wcf__btn a',
]
);
$this->add_control(
'icon_box_button_hover_border_color',
[
'label' => esc_html__('Border Color', 'animation-addons-for-elementor'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .wcf__iconbox:hover .wcf__btn a' => 'border-color: {{VALUE}};',
],
]
);
$this->add_control(
'heading_hover_arrow',
[
'label' => esc_html__('Arrow', 'animation-addons-for-elementor'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
'condition' => [
'element_list' => '3',
],
]
);
$this->add_control(
'arrow_hover_color',
[
'label' => esc_html__('Color', 'animation-addons-for-elementor'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .wcf__iconbox.style-3::before' => 'color: {{VALUE}};',
],
'condition' => [
'element_list' => '3',
],
]
);
$this->end_controls_section();
}
/**
* Render the 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();
//wrapper class
$this->add_render_attribute('wrapper', 'class', ['wcf__iconbox', 'style-' . $settings['element_list']]);
if ('3' === $settings['element_list']) {
$this->add_render_attribute('wrapper', 'class', 'service-rollover-left');
}
//link tag
$link_tag = 'div';
if (! empty($settings['link']['url']) && 'wrapper' === $settings['link_type']) {
$link_tag = 'a';
$this->add_link_attributes('wrapper', $settings['link']);
$this->add_link_attributes('link', $settings['link']);
}
//icon
if (empty($settings['icon']) && ! Icons_Manager::is_migration_allowed()) {
// add old default
$settings['icon'] = 'fa fa-star';
}
if (! empty($settings['icon'])) {
$this->add_render_attribute('icon', 'class', $settings['icon']);
$this->add_render_attribute('icon', 'aria-hidden', 'true');
}
$migrated = isset($settings['__fa4_migrated']['selected_icon']);
$is_new = empty($settings['icon']) && Icons_Manager::is_migration_allowed();
?>
< print_render_attribute_string('wrapper'); ?>>
< class="title">
print_unescaped_setting('title_text'); ?>
>
'true']);
else : ?>
print_render_attribute_string('icon'); ?>>
< class="title">
print_unescaped_setting('title_text'); ?>
>
parse_text_editor($settings['description_text']) // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
?>
render_button($settings); ?>
>