A new concept of showing content in your web page with more interactive way.
', 'essential-addons-elementor'), ] ); $repeater->add_control( 'eael_custom_post_date', [ 'label' => __('Post Date', 'essential-addons-elementor'), 'type' => Controls_Manager::TEXT, 'dynamic' => ['active' => true], 'default' => esc_html__('Nov 09, 2017', 'essential-addons-elementor'), 'ai' => [ 'active' => false, ], ] ); $repeater->add_control( 'eael_show_custom_image_or_icon', [ 'label' => __('Show Circle Image / Icon', 'essential-addons-elementor'), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'img' => [ 'title' => __('Image', 'essential-addons-elementor'), 'icon' => 'eicon-image-bold', ], 'icon' => [ 'title' => __('Icon', 'essential-addons-elementor'), 'icon' => 'fa fa-info', ], 'bullet' => [ 'title' => __('Bullet', 'essential-addons-elementor'), 'icon' => 'fa fa-circle', ] ], 'default' => 'icon', 'separator' => 'before' ] ); $repeater->add_control( 'eael_custom_icon_image', [ 'label' => __( 'Choose Image', 'essential-addons-elementor' ), 'type' => \Elementor\Controls_Manager::MEDIA, 'default' => [ 'url' => \Elementor\Utils::get_placeholder_image_src(), ], 'condition' => [ 'eael_show_custom_image_or_icon' => 'img', ], 'ai' => [ 'active' => false, ], ] ); $repeater->add_control( 'eael_custom_icon_image_size', [ 'label' => esc_html__('Icon Image Size', 'essential-addons-elementor'), 'type' => Controls_Manager::NUMBER, 'default' => 24, 'condition' => [ 'eael_show_custom_image_or_icon' => 'img', ], ] ); $repeater->add_control( 'eael_custom_content_timeline_circle_icon_new', [ 'label' => esc_html__('Icon', 'essential-addons-elementor'), 'type' => Controls_Manager::ICONS, 'fa4compatibility' => 'eael_custom_content_timeline_circle_icon', 'default' => [ 'value' => 'fas fa-pencil-alt', 'library' => 'fa-solid', ], 'condition' => [ 'eael_show_custom_image_or_icon' => 'icon', ] ] ); $repeater->add_control( 'eael_show_custom_read_more', [ 'label' => __('Show Read More', 'essential-addons-elementor'), 'type' => Controls_Manager::CHOOSE, 'options' => [ '1' => [ 'title' => __('Yes', 'essential-addons-elementor'), 'icon' => 'fa fa-check', ], '0' => [ 'title' => __('No', 'essential-addons-elementor'), 'icon' => 'eicon-ban', ] ], 'default' => '1', 'separator' => 'before' ] ); $repeater->add_control( 'eael_show_custom_read_more_text', [ 'label' => esc_html__('Label Text', 'essential-addons-elementor'), 'type' => Controls_Manager::TEXT, 'dynamic' => ['active' => true], 'label_block' => true, 'default' => esc_html__('Read More', 'essential-addons-elementor'), 'condition' => [ 'eael_show_custom_read_more' => '1', ], 'ai' => [ 'active' => false, ], ] ); $repeater->add_control( 'eael_read_more_text_link', [ 'label' => esc_html__('Button Link', 'essential-addons-elementor'), 'type' => Controls_Manager::URL, 'dynamic' => ['active' => true], 'label_block' => true, 'default' => [ 'url' => '#', 'is_external' => '', ], 'show_external' => true, 'condition' => [ 'eael_show_custom_read_more' => '1', ] ] ); $this->add_control( 'eael_coustom_content_posts', [ 'type' => Controls_Manager::REPEATER, 'seperator' => 'before', 'default' => [ [ 'eael_custom_title' => __('The Ultimate Addons For Elementor', 'essential-addons-elementor'), 'eael_custom_excerpt' => __('A new concept of showing content in your web page with more interactive way.
', 'essential-addons-elementor'), 'eael_custom_post_date' => 'Nov 09, 2017', 'eael_read_more_text_link' => '#', 'eael_show_custom_read_more' => '1', 'eael_show_custom_read_more_text' => 'Read More', ], ], 'fields' => $repeater->get_controls(), 'title_field' => '{{eael_custom_title}}', ] ); $this->end_controls_section(); /** * Query And Layout Controls! * @source includes/elementor-helper.php */ do_action('eael/controls/query', $this); do_action('eael/controls/layout', $this); /** * Content Tab: Links */ $this->start_controls_section( 'section_content_timeline_links', [ 'label' => __('Links', 'essential-addons-elementor'), 'conditions' => [ 'relation' => 'and', 'terms' => [ [ 'name' => 'eael_content_timeline_choose', 'operator' => '==', 'value' => 'dynamic', ], [ 'relation' => 'or', 'terms' => [ [ 'name' => 'eael_show_title', 'operator' => '==', 'value' => 'yes', ], [ 'name' => 'eael_show_read_more', 'operator' => '==', 'value' => 'yes', ], ], ], ], ], ] ); $this->add_control( 'title_link', [ 'label' => __('Title', 'essential-addons-elementor'), 'type' => Controls_Manager::HEADING, 'condition' => [ 'eael_show_title' => 'yes', ], ] ); $this->add_control( 'title_link_nofollow', [ 'label' => __('No Follow', 'essential-addons-elementor'), 'type' => Controls_Manager::SWITCHER, 'label_on' => __('Yes', 'essential-addons-elementor'), 'label_off' => __('No', 'essential-addons-elementor'), 'return_value' => 'true', 'condition' => [ 'eael_show_title' => 'yes', ], ] ); $this->add_control( 'title_link_target_blank', [ 'label' => __('Target Blank', 'essential-addons-elementor'), 'type' => Controls_Manager::SWITCHER, 'label_on' => __('Yes', 'essential-addons-elementor'), 'label_off' => __('No', 'essential-addons-elementor'), 'return_value' => 'true', 'condition' => [ 'eael_show_title' => 'yes', ], 'separator' => 'after', ] ); $this->add_control( 'read_more_link', [ 'label' => __('Read More', 'essential-addons-elementor'), 'type' => Controls_Manager::HEADING, 'condition' => [ 'eael_show_read_more' => 'yes', ], ] ); $this->add_control( 'read_more_link_nofollow', [ 'label' => __('No Follow', 'essential-addons-elementor'), 'type' => Controls_Manager::SWITCHER, 'label_on' => __('Yes', 'essential-addons-elementor'), 'label_off' => __('No', 'essential-addons-elementor'), 'return_value' => 'true', 'condition' => [ 'eael_show_read_more' => 'yes', ], ] ); $this->add_control( 'read_more_link_target_blank', [ 'label' => __('Target Blank', 'essential-addons-elementor'), 'type' => Controls_Manager::SWITCHER, 'label_on' => __('Yes', 'essential-addons-elementor'), 'label_off' => __('No', 'essential-addons-elementor'), 'return_value' => 'true', 'condition' => [ 'eael_show_read_more' => 'yes', ], ] ); $this->add_control( 'thumbnail_link', [ 'label' => __( 'Thumbnail', 'essential-addons-elementor' ), 'type' => Controls_Manager::HEADING, 'condition' => [ 'eael_show_image' => 'yes', 'eael_image_linkable' => 'yes', ], 'separator' => 'before', ] ); $this->add_control( 'thumbnail_link_nofollow', [ 'label' => __( 'No Follow', 'essential-addons-elementor' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => __( 'Yes', 'essential-addons-elementor' ), 'label_off' => __( 'No', 'essential-addons-elementor' ), 'return_value' => 'true', 'condition' => [ 'eael_show_image' => 'yes', 'eael_image_linkable' => 'yes', ], ] ); $this->add_control( 'thumbnail_link_target_blank', [ 'label' => __( 'Target Blank', 'essential-addons-elementor' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => __( 'Yes', 'essential-addons-elementor' ), 'label_off' => __( 'No', 'essential-addons-elementor' ), 'return_value' => 'true', 'condition' => [ 'eael_show_image' => 'yes', 'eael_image_linkable' => 'yes', ], ] ); $this->end_controls_section(); /** * Section: Style */ $this->start_controls_section( 'eael_section_post_timeline_style', [ 'label' => __('Timeline', 'essential-addons-elementor'), 'tab' => Controls_Manager::TAB_STYLE ] ); $this->add_control( 'eael_timeline_line_size', [ 'label' => esc_html__('Line Size', 'essential-addons-elementor'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 4, ], 'range' => [ 'px' => [ 'max' => 50, ], ], 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-line' => 'width: {{SIZE}}px;', '{{WRAPPER}} .eael-horizontal-timeline__line' => 'height: {{SIZE}}px;', '{{WRAPPER}} .eael-content-timeline-line .eael-content-timeline-inner' => 'width: {{SIZE}}px;', ], ] ); $this->add_control( 'eael_timeline_line_from_left', [ 'label' => esc_html__('Position From Left', 'essential-addons-elementor'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 2, ], 'range' => [ 'px' => [ 'max' => 50, ], ], 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-line' => 'margin-left: -{{SIZE}}px;', ], 'description' => __('Use half of the Line size for perfect centering', 'essential-addons-elementor'), 'condition' => [ 'eael_dynamic_template_Layout' => 'default', ], ] ); $this->add_control( 'eael_timeline_line_from_top', [ 'label' => esc_html__('Position From Top', 'essential-addons-elementor'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 2, ], 'range' => [ 'px' => [ 'max' => 50, ], ], 'selectors' => [ '{{WRAPPER}} .eael-horizontal-timeline__line' => 'top: {{SIZE}}px;', ], 'description' => __('Use half of the Line size for perfect centering', 'essential-addons-elementor'), 'condition' => [ 'eael_dynamic_template_Layout' => 'horizontal', ], ] ); $this->add_control( 'eael_timeline_line_color', [ 'label' => __('Inactive Line Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#d7e4ed', 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-line' => 'background: {{VALUE}}', '{{WRAPPER}} .eael-horizontal-timeline__line' => 'background: {{VALUE}}', ] ] ); $this->add_control( 'eael_timeline_line_active_color', [ 'label' => __('Active Line Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#3CCD94', 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-line .eael-content-timeline-inner' => 'background: {{VALUE}}', // '{{WRAPPER}} .eael-horizontal-timeline__line' => 'background: {{VALUE}}', '{{WRAPPER}} .eael-horizontal-timeline__line::after' => 'background: {{VALUE}}; border: 3px solid {{VALUE}};', ] ] ); $this->end_controls_section(); /** * Card Style */ $this->start_controls_section( 'eael_section_post_timeline_card_style', [ 'label' => __('Card', 'essential-addons-elementor'), 'tab' => Controls_Manager::TAB_STYLE ] ); $this->add_control( 'eael_card_bg_color', [ 'label' => __('Background Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#f1f2f3', 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-content' => 'background: {{VALUE}};', '{{WRAPPER}} .eael-horizontal-timeline-item__card-inner' => 'background: {{VALUE}};', '{{WRAPPER}} .eael-content-timeline-content::before' => 'border-left-color: {{VALUE}}; border-right-color: {{VALUE}};', ] ] ); $this->add_responsive_control( 'eael_card_padding', [ 'label' => esc_html__('Padding', 'essential-addons-elementor'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-content' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .eael-horizontal-timeline-item__card-inner' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'eael_card_margin', [ 'label' => esc_html__('Margin', 'essential-addons-elementor'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-content' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .eael-horizontal-timeline-item__card-inner' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'eael_card_border', 'label' => esc_html__('Border', 'essential-addons-elementor'), 'selector' => '{{WRAPPER}} .eael-content-timeline-content, {{WRAPPER}} .eael-horizontal-timeline-item__card-inner', ] ); $this->add_responsive_control( 'eael_card_radius', [ 'label' => esc_html__('Border Radius', 'essential-addons-elementor'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-content' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .eael-horizontal-timeline-item__card' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .eael-horizontal-timeline-item__card-inner' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'eael_card_shadow', 'selector' => '{{WRAPPER}} .eael-content-timeline-content, {{WRAPPER}} .eael-horizontal-timeline-item__card-inner', ] ); $this->end_controls_section(); /** * ------------------------------------------- * Caret Style * ------------------------------------------- */ $this->start_controls_section( 'eael_section_content_timeline_caret_style', [ 'label' => esc_html__('Caret', 'essential-addons-elementor'), 'tab' => Controls_Manager::TAB_STYLE, ] ); //Caret can be hidden using caret size : 0 // $this->add_control( // 'eael_content_timeline_tab_caret_show', // [ // 'label' => esc_html__('Show Caret', 'essential-addons-elementor'), // 'type' => Controls_Manager::SWITCHER, // 'default' => 'yes', // 'return_value' => 'yes', // ] // ); $this->add_responsive_control( 'eael_content_timeline_tab_caret_size', [ 'label' => esc_html__('Caret Size', 'essential-addons-elementor'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 10, ], 'range' => [ 'px' => [ 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-content::before' => 'border-width: {{SIZE}}px;', '{{WRAPPER}} .eael-horizontal-timeline-item__card-arrow' => 'width: {{SIZE}}px; height: {{SIZE}}px;', ], 'condition' => [ // 'eael_content_timeline_tab_caret_show' => 'yes', ], ] ); $this->add_responsive_control( 'eael_content_timeline_tab_caret_position', [ 'label' => esc_html__( 'Caret Position', 'essential-addons-elementor' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', '%' ], 'default' => [ 'size' => 35, 'unite' => 'px' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 200, ], '%' => [ 'min' => 0, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-content::before' => 'top: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .eael-horizontal-timeline-item__card-arrow' => 'left: {{SIZE}}{{UNIT}};', ], 'condition' => [ // 'eael_content_timeline_tab_caret_show' => 'yes', ], ] ); $this->add_control( 'eael_content_timeline_tab_caret_color', [ 'label' => esc_html__('Caret Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, // 'default' => 'transparent', 'default' => '#f1f2f3', 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-content::before' => 'border-left-color: {{VALUE}};border-right-color: {{VALUE}};', '{{WRAPPER}} .eael-horizontal-timeline-item__card-arrow:before' => 'background: {{VALUE}};', ], 'condition' => [ // 'eael_content_timeline_tab_caret_show' => 'yes', ], ] ); $this->end_controls_section(); /** * Icon Circle Style */ $this->start_controls_section( 'eael_section_post_timeline_icon_circle_style', [ 'label' => __('Bullet', 'essential-addons-elementor'), 'tab' => Controls_Manager::TAB_STYLE ] ); $this->add_responsive_control( 'eael_icon_circle_size', [ 'label' => esc_html__('Bullet Size', 'essential-addons-elementor'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 40, ], 'range' => [ 'px' => [ 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-img' => 'width: {{SIZE}}px; height: {{SIZE}}px;', '{{WRAPPER}} .eael-horizontal-timeline-item__point-content .eael-elements-icon' => 'width: {{SIZE}}px; height: {{SIZE}}px;', ], ] ); $this->add_responsive_control( 'eael_icon_font_size', [ 'label' => esc_html__('Icon Size', 'essential-addons-elementor'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 14, ], 'range' => [ 'px' => [ 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-img i' => 'font-size: {{SIZE}}px;', '{{WRAPPER}} .eael-content-timeline-img .content-timeline-bullet-svg' => 'height: {{SIZE}}{{UNIT}}; width: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .eael-content-timeline-img svg' => 'height: {{SIZE}}{{UNIT}}; width: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .eael-horizontal-timeline-item__point-content .eael-elements-icon i' => 'font-size: {{SIZE}}px;', '{{WRAPPER}} .eael-horizontal-timeline-item__point-content .eael-elements-icon svg' => 'height: {{SIZE}}{{UNIT}}; width: {{SIZE}}{{UNIT}}; vertical-align:middle;', ], ] ); $this->add_responsive_control( 'eael_icon_circle_from_top', [ 'label' => esc_html__('Position From Top', 'essential-addons-elementor'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 20, ], 'range' => [ 'px' => [ 'max' => 300, ], ], 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-img' => 'margin-top: {{SIZE}}px;', // '{{WRAPPER}} .eael-horizontal-timeline-item__point-content .eael-elements-icon' => 'margin-top: {{SIZE}}px;', '{{WRAPPER}} .eael-content-timeline-line' => 'margin-top: {{SIZE}}px;', '{{WRAPPER}} .eael-horizontal-timeline__line' => 'margin-top: {{SIZE}}px;', '{{WRAPPER}} ..eael-content-timeline-line .eael-content-timeline-inner' => 'margin-top: {{SIZE}}px;', ], ] ); $this->add_responsive_control( 'eael_icon_circle_from_left', [ 'label' => esc_html__('Position From Left', 'essential-addons-elementor'), 'type' => Controls_Manager::SLIDER, 'description' => __('Use half of the Icon Cicle Size for perfect centering', 'essential-addons-elementor'), 'range' => [ 'px' => [ 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-img' => 'margin-left: -{{SIZE}}px;', '{{WRAPPER}} .eael-horizontal-timeline-item__point-content .eael-elements-icon' => 'margin-left: -{{SIZE}}px;', ], ] ); $this->add_responsive_control( 'eael_icon_circle_border_width', [ 'label' => esc_html__('Bullet Border Width', 'essential-addons-elementor'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 6, ], 'range' => [ 'px' => [ 'max' => 30, ], ], 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-img.eael-picture' => 'border-width: {{SIZE}}px;', '{{WRAPPER}} .eael-horizontal-timeline-item__point-content .eael-elements-icon' => 'border-width: {{SIZE}}px;', ], ] ); $this->add_control( 'eael_icon_circle_color', [ 'label' => __('Bullet Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#f1f2f3', 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-img.eael-picture' => 'background: {{VALUE}}', '{{WRAPPER}} .eael-horizontal-timeline-item__point-content .eael-elements-icon' => 'background: {{VALUE}}', ] ] ); $this->add_control( 'eael_icon_circle_border_color', [ 'label' => __('Bullet Border Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#f9f9f9', 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-img.eael-picture' => 'border-color: {{VALUE}}', '{{WRAPPER}} .eael-horizontal-timeline-item__point-content .eael-elements-icon' => 'border-color: {{VALUE}}', ] ] ); $this->add_control( 'eael_icon_circle_font_color', [ 'label' => __('Bullet Font Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#fff', 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-img i' => 'color: {{VALUE}}', '{{WRAPPER}} .eael-content-timeline-img svg' => 'fill: {{VALUE}}', '{{WRAPPER}} .eael-horizontal-timeline-item__point-content .eael-elements-icon i' => 'color: {{VALUE}}', '{{WRAPPER}} .eael-horizontal-timeline-item__point-content .eael-elements-icon svg' => 'fill: {{VALUE}}', ] ] ); $this->add_control( 'eael_timeline_icon_active_state', [ 'label' => __('Active State (Highlighted)', 'essential-addons-elementor'), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ] ); $this->add_control( 'eael_icon_circle_active_color', [ 'label' => __('Bullet Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#3CCD94', 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-block.eael-highlight .eael-content-timeline-img.eael-picture' => 'background: {{VALUE}}', '{{WRAPPER}} .eael-horizontal-timeline-item.is-active .eael-horizontal-timeline-item__point-content .eael-elements-icon' => 'background: {{VALUE}}', ] ] ); $this->add_control( 'eael_icon_circle_active_border_color', [ 'label' => __('Bullet Border Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#fff', 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-block.eael-highlight .eael-content-timeline-img.eael-picture' => 'border-color: {{VALUE}}', '{{WRAPPER}} .eael-horizontal-timeline-item.is-active .eael-horizontal-timeline-item__point-content .eael-elements-icon' => 'border-color: {{VALUE}}', ] ] ); $this->add_control( 'eael_icon_circle_active_font_color', [ 'label' => __('Bullet Font Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#fff', 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-block.eael-highlight .eael-content-timeline-img i' => 'color: {{VALUE}}', '{{WRAPPER}} .eael-content-timeline-block.eael-highlight .eael-content-timeline-img svg' => 'fill: {{VALUE}}', '{{WRAPPER}} .eael-horizontal-timeline-item.is-active .eael-horizontal-timeline-item__point-content .eael-elements-icon i' => 'color: {{VALUE}}', '{{WRAPPER}} .eael-horizontal-timeline-item.is-active .eael-horizontal-timeline-item__point-content .eael-elements-icon svg' => 'fill: {{VALUE}}', ] ] ); $this->end_controls_section(); /** * ------------------------------------------- * Scrollbar Style * ------------------------------------------- */ $this->start_controls_section( 'eael_section_content_timeline_hor_scrollbar_style', [ 'label' => esc_html__('Scrollbar', 'essential-addons-elementor'), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'eael_dynamic_template_Layout' => 'horizontal', 'eael_content_timeline_navigation_type' => 'scrollbar', ], ] ); $this->add_responsive_control( 'eael_content_timeline_hor_scrollbar_height', [ 'label' => esc_html__('Height', 'essential-addons-elementor'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 8, ], 'range' => [ 'px' => [ 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .eael-horizontal-timeline--scrollbar .eael-horizontal-timeline-track::-webkit-scrollbar' => 'height: {{SIZE}}px;', ], ] ); $this->add_control( 'eael_content_timeline_hor_scrollbar_background', [ 'label' => __('Background Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#D7E4ED', 'selectors' => [ '{{WRAPPER}} .eael-horizontal-timeline--scrollbar .eael-horizontal-timeline-track::-webkit-scrollbar' => 'background: {{VALUE}};', ] ] ); $this->add_control( 'eael_content_timeline_hor_scrollbar_border_radius', [ 'label' => esc_html__('Border Radius', 'essential-addons-elementor'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 4, ], 'range' => [ 'px' => [ 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .eael-horizontal-timeline--scrollbar .eael-horizontal-timeline-track::-webkit-scrollbar' => 'border-radius: {{SIZE}}px;', ], ] ); $this->add_control( 'eael_content_timeline_hor_scrollbar_thumb_style', [ 'label' => __('Scrollbar Thumb', 'essential-addons-elementor'), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ] ); $this->add_control( 'eael_content_timeline_hor_scrollbar_thumb_background', [ 'label' => __('Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#3CCD94', 'selectors' => [ '{{WRAPPER}} .eael-horizontal-timeline--scrollbar .eael-horizontal-timeline-track::-webkit-scrollbar-thumb' => 'background-color: {{VALUE}};', '{{WRAPPER}} .eael-horizontal-timeline--scrollbar .eael-horizontal-timeline-track' => 'scrollbar-color: {{VALUE}} transparent;', ] ] ); $this->add_control( 'eael_content_timeline_hor_scrollbar_thumb_border_radius', [ 'label' => esc_html__('Border Radius', 'essential-addons-elementor'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 4, ], 'range' => [ 'px' => [ 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .eael-horizontal-timeline--scrollbar .eael-horizontal-timeline-track::-webkit-scrollbar-thumb' => 'border-radius: {{SIZE}}px;', ], ] ); $this->end_controls_section(); /** * ------------------------------------------- * Arrows Style * ------------------------------------------- */ $this->start_controls_section( 'section_content_timeline_hor_arrows_style', array( 'label' => esc_html__( 'Arrows', 'essential-addons-elementor' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => array( 'eael_content_timeline_navigation_type' => 'arrows', ), ) ); $this->add_control( 'eael_content_timeline_hor_arrow_background_color', [ 'label' => esc_html__('Background Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .eael-horizontal-timeline .eael-arrow' => 'background-color: {{VALUE}};', ], ] ); $this->add_control( 'eael_content_timeline_hor_arrow_color', [ 'label' => esc_html__('Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .eael-horizontal-timeline .eael-arrow' => 'color: {{VALUE}};', ], ] ); $this->add_control( 'eael_content_timeline_hor_prev_arrow_position', array( 'label' => esc_html__( 'Prev Arrow Position', 'essential-addons-elementor' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ) ); $this->add_control( 'eael_content_timeline_hor_prev_hor_position', array( 'label' => esc_html__( 'Horizontal Position by', 'essential-addons-elementor' ), 'type' => Controls_Manager::SELECT, 'default' => 'left', 'options' => array( 'left' => esc_html__( 'Left', 'essential-addons-elementor' ), 'right' => esc_html__( 'Right', 'essential-addons-elementor' ), ), ) ); $this->add_responsive_control( 'eael_content_timeline_hor_prev_left_position', array( 'label' => esc_html__( 'Left Indent', 'essential-addons-elementor' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', '%', 'em' ), 'range' => array( 'px' => array( 'min' => -400, 'max' => 400, ), '%' => array( 'min' => -100, 'max' => 100, ), 'em' => array( 'min' => -50, 'max' => 50, ), ), 'condition' => array( 'eael_content_timeline_hor_prev_hor_position' => 'left', ), 'selectors' => array( '{{WRAPPER}} .eael-horizontal-timeline .eael-arrow.eael-prev-arrow' => 'left: {{SIZE}}{{UNIT}}; right: auto;', ), ) ); $this->add_responsive_control( 'eael_content_timeline_hor_prev_right_position', array( 'label' => esc_html__( 'Right Indent', 'essential-addons-elementor' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', '%', 'em' ), 'range' => array( 'px' => array( 'min' => -400, 'max' => 400, ), '%' => array( 'min' => -100, 'max' => 100, ), 'em' => array( 'min' => -50, 'max' => 50, ), ), 'condition' => array( 'eael_content_timeline_hor_prev_hor_position' => 'right', ), 'selectors' => array( '{{WRAPPER}} .eael-horizontal-timeline .eael-arrow.eael-prev-arrow' => 'right: {{SIZE}}{{UNIT}}; left: auto;', ), ) ); $this->add_control( 'eael_content_timeline_hor_next_arrow_position', array( 'label' => esc_html__( 'Next Arrow Position', 'essential-addons-elementor' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ) ); $this->add_control( 'eael_content_timeline_hor_next_hor_position', array( 'label' => esc_html__( 'Horizontal Position by', 'essential-addons-elementor' ), 'type' => Controls_Manager::SELECT, 'default' => 'right', 'options' => array( 'left' => esc_html__( 'Left', 'essential-addons-elementor' ), 'right' => esc_html__( 'Right', 'essential-addons-elementor' ), ), ) ); $this->add_responsive_control( 'eael_content_timeline_hor_next_left_position', array( 'label' => esc_html__( 'Left Indent', 'essential-addons-elementor' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', '%', 'em' ), 'range' => array( 'px' => array( 'min' => -400, 'max' => 400, ), '%' => array( 'min' => -100, 'max' => 100, ), 'em' => array( 'min' => -50, 'max' => 50, ), ), 'condition' => array( 'eael_content_timeline_hor_next_hor_position' => 'left', ), 'selectors' => array( '{{WRAPPER}} .eael-horizontal-timeline .eael-arrow.eael-next-arrow' => 'left: {{SIZE}}{{UNIT}}; right: auto;', ), ) ); $this->add_responsive_control( 'eael_content_timeline_hor_next_right_position', array( 'label' => esc_html__( 'Right Indent', 'essential-addons-elementor' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', '%', 'em' ), 'range' => array( 'px' => array( 'min' => -400, 'max' => 400, ), '%' => array( 'min' => -100, 'max' => 100, ), 'em' => array( 'min' => -50, 'max' => 50, ), ), 'condition' => array( 'eael_content_timeline_hor_next_hor_position' => 'right', ), 'selectors' => array( '{{WRAPPER}} .eael-horizontal-timeline .eael-arrow.eael-next-arrow' => 'right: {{SIZE}}{{UNIT}}; left: auto;', ), ) ); $this->end_controls_section(); $this->start_controls_section( 'eael_section_typography', [ 'label' => __('Color & Typography', 'essential-addons-elementor'), 'tab' => Controls_Manager::TAB_STYLE ] ); $this->add_control( 'eael_timeline_title_style', [ 'label' => __('Title Style', 'essential-addons-elementor'), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ] ); $this->add_control( 'eael_timeline_title_color', [ 'label' => __('Title Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#303e49', 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-content .eael-timeline-title' => 'color: {{VALUE}};', '{{WRAPPER}} .eael-content-timeline-content .eael-timeline-title a' => 'color: {{VALUE}};', '{{WRAPPER}} .eael-horizontal-timeline-item .eael-horizontal-timeline-item__card-title' => 'color: {{VALUE}};', '{{WRAPPER}} .eael-horizontal-timeline-item .eael-horizontal-timeline-item__card-title a' => 'color: {{VALUE}};', ] ] ); $this->add_responsive_control( 'eael_timeline_title_alignment', [ 'label' => __('Title Alignment', 'essential-addons-elementor'), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'left' => [ 'title' => __('Left', 'essential-addons-elementor'), 'icon' => 'eicon-text-align-left', ], 'center' => [ 'title' => __('Center', 'essential-addons-elementor'), 'icon' => 'eicon-text-align-center', ], 'right' => [ 'title' => __('Right', 'essential-addons-elementor'), 'icon' => 'eicon-text-align-right', ] ], 'default' => 'left', 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-content .eael-timeline-title' => 'text-align: {{VALUE}};', '{{WRAPPER}} .eael-content-timeline-content .eael-timeline-title a' => 'text-align: {{VALUE}};', '{{WRAPPER}} .eael-horizontal-timeline-item .eael-horizontal-timeline-item__card-title' => 'text-align: {{VALUE}};', '{{WRAPPER}} .eael-horizontal-timeline-item .eael-horizontal-timeline-item__card-title a' => 'text-align: {{VALUE}};', ] ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'eael_timeline_title_typography', 'label' => __('Typography', 'essential-addons-elementor'), 'global' => [ 'default' => Global_Typography::TYPOGRAPHY_PRIMARY ], 'selector' =>'{{WRAPPER}} .eael-content-timeline-content .eael-timeline-title, {{WRAPPER}} .eael-horizontal-timeline-item .eael-horizontal-timeline-item__card-title, {{WRAPPER}} .eael-content-timeline-content .eael-timeline-title a, {{WRAPPER}} .eael-horizontal-timeline-item .eael-horizontal-timeline-item__card-title a', ] ); $this->add_control( 'eael_timeline_excerpt_style', [ 'label' => __('Excerpt Style', 'essential-addons-elementor'), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ] ); $this->add_control( 'eael_timeline_excerpt_color', [ 'label' => __('Excerpt Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#333', 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-content p' => 'color: {{VALUE}};', '{{WRAPPER}} .eael-horizontal-timeline-item__card-inner p' => 'color: {{VALUE}};', ] ] ); $this->add_responsive_control( 'eael_timeline_excerpt_alignment', [ 'label' => __('Excerpt Alignment', 'essential-addons-elementor'), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'left' => [ 'title' => __('Left', 'essential-addons-elementor'), 'icon' => 'eicon-text-align-left', ], 'center' => [ 'title' => __('Center', 'essential-addons-elementor'), 'icon' => 'eicon-text-align-center', ], 'right' => [ 'title' => __('Right', 'essential-addons-elementor'), 'icon' => 'eicon-text-align-right', ], 'justify' => [ 'title' => __('Justified', 'essential-addons-elementor'), 'icon' => 'eicon-text-align-justify', ], ], 'default' => 'left', 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-content' => 'text-align: {{VALUE}};', '{{WRAPPER}} .eael-horizontal-timeline-item__card-inner' => 'text-align: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'eael_timeline_excerpt_typography', 'label' => __('Excerpt Typography', 'essential-addons-elementor'), 'global' => [ 'default' => Global_Typography::TYPOGRAPHY_TEXT ], 'selector' => '{{WRAPPER}} .eael-content-timeline-content p, {{WRAPPER}} .eael-horizontal-timeline-item__card-inner p', ] ); $this->add_control( 'eael_timeline_date_style', [ 'label' => __('Date Style', 'essential-addons-elementor'), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ] ); $this->add_responsive_control( 'eael_timeline_date_margin', [ 'label' => esc_html__('Margin', 'essential-addons-elementor'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-content .eael-date' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .eael-horizontal-timeline-item .eael-horizontal-timeline-item__meta' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_control( 'eael_timeline_date_color', [ 'label' => __('Date Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#4d4d4d', 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-content .eael-date' => 'color: {{VALUE}};', '{{WRAPPER}} .eael-horizontal-timeline-item .eael-horizontal-timeline-item__meta' => 'color: {{VALUE}};', ] ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'eael_timeline_date_typography', 'label' => __('Date Typography', 'essential-addons-elementor'), 'global' => [ 'default' => Global_Typography::TYPOGRAPHY_TEXT ], 'selector' => '{{WRAPPER}} .eael-content-timeline-content .eael-date, {{WRAPPER}} .eael-horizontal-timeline-item .eael-horizontal-timeline-item__meta', ] ); $this->end_controls_section(); $this->start_controls_section( 'eael_section_load_more_btn', [ 'label' => __('Load More Button', 'essential-addons-elementor'), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'show_load_more' => '1' ] ] ); $this->add_responsive_control( 'eael_post_block_load_more_btn_padding', [ 'label' => esc_html__('Padding', 'essential-addons-elementor'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .eael-load-more-button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'eael_post_block_load_more_btn_margin', [ 'label' => esc_html__('Margin', 'essential-addons-elementor'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .eael-load-more-button' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'eael_post_block_load_more_btn_typography', 'selector' => '{{WRAPPER}} .eael-load-more-button', ] ); $this->start_controls_tabs('eael_post_block_load_more_btn_tabs'); // Normal State Tab $this->start_controls_tab('eael_post_block_load_more_btn_normal', ['label' => esc_html__('Normal', 'essential-addons-elementor')]); $this->add_control( 'eael_post_block_load_more_btn_normal_text_color', [ 'label' => esc_html__('Text Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#fff', 'selectors' => [ '{{WRAPPER}} .eael-load-more-button' => 'color: {{VALUE}};', ], ] ); $this->add_control( 'eael_load_more_bg_color', [ 'label' => esc_html__('Background Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#29d8d8', 'selectors' => [ '{{WRAPPER}} .eael-load-more-button' => 'background: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'eael_post_block_load_more_btn_normal_border', 'label' => esc_html__('Border', 'essential-addons-elementor'), 'selector' => '{{WRAPPER}} .eael-load-more-button', ] ); $this->add_control( 'eael_post_block_load_more_btn_border_radius', [ 'label' => esc_html__('Border Radius', 'essential-addons-elementor'), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .eael-load-more-button' => 'border-radius: {{SIZE}}px;', ], ] ); $this->end_controls_tab(); // Hover State Tab $this->start_controls_tab('eael_post_block_load_more_btn_hover', ['label' => esc_html__('Hover', 'essential-addons-elementor')]); $this->add_control( 'eael_post_block_load_more_btn_hover_text_color', [ 'label' => esc_html__('Text Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#fff', 'selectors' => [ '{{WRAPPER}} .eael-load-more-button:hover' => 'color: {{VALUE}};', ], ] ); $this->add_control( 'eael_post_block_load_more_btn_hover_bg_color', [ 'label' => esc_html__('Background Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#27bdbd', 'selectors' => [ '{{WRAPPER}} .eael-load-more-button:hover' => 'background: {{VALUE}};', ], ] ); $this->add_control( 'eael_post_block_load_more_btn_hover_border_color', [ 'label' => esc_html__('Border Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '{{WRAPPER}} .eael-load-more-button:hover' => 'border-color: {{VALUE}};', ], ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'eael_post_block_load_more_btn_shadow', 'selector' => '{{WRAPPER}} .eael-load-more-button', 'separator' => 'before' ] ); $this->add_control( 'eael_post_timeline_load_more_loader_pos_title', [ 'label' => esc_html__('Loader Position', 'essential-addons-elementor'), 'type' => Controls_Manager::HEADING, 'separator' => 'before' ] ); $this->add_control( 'eael_post_timeline_loader_pos_left', [ 'label' => esc_html__('From Left', 'essential-addons-elementor'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 15 ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .eael-load-more-button.button--loading .button__loader' => 'left: {{SIZE}}px;', ], ] ); $this->add_control( 'eael_post_timeline_loader_pos_top', [ 'label' => esc_html__('From Top', 'essential-addons-elementor'), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 15 ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .eael-load-more-button.button--loading .button__loader' => 'top: {{SIZE}}px;', ], ] ); $this->end_controls_section(); /** * ------------------------------------------- * Tab Style (Button Style) * ------------------------------------------- */ $this->start_controls_section( 'eael_read_more_button_style', [ 'label' => esc_html__('Read More Button', 'essential-addons-elementor'), 'tab' => Controls_Manager::TAB_STYLE ] ); $this->add_responsive_control( 'eael_read_more_padding', [ 'label' => esc_html__('Padding', 'essential-addons-elementor'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-content .eael-read-more' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .eael-horizontal-timeline-item .eael-read-more' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'eael_read_more_margin', [ 'label' => esc_html__('Margin', 'essential-addons-elementor'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => ['px', 'em', '%'], 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-content .eael-read-more' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .eael-horizontal-timeline-item .eael-read-more' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'eael_read_more_typography', 'selector' => '{{WRAPPER}} .eael-content-timeline-content .eael-read-more, {{WRAPPER}} .eael-horizontal-timeline-item .eael-read-more', ] ); $this->start_controls_tabs('eael_read_more_tabs'); // Normal State Tab $this->start_controls_tab('eael_read_more_normal', ['label' => esc_html__('Normal', 'essential-addons-elementor')]); $this->add_control( 'eael_read_more_normal_text_color', [ 'label' => esc_html__('Text Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#fff', 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-content .eael-read-more, {{WRAPPER}} .eael-horizontal-timeline-item .eael-read-more' => 'color: {{VALUE}};', ], ] ); $this->add_control( 'eael_read_more_normal_bg_color', [ 'label' => esc_html__('Background Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#3CCD94', 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-content .eael-read-more' => 'background: {{VALUE}};', '{{WRAPPER}} .eael-horizontal-timeline-item .eael-read-more' => 'background: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'eael_read_more_normal_border', 'label' => esc_html__('Border', 'essential-addons-elementor'), 'selector' => '{{WRAPPER}} .eael-content-timeline-content .eael-read-more, {{WRAPPER}} .eael-horizontal-timeline-item .eael-read-more', ] ); $this->add_control( 'eael_read_more_border_radius', [ 'label' => esc_html__('Border Radius', 'essential-addons-elementor'), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-content .eael-read-more' => 'border-radius: {{SIZE}}px;', '{{WRAPPER}} .eael-horizontal-timeline-item .eael-read-more' => 'border-radius: {{SIZE}}px;', ], ] ); $this->end_controls_tab(); // Hover State Tab $this->start_controls_tab('eael_read_more_hover', ['label' => esc_html__('Hover', 'essential-addons-elementor')]); $this->add_control( 'eael_read_more_hover_text_color', [ 'label' => esc_html__('Text Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#f9f9f9', 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-content .eael-read-more:hover' => 'color: {{VALUE}};', '{{WRAPPER}} .eael-horizontal-timeline-item .eael-read-more:hover' => 'color: {{VALUE}};', ], ] ); $this->add_control( 'eael_read_more_hover_bg_color', [ 'label' => esc_html__('Background Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#bac4cb', 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-content .eael-read-more:hover' => 'background: {{VALUE}};', '{{WRAPPER}} .eael-horizontal-timeline-item .eael-read-more:hover' => 'background: {{VALUE}};', ], ] ); $this->add_control( 'eael_read_more_hover_border_color', [ 'label' => esc_html__('Border Color', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '{{WRAPPER}} .eael-content-timeline-content .eael-read-more:hover' => 'border-color: {{VALUE}};', '{{WRAPPER}} .eael-horizontal-timeline-item .eael-read-more:hover' => 'border-color: {{VALUE}};', ], ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'eael_read_more_shadow', 'selector' => '{{WRAPPER}} .eael-content-timeline-content .eael-read-more, {{WRAPPER}} .eael-horizontal-timeline-item .eael-read-more', 'separator' => 'before' ] ); $this->end_controls_section(); } protected function render() { $settings = $this->get_settings_for_display(); $settings = Helper::fix_old_query($settings); $args = Helper::get_query_args($settings); $slide_to_scroll = [ 'desktop' => ! empty( $settings['eael_content_timeline_slides_to_scroll'] ) ? esc_attr( $settings['eael_content_timeline_slides_to_scroll'] ) : 1, 'tablet' => ! empty( $settings['eael_content_timeline_slides_to_scroll_tablet'] ) ? esc_attr( $settings['eael_content_timeline_slides_to_scroll_tablet'] ) : 1, 'mobile' => ! empty( $settings['eael_content_timeline_slides_to_scroll_mobile'] ) ? esc_attr( $settings['eael_content_timeline_slides_to_scroll_mobile'] ) : 1, ]; $this->add_render_attribute( 'timeline-wrapper', [ 'id' => 'eael-content-timeline-' . esc_attr($this->get_id()), 'class' => [ 'content-timeline-layout-' . esc_attr($settings['content_timeline_layout']), 'date-position-' . esc_attr($settings['date_position']), 'horizontal-timeline-wrapper' ], 'data-slide_to_scroll' => json_encode( $slide_to_scroll ), ] ); $template_layout = $this->get_settings('eael_dynamic_template_Layout'); $template = $this->get_template( esc_html( $template_layout ) ); ?>'. esc_html__('No posts found!', 'essential-addons-elementor') .'
'; } wp_reset_postdata(); } else { echo ''. esc_html__('No layout found!', 'essential-addons-elementor') .'
'; } elseif ('custom' === $settings['eael_content_timeline_choose']) : if (file_exists($template)) : if( 'horizontal' === $template_layout ) { include($template); } else { foreach ($settings['eael_coustom_content_posts'] as $custom_content) : ?> custom_content_manager( $custom_content, $settings ); ?>' . strip_shortcodes( $excerpt ? $excerpt : $the_content ) . '
' : '' . wp_trim_words( strip_shortcodes( $excerpt ? $excerpt : $the_content ), $settings['eael_excerpt_length'], $settings['excerpt_expanison_indicator'] ) . '
', 'image' => '', 'read_more_btn' => '', 'nofollow' => $settings['title_link_nofollow'] ? 'rel="nofollow"' : '', 'target_blank' => $settings['title_link_target_blank'] ? 'target="_blank"' : '', 'post_thumbnail' => $settings['eael_show_image'] == 'yes' ? get_the_post_thumbnail( $post_ID, $settings['image_size'] ) : '', 'image_linkable' => $settings['eael_image_linkable'], 'image_link_nofollow' => empty( $settings['thumbnail_link_nofollow'] ) ? '' : 'rel="nofollow"', 'image_link_target' => empty( $settings['thumbnail_link_target_blank'] ) ? '' : 'target="_blank"', ]; if( "img" === $settings["eael_show_image_or_icon"] ) { $content['image'] = '