start_controls_section(
'section_title',
[
'label' => __( 'Title Element', 'addonnest' )
]
);
$this->add_control(
'headine_text',
[
'label' => __( 'Headine Text', 'addonnest' ),
'type' => \Elementor\Controls_Manager::TEXT,
'label_block' => true,
'placeholder' => __( 'Enter heading', 'addonnest' ),
'default' => __( 'My favourite food is', 'addonnest' ),
]
);
$this->add_control(
'animated_text',
[
'label' => __( 'Animated Text', 'addonnest' ),
'type' => \Elementor\Controls_Manager::TEXTAREA,
'label_block' => true,
'default' => __( 'Pizza Sushi Steak', 'addonnest' ),
'description' => sprintf(
esc_html__( 'For animated text please use space or new line, For example, Pizza Sushi Steak', 'addonnest' ),
'',
''
),
]
);
$this->add_control(
'headine_text2',
[
'label' => __( 'Headine Text2', 'addonnest' ),
'type' => \Elementor\Controls_Manager::TEXT,
'label_block' => true,
'placeholder' => __( 'Enter title two', 'addonnest' ),
'default' => __( 'Course', 'addonnest' ),
]
);
$this->add_control(
'headine_size',
[
'label' => esc_html__( 'HTML Tag', 'addonnest' ),
'type' => \Elementor\Controls_Manager::SELECT,
'options' => [
'h1' => 'H1',
'h2' => 'H2',
'h3' => 'H3',
'h4' => 'H4',
'h5' => 'H5',
'h6' => 'H6',
'div' => 'div',
'span' => 'span',
'p' => 'p',
],
'default' => 'h2',
]
);
$this->add_responsive_control(
'align',
[
'label' => esc_html__( 'Alignment', 'addonnest' ),
'type' => \Elementor\Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => esc_html__( 'Left', 'addonnest' ),
'icon' => 'eicon-text-align-left',
],
'center' => [
'title' => esc_html__( 'Center', 'addonnest' ),
'icon' => 'eicon-text-align-center',
],
'right' => [
'title' => esc_html__( 'Right', 'addonnest' ),
'icon' => 'eicon-text-align-right',
],
'justify' => [
'title' => esc_html__( 'Justified', 'addonnest' ),
'icon' => 'eicon-text-align-justify',
],
],
'default' => '',
'selectors' => [
'{{WRAPPER}}' => 'text-align: {{VALUE}};',
],
]
);
$this->end_controls_section();
# Option End
$this->start_controls_section(
'section_title_style',
[
'label' => __( 'Title', 'addonnest' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'animated_name',
[
'label' => __( 'Animated Name', 'addonnest' ),
'type' => \Elementor\Controls_Manager::SELECT,
'default' => 'clip is-full-width',
'options' => [
'clip is-full-width' => __( 'Clip', 'addonnest' ),
'rotate-1' => __( 'Rotate-1', 'addonnest' ),
'rotate-2' => __( 'Rotate-2', 'addonnest' ),
'letters rotate-3' => __( 'Letters Rotate-3', 'addonnest' ),
'letters type' => __( 'Letters Type', 'addonnest' ),
'loading-bar' => __( 'Loading Bar', 'addonnest' ),
'letters scale' => __( 'Letters Scale', 'addonnest' ),
'slide' => __( 'Slide', 'addonnest' ),
'zoom' => __( 'Zoom', 'addonnest' ),
'push' => __( 'Push', 'addonnest' ),
],
]
);
$this->add_control(
'animated_text_color',
[
'label' => __( 'Animated Text Color', 'addonnest' ),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .animated-headine .headline .words-wrapper' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'title_color',
[
'label' => __( 'Headine Text Color', 'addonnest' ),
'type' => \Elementor\Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .animated-headine .headline' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'typography',
'selector' => '{{WRAPPER}} .animated-headine .headline',
]
);
$this->add_responsive_control(
'text_padding',
[
'label' => __( 'Title Padding', 'addonnest' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em', '%' ],
'selectors' => [
'{{WRAPPER}} .animated-headine .headline' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'separator' => 'before',
]
);
$this->add_responsive_control(
'text_margin',
[
'label' => __( 'Title Margin', 'addonnest' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em', '%' ],
'selectors' => [
'{{WRAPPER}} .animated-headine .headline' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'separator' => 'before',
]
);
$this->end_controls_section();
# Title Section end 1
}
protected function render( ) {
$settings = $this->get_settings();
$animated_text = $settings['animated_text'];
$animated_name = $settings['animated_name'];
$headine_size = $settings['headine_size'];
$thetextstring = trim(preg_replace('/\s+/', ' ', $animated_text));
$words = explode(" ", $thetextstring); ?>
< class="headline ">
$word) {
if($key === $i) { ?>
>
widgets_manager->register_widget_type( new AddonNest_Widget_Animated_Headine() );