[ 'label' => _x( 'Curly', 'shapes', 'classic-elementor-addons-pro' ), 'shape' => '', 'preserve_aspect_ratio' => false, 'supports_amount' => true, 'round' => false, 'group' => 'line', ], 'curved' => [ 'label' => _x( 'Curved', 'shapes', 'classic-elementor-addons-pro' ), 'shape' => '', 'preserve_aspect_ratio' => false, 'supports_amount' => true, 'round' => false, 'group' => 'line', ], 'multiple' => [ 'label' => _x( 'Multiple', 'shapes', 'classic-elementor-addons-pro' ), 'shape' => '', 'preserve_aspect_ratio' => false, 'supports_amount' => false, 'round' => false, 'group' => 'pattern', ], 'slashes' => [ 'label' => _x( 'Slashes', 'shapes', 'classic-elementor-addons-pro' ), 'shape' => '', 'preserve_aspect_ratio' => false, 'supports_amount' => true, 'round' => false, 'view_box' => '0 0 20 16', 'group' => 'line', ], 'squared' => [ 'label' => _x( 'Squared', 'shapes', 'classic-elementor-addons-pro' ), 'shape' => '', 'preserve_aspect_ratio' => false, 'supports_amount' => true, 'round' => false, 'group' => 'line', ], 'wavy' => [ 'label' => _x( 'Wavy', 'shapes', 'classic-elementor-addons-pro' ), 'shape' => '', 'preserve_aspect_ratio' => false, 'supports_amount' => true, 'round' => false, 'group' => 'line', ], 'zigzag' => [ 'label' => _x( 'Zigzag', 'shapes', 'classic-elementor-addons-pro' ), 'shape' => '', 'preserve_aspect_ratio' => false, 'supports_amount' => true, 'round' => false, 'group' => 'line', ], 'arrows' => [ 'label' => _x( 'Arrows', 'shapes', 'classic-elementor-addons-pro' ), 'shape' => '', 'preserve_aspect_ratio' => true, 'supports_amount' => true, 'round' => true, 'group' => 'pattern', ], 'pluses' => [ 'label' => _x( 'Pluses', 'shapes', 'classic-elementor-addons-pro' ), 'shape' => '', 'preserve_aspect_ratio' => true, 'supports_amount' => true, 'round' => false, 'group' => 'pattern', ], 'rhombus' => [ 'label' => _x( 'Rhombus', 'shapes', 'classic-elementor-addons-pro' ), 'shape' => '', 'preserve_aspect_ratio' => false, 'supports_amount' => true, 'round' => false, 'group' => 'pattern', ], 'parallelogram' => [ 'label' => _x( 'Parallelogram', 'shapes', 'classic-elementor-addons-pro' ), 'shape' => '', 'preserve_aspect_ratio' => false, 'supports_amount' => true, 'round' => false, 'group' => 'pattern', ], 'rectangles' => [ 'label' => _x( 'Rectangles', 'shapes', 'classic-elementor-addons-pro' ), 'shape' => '', 'preserve_aspect_ratio' => false, 'supports_amount' => true, 'round' => true, 'group' => 'pattern', 'view_box' => '0 0 60 30', ], 'dots_tribal' => [ 'label' => _x( 'Dots', 'shapes', 'classic-elementor-addons-pro' ), 'shape' => '', 'preserve_aspect_ratio' => true, 'supports_amount' => false, 'round' => false, 'group' => 'tribal', 'view_box' => '0 0 126 26', ], 'trees_2_tribal' => [ 'label' => _x( 'Fir Tree', 'shapes', 'classic-elementor-addons-pro' ), 'shape' => '', 'preserve_aspect_ratio' => true, 'supports_amount' => false, 'round' => false, 'group' => 'tribal', 'view_box' => '0 0 126 26', ], 'rounds_tribal' => [ 'label' => _x( 'Half Rounds', 'shapes', 'classic-elementor-addons-pro' ), 'shape' => '', 'preserve_aspect_ratio' => true, 'supports_amount' => false, 'round' => false, 'group' => 'tribal', 'view_box' => '0 0 120 26', ], 'leaves_tribal' => [ 'label' => _x( 'Leaves', 'shapes', 'classic-elementor-addons-pro' ), 'shape' => '', 'preserve_aspect_ratio' => true, 'supports_amount' => false, 'round' => false, 'group' => 'tribal', 'view_box' => '0 0 117 26', ], 'stripes_tribal' => [ 'label' => _x( 'Stripes', 'shapes', 'classic-elementor-addons-pro' ), 'shape' => '', 'preserve_aspect_ratio' => true, 'supports_amount' => false, 'round' => false, 'group' => 'tribal', 'view_box' => '0 0 120 26', ], 'squares_tribal' => [ 'label' => _x( 'Squares', 'shapes', 'classic-elementor-addons-pro' ), 'shape' => '', 'preserve_aspect_ratio' => true, 'supports_amount' => false, 'round' => false, 'group' => 'tribal', 'view_box' => '0 0 126 26', ], 'trees_tribal' => [ 'label' => _x( 'Trees', 'shapes', 'classic-elementor-addons-pro' ), 'shape' => '', 'preserve_aspect_ratio' => true, 'supports_amount' => false, 'round' => false, 'group' => 'tribal', 'view_box' => '0 0 123 26', ], 'planes_tribal' => [ 'label' => _x( 'Tribal', 'shapes', 'classic-elementor-addons-pro' ), 'shape' => '', 'preserve_aspect_ratio' => true, 'supports_amount' => false, 'round' => false, 'group' => 'tribal', 'view_box' => '0 0 121 26', ], 'x_tribal' => [ 'label' => _x( 'X', 'shapes', 'classic-elementor-addons-pro' ), 'shape' => '', 'preserve_aspect_ratio' => true, 'supports_amount' => false, 'round' => false, 'group' => 'tribal', 'view_box' => '0 0 126 26', ], 'zigzag_tribal' => [ 'label' => _x( 'Zigzag', 'shapes', 'classic-elementor-addons-pro' ), 'shape' => '', 'preserve_aspect_ratio' => true, 'supports_amount' => false, 'round' => false, 'group' => 'tribal', 'view_box' => '0 0 120 26', ], ] ); } private function filter_styles_by( $array, $key, $value ) { return array_filter( $array, function( $style ) use ( $key, $value ) { return $value === $style[ $key ]; } ); } private function get_options_by_groups( $styles, $group = false ) { $groups = [ 'line' => [ 'label' => __( 'Line', 'classic-elementor-addons-pro' ), 'options' => [ 'solid' => __( 'Solid', 'classic-elementor-addons-pro' ), 'double' => __( 'Double', 'classic-elementor-addons-pro' ), 'dotted' => __( 'Dotted', 'classic-elementor-addons-pro' ), 'dashed' => __( 'Dashed', 'classic-elementor-addons-pro' ), ], ], ]; foreach ( $styles as $key => $style ) { if ( ! isset( $groups[ $style['group'] ] ) ) { $groups[ $style['group'] ] = [ 'label' => ucwords( str_replace( '_', '', $style['group'] ) ), 'options' => [], ]; } $groups[ $style['group'] ]['options'][ $key ] = $style['label']; } if ( $group && isset( $groups[ $group ] ) ) { return $groups[ $group ]; } return $groups; } /** * Register Section Title widget controls. * * Adds different input fields to allow the user to change and customize the widget settings. * * @since 1.0.0 * @access protected */ protected function register_controls() { $styles = $this->get_separator_styles(); //General Section $this->start_controls_section( "general_section", [ "label" => esc_html__( "General", 'classic-elementor-addons-pro' ), "tab" => Controls_Manager::TAB_CONTENT, "description" => esc_html__( "Default icon list options.", 'classic-elementor-addons-pro' ), ] ); $this->add_control( 'pattern_spacing_flag', [ 'type' => Controls_Manager::HIDDEN, 'default' => 'no-spacing', 'prefix_class' => 'cea-separator--', 'condition' => [ 'sep_pattern' => array_keys( $this->filter_styles_by( $styles, 'supports_amount', false ) ), ], 'render_type' => 'template', ] ); $this->add_control( "extra_class", [ "type" => Controls_Manager::TEXT, "label" => esc_html__( "Extra Class", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Put extra class for some additional styles.", 'classic-elementor-addons-pro' ) ] ); $this->add_responsive_control( 'alignment', [ 'label' => esc_html__( 'Alignment', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'left' => [ 'title' => esc_html__( 'Left', 'classic-elementor-addons-pro' ), 'icon' => 'eicon-text-align-left', ], 'center' => [ 'title' => esc_html__( 'Center', 'classic-elementor-addons-pro' ), 'icon' => 'eicon-text-align-center', ], 'right' => [ 'title' => esc_html__( 'Right', 'classic-elementor-addons-pro' ), 'icon' => 'eicon-text-align-right', ], 'justify' => [ 'title' => esc_html__( 'Justified', 'classic-elementor-addons-pro' ), 'icon' => 'eicon-text-align-justify', ], ], 'default' => 'center', 'prefix_class' => 'cea%s-align-', 'selectors' => [ '{{WRAPPER}}' => 'text-align: {{VALUE}};', '{{WRAPPER}}.cea-align-center .section-description' => 'margin: 0 auto;' ], ] ); $this->end_controls_section(); //Title Section $this->start_controls_section( "title_section", [ "label" => esc_html__( "Title", 'classic-elementor-addons-pro' ), "tab" => Controls_Manager::TAB_CONTENT, "description" => esc_html__( "Title options available here.", 'classic-elementor-addons-pro' ), ] ); $this->add_control( "title_prefix", [ "type" => Controls_Manager::TEXT, "label" => esc_html__( "Prefix Title", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Enter section title prefix. If no need title prefix, then leave this box blank.", 'classic-elementor-addons-pro' ) ] ); $this->add_control( "title", [ "type" => Controls_Manager::TEXT, "label" => esc_html__( "Main Title", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Enter section title here.", 'classic-elementor-addons-pro' ), "default" => esc_html__( "Section Title", 'classic-elementor-addons-pro' ) ] ); $this->add_control( "title_suffix", [ "type" => Controls_Manager::TEXT, "label" => esc_html__( "Suffix Title", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Enter section title suffix. If no need title suffix, then leave this box blank.", 'classic-elementor-addons-pro' ) ] ); $this->add_control( "title_head", [ "label" => esc_html__( "Modal Box Title Heading Tag", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Here you can choose the section title box title heading tag.", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::SELECT, "default" => "h2", "options" => [ "h1" => esc_html__( "h1", 'classic-elementor-addons-pro' ), "h2" => esc_html__( "h2", 'classic-elementor-addons-pro' ), "h3" => esc_html__( "h3", 'classic-elementor-addons-pro' ), "h4" => esc_html__( "h4", 'classic-elementor-addons-pro' ), "h5" => esc_html__( "h5", 'classic-elementor-addons-pro' ), "h6" => esc_html__( "h6", 'classic-elementor-addons-pro' ), "p" => esc_html__( "p", 'classic-elementor-addons-pro' ), "span" => esc_html__( "span", 'classic-elementor-addons-pro' ), "div" => esc_html__( "div", 'classic-elementor-addons-pro' ), "i" => esc_html__( "i", 'classic-elementor-addons-pro' ) ] ] ); $this->end_controls_section(); //Sub Title Section $this->start_controls_section( "subtitle_section", [ "label" => esc_html__( "Sub Title", 'classic-elementor-addons-pro' ), "tab" => Controls_Manager::TAB_CONTENT, "description" => esc_html__( "Sub title options available here.", 'classic-elementor-addons-pro' ), ] ); $this->add_control( "sub_title", [ "type" => Controls_Manager::TEXT, "label" => esc_html__( "Sub Title", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Enter section title here. If no need sub title, then leave this box blank.", 'classic-elementor-addons-pro' ) ] ); $this->add_control( "sub_title_head", [ "label" => esc_html__( "Sub Title Heading Tag", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Here you can choose the section sub title heading tag.", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::SELECT, "default" => "h6", "options" => [ "h1" => esc_html__( "h1", 'classic-elementor-addons-pro' ), "h2" => esc_html__( "h2", 'classic-elementor-addons-pro' ), "h3" => esc_html__( "h3", 'classic-elementor-addons-pro' ), "h4" => esc_html__( "h4", 'classic-elementor-addons-pro' ), "h5" => esc_html__( "h5", 'classic-elementor-addons-pro' ), "h6" => esc_html__( "h6", 'classic-elementor-addons-pro' ), "p" => esc_html__( "p", 'classic-elementor-addons-pro' ), "span" => esc_html__( "span", 'classic-elementor-addons-pro' ), "div" => esc_html__( "div", 'classic-elementor-addons-pro' ), "i" => esc_html__( "i", 'classic-elementor-addons-pro' ) ] ] ); $this->add_control( "sub_title_pos", [ "type" => Controls_Manager::SELECT, "label" => esc_html__( "Sub Title Position", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for positioning sub title.", 'classic-elementor-addons-pro' ), "default" => "bottom", "options" => [ "bottom" => esc_html__( "Bottom", 'classic-elementor-addons-pro' ), "top" => esc_html__( "Top", 'classic-elementor-addons-pro' ) ] ] ); $this->end_controls_section(); //Lead $this->start_controls_section( "subtitle_lead", [ "label" => esc_html__( "Lead", 'classic-elementor-addons-pro' ), "tab" => Controls_Manager::TAB_CONTENT, "description" => esc_html__( "Lead text options available here.", 'classic-elementor-addons-pro' ), ] ); $this->add_control( "lead_text", [ "type" => Controls_Manager::TEXT, "label" => esc_html__( "Lead Text", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Enter section lead text here.", 'classic-elementor-addons-pro' ) ] ); $this->add_control( "lead_tag", [ "label" => esc_html__( "Sub Title Heading Tag", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Here you can choose the section sub title heading tag.", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::SELECT, "default" => "p", "options" => [ "p" => esc_html__( "p", 'classic-elementor-addons-pro' ), "span" => esc_html__( "span", 'classic-elementor-addons-pro' ), "div" => esc_html__( "div", 'classic-elementor-addons-pro' ), "i" => esc_html__( "i", 'classic-elementor-addons-pro' ) ] ] ); $this->end_controls_section(); //Separator Section $this->start_controls_section( "separator_section", [ "label" => esc_html__( "Separator", 'classic-elementor-addons-pro' ), "tab" => Controls_Manager::TAB_CONTENT, "description" => esc_html__( "Separator options available here.", 'classic-elementor-addons-pro' ), ] ); $this->add_control( "sep_model", [ "type" => Controls_Manager::SELECT, "label" => esc_html__( "Separator Type", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is section title seperator type.", 'classic-elementor-addons-pro' ), "default" => "none", "options" => [ "none" => esc_html__( "None", 'classic-elementor-addons-pro' ), "pattern" => esc_html__( "Border/Pattern", 'classic-elementor-addons-pro' ), "image" => esc_html__( "Image", 'classic-elementor-addons-pro' ), "icon" => esc_html__( "Icon", 'classic-elementor-addons-pro' ) ] ] ); $this->add_control( "sep_pattern", [ "label" => esc_html__( "Border/Shape", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::SELECT, 'groups' => array_values( $this->get_options_by_groups( $styles ) ), 'render_type' => 'template', 'default' => 'solid', 'selectors' => [ '{{WRAPPER}} .elementor-divider-separator' => '--separator-border-style: {{VALUE}}', ], "condition" => [ "sep_model" => "pattern" ] ] ); $this->add_control( 'separator_type', [ 'type' => Controls_Manager::HIDDEN, 'default' => 'pattern', 'prefix_class' => 'cea-separator-type-', 'condition' => [ 'sep_pattern!' => [ '', 'solid', 'double', 'dotted', 'dashed', ], "sep_model" => "pattern" ], 'render_type' => 'template' ] ); $this->add_control( 'separator_type_normal', [ 'type' => Controls_Manager::HIDDEN, 'default' => 'normal', 'prefix_class' => 'cea-separator-type-', 'condition' => [ 'sep_pattern' => [ '', 'solid', 'double', 'dotted', 'dashed', ], "sep_model" => "pattern" ], 'render_type' => 'template' ] ); $this->add_responsive_control( 'width', [ 'label' => __( 'Width', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ '%', 'px' ], 'range' => [ 'px' => [ 'max' => 1000, ], ], 'default' => [ 'size' => 100, 'unit' => '%', ], 'tablet_default' => [ 'unit' => '%', ], 'mobile_default' => [ 'unit' => '%', ], 'condition' => [ "sep_model" => "pattern" ], 'selectors' => [ '{{WRAPPER}} .elementor-divider-separator' => 'width: {{SIZE}}{{UNIT}};', ], ] ); $this->add_control( "sep_image", [ "label" => __( "Image", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::MEDIA, "dynamic" => [ "active" => true, ], "condition" => [ "sep_model" => "image" ] ] ); $this->add_control( 'sep_icon', [ 'label' => esc_html__( 'Icon', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::ICONS, 'fa4compatibility' => 'icon', 'default' => [ 'value' => 'ti-heart', 'library' => 'themify', ], "condition" => [ "sep_model" => "icon" ] ] ); $this->end_controls_section(); //Content Section $this->start_controls_section( "content_section", [ "label" => esc_html__( "Content", 'classic-elementor-addons-pro' ), "tab" => Controls_Manager::TAB_CONTENT, "description" => esc_html__( "Content options available here.", 'classic-elementor-addons-pro' ), ] ); $this->add_control( "sec_tit_content", [ "type" => Controls_Manager::TEXTAREA, "label" => esc_html__( "Content", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Enter section title below content.", 'classic-elementor-addons-pro' ), "default" => "" ] ); $this->end_controls_section(); // Button $this->start_controls_section( "button_section", [ "label" => esc_html__( "Button", 'classic-elementor-addons-pro' ), "tab" => Controls_Manager::TAB_CONTENT, "description" => esc_html__( "Button options available here.", 'classic-elementor-addons-pro' ), ] ); $this->add_control( "btn_enabled", [ "label" => esc_html__( "Enable Button", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for enable button on section title.", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::SWITCHER, "default" => "no" ] ); $this->add_control( 'button_type', [ 'label' => esc_html__( 'Type', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SELECT, 'default' => '', 'options' => [ '' => esc_html__( 'Default', 'classic-elementor-addons-pro' ), 'info' => esc_html__( 'Info', 'classic-elementor-addons-pro' ), 'success' => esc_html__( 'Success', 'classic-elementor-addons-pro' ), 'warning' => esc_html__( 'Warning', 'classic-elementor-addons-pro' ), 'danger' => esc_html__( 'Danger', 'classic-elementor-addons-pro' ), ], 'prefix_class' => 'elementor-button-', 'condition' => [ 'btn_enabled' => 'yes' ], ] ); $this->add_control( 'button_text', [ 'label' => esc_html__( 'Text', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::TEXT, 'dynamic' => [ 'active' => true, ], 'default' => esc_html__( 'Click here', 'classic-elementor-addons-pro' ), 'placeholder' => esc_html__( 'Click here', 'classic-elementor-addons-pro' ), 'condition' => [ 'btn_enabled' => 'yes' ], ] ); $this->add_control( 'button_link', [ 'label' => esc_html__( 'Link', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::URL, 'dynamic' => [ 'active' => true, ], 'placeholder' => esc_html__( 'https://your-link.com', 'classic-elementor-addons-pro' ), 'default' => [ 'url' => '#', ], 'condition' => [ 'btn_enabled' => 'yes' ], ] ); $this->add_responsive_control( 'button_align', [ 'label' => esc_html__( 'Alignment', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'left' => [ 'title' => esc_html__( 'Left', 'classic-elementor-addons-pro' ), 'icon' => 'eicon-text-align-left', ], 'center' => [ 'title' => esc_html__( 'Center', 'classic-elementor-addons-pro' ), 'icon' => 'eicon-text-align-center', ], 'right' => [ 'title' => esc_html__( 'Right', 'classic-elementor-addons-pro' ), 'icon' => 'eicon-text-align-right', ], 'justify' => [ 'title' => esc_html__( 'Justified', 'classic-elementor-addons-pro' ), 'icon' => 'eicon-text-align-justify', ], ], 'prefix_class' => 'cea-btn%s-align-', 'default' => '', 'condition' => [ 'btn_enabled' => 'yes' ], ] ); $this->add_control( 'button_size', [ 'label' => esc_html__( 'Size', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SELECT, 'default' => 'sm', 'options' => [ 'xs' => __( 'Extra Small', 'elementor' ), 'sm' => __( 'Small', 'elementor' ), 'md' => __( 'Medium', 'elementor' ), 'lg' => __( 'Large', 'elementor' ), 'xl' => __( 'Extra Large', 'elementor' ), ],//self::get_button_sizes(), 'style_transfer' => true, 'condition' => [ 'btn_enabled' => 'yes' ], ] ); $this->add_control( 'button_icon', [ 'label' => esc_html__( 'Icon', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::ICONS, 'fa4compatibility' => 'icon', 'condition' => [ 'btn_enabled' => 'yes' ], ] ); $this->add_control( 'button_icon_align', [ 'label' => esc_html__( 'Icon Position', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SELECT, 'default' => 'left', 'options' => [ 'left' => esc_html__( 'Before', 'classic-elementor-addons-pro' ), 'right' => esc_html__( 'After', 'classic-elementor-addons-pro' ), ], 'condition' => [ 'button_icon[value]!' => '', 'btn_enabled' => 'yes' ], ] ); $this->add_responsive_control( 'button_icon_indent', [ 'label' => esc_html__( 'Icon Spacing', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'max' => 50, ], ], 'selectors' => [ '{{WRAPPER}} .cea-button .cea-align-icon-right' => 'margin-left: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .cea-button .cea-align-icon-left' => 'margin-right: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'btn_enabled' => 'yes' ], ] ); $this->add_control( 'button_view', [ 'label' => esc_html__( 'View', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::HIDDEN, 'default' => 'traditional', 'condition' => [ 'btn_enabled' => 'yes' ], ] ); $this->add_control( 'button_css_id', [ 'label' => esc_html__( 'Button ID', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::TEXT, 'dynamic' => [ 'active' => true, ], 'default' => '', 'title' => esc_html__( 'Add your custom id WITHOUT the Pound key. e.g: my-id', 'classic-elementor-addons-pro' ), 'description' => esc_html__( 'Please make sure the ID is unique and not used elsewhere on the page this form is displayed. This field allows A-z 0-9 & underscore chars without spaces.', 'classic-elementor-addons-pro' ), 'separator' => 'before', 'condition' => [ 'btn_enabled' => 'yes' ], ] ); $this->end_controls_section(); // Style Title Section $this->start_controls_section( 'title_section_style', [ 'label' => esc_html__( 'Title', 'classic-elementor-addons-pro' ), 'tab' => Controls_Manager::TAB_STYLE ] ); $this->add_control( "pre_title_color", [ "type" => Controls_Manager::COLOR, "label" => esc_html__( "Title Prefix Color", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Here you can put the prefix title font color.", 'classic-elementor-addons-pro' ), "default" => "", 'selectors' => [ '{{WRAPPER}} .section-title-wrapper .section-title .title-prefix' => 'color: {{VALUE}};' ], ] ); $this->add_control( "title_color", [ "type" => Controls_Manager::COLOR, "label" => esc_html__( "Title Color", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Here you can put the main title font color.", 'classic-elementor-addons-pro' ), "default" => "", 'selectors' => [ '{{WRAPPER}} .section-title-wrapper .section-title' => 'color: {{VALUE}};' ], ] ); $this->add_control( "suffix_title_color", [ "type" => Controls_Manager::COLOR, "label" => esc_html__( "Title Suffix Color", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Here you can put the suffix title font color.", 'classic-elementor-addons-pro' ), "default" => "", 'selectors' => [ '{{WRAPPER}} .section-title-wrapper .section-title .title-suffix' => 'color: {{VALUE}};' ], ] ); $this->add_responsive_control( 'title_margin', [ 'label' => esc_html__( 'Title Margin', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'selectors' => [ '{{WRAPPER}} .section-title-wrapper .section-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ] ] ); $this->add_responsive_control( 'title_padding', [ 'label' => esc_html__( 'Title Padding', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'selectors' => [ '{{WRAPPER}} .section-title-wrapper .section-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ] ] ); $this->add_responsive_control( 'title_spacing', [ 'label' => esc_html__( 'Title Spacing', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 5, ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .section-title-wrapper .section-title' => 'margin-bottom: {{SIZE}}{{UNIT}};', '(mobile){{WRAPPER}} .section-title-wrapper .section-title' => 'margin-bottom: {{SIZE}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'title_typography', 'selector' => '{{WRAPPER}} .section-title-wrapper .section-title' ] ); $this->end_controls_section(); // Style Subtitle Section $this->start_controls_section( 'sub_title_section_style', [ 'label' => esc_html__( 'Sub Title', 'classic-elementor-addons-pro' ), 'tab' => Controls_Manager::TAB_STYLE ] ); $this->add_control( "sub_title_color", [ "type" => Controls_Manager::COLOR, "label" => esc_html__( "Sub Title Color", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Here you can put the sub title font color.", 'classic-elementor-addons-pro' ), "default" => "", 'selectors' => [ '{{WRAPPER}} .section-title-wrapper .sub-title' => 'color: {{VALUE}};' ], ] ); $this->add_responsive_control( 'sub_title_spacing', [ 'label' => esc_html__( 'Sub Title Spacing', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 5, ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .section-title-wrapper .sub-title' => 'margin-bottom: {{SIZE}}{{UNIT}};', '(mobile){{WRAPPER}} .section-title-wrapper .sub-title' => 'margin-bottom: {{SIZE}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'sub_title_typography', 'selector' => '{{WRAPPER}} .section-title-wrapper .sub-title' ] ); $this->end_controls_section(); // Style Separator Section $this->start_controls_section( 'section_divider_style', [ 'label' => __( 'Separator', 'classic-elementor-addons-pro' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'sep_model!' => 'none', ], ] ); $this->add_control( 'color', [ 'label' => __( 'Color', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::COLOR, 'global' => [ 'default' => Global_Colors::COLOR_SECONDARY, ], 'render_type' => 'template', 'selectors' => [ '{{WRAPPER}}' => '--separator-border-color: {{VALUE}}', '{{WRAPPER}} .title-separator > *' => 'color: {{VALUE}}', ], 'condition' => [ 'sep_model' => [ 'icon', 'pattern' ], ], ] ); $this->add_control( 'icon_size', [ 'label' => __( 'Icon Size', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 20, ], 'range' => [ 'px' => [ 'min' => 1, 'max' => 100, 'step' => 1, ], ], 'selectors' => [ '{{WRAPPER}} .title-separator.separator-icon i' => 'font-size: {{SIZE}}{{UNIT}}', ], 'condition' => [ 'sep_model' => 'icon' ], ] ); $this->add_control( 'weight', [ 'label' => __( 'Weight', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 1, ], 'range' => [ 'px' => [ 'min' => 1, 'max' => 10, 'step' => 0.1, ], ], 'render_type' => 'template', 'condition' => [ 'sep_pattern' => array_keys( $this->get_options_by_groups( $styles, 'line' )['options'] ), "sep_model" => "pattern" ], 'selectors' => [ '{{WRAPPER}}' => '--separator-border-width: {{SIZE}}{{UNIT}}', ], ] ); $this->add_control( 'pattern_height', [ 'label' => __( 'Size', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'selectors' => [ '{{WRAPPER}}' => '--separator-pattern-height: {{SIZE}}{{UNIT}}', ], 'default' => [ 'size' => 20, ], 'range' => [ 'px' => [ 'step' => 0.1, ], ], 'condition' => [ 'sep_pattern!' => [ '', 'solid', 'double', 'dotted', 'dashed', ], "sep_model" => "pattern" ], ] ); $this->add_control( 'pattern_size', [ 'label' => __( 'Amount', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ '%', 'px' ], 'selectors' => [ '{{WRAPPER}}' => '--separator-pattern-size: {{SIZE}}{{UNIT}}', ], 'default' => [ 'size' => 20, ], 'range' => [ 'px' => [ 'step' => 0.1, ], '%' => [ 'step' => 0.01, ], ], 'condition' => [ 'sep_pattern!' => array_merge( array_keys( $this->filter_styles_by( $styles, 'supports_amount', false ) ), [ '', 'solid', 'double', 'dotted', 'dashed', ] ), "sep_model" => "pattern" ], ] ); $this->add_responsive_control( 'img_size', [ 'label' => __( 'Image Size', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 100, ], 'range' => [ '%' => [ 'min' => 2, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .separator-img > img' => 'width: {{SIZE}}%; margin: 0 auto;' ], 'condition' => [ "sep_model" => "image" ], ] ); $this->add_responsive_control( 'gap', [ 'label' => __( 'Gap', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 15, ], 'range' => [ 'px' => [ 'min' => 2, 'max' => 50, ], ], 'selectors' => [ '{{WRAPPER}} .elementor-divider' => 'padding-top: {{SIZE}}{{UNIT}}; padding-bottom: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .title-separator' => 'padding-top: {{SIZE}}{{UNIT}}; padding-bottom: {{SIZE}}{{UNIT}};', ], 'separator' => 'before', ] ); $this->end_controls_section(); // Style Lead Section $this->start_controls_section( 'lead_section_style', [ 'label' => esc_html__( 'Lead', 'classic-elementor-addons-pro' ), 'tab' => Controls_Manager::TAB_STYLE ] ); $this->add_control( "lead_color", [ "type" => Controls_Manager::COLOR, "label" => esc_html__( "Lead Text Color", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Here you can put the lead font color.", 'classic-elementor-addons-pro' ), "default" => "", 'selectors' => [ '{{WRAPPER}} .section-description .lead' => 'color: {{VALUE}};' ], ] ); $this->add_responsive_control( 'lead_spacing', [ 'label' => esc_html__( 'Content Spacing', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 5, ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .section-description .lead' => 'margin-bottom: {{SIZE}}{{UNIT}};', '(mobile){{WRAPPER}} .section-description .lead' => 'margin-bottom: {{SIZE}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'lead_typography', 'selector' => '{{WRAPPER}} .section-description .lead' ] ); $this->end_controls_section(); // Style Content Section $this->start_controls_section( 'content_section_style', [ 'label' => esc_html__( 'Content', 'classic-elementor-addons-pro' ), 'tab' => Controls_Manager::TAB_STYLE ] ); $this->add_control( "content_color", [ "type" => Controls_Manager::COLOR, "label" => esc_html__( "Content Color", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Here you can put the content font color.", 'classic-elementor-addons-pro' ), "default" => "", 'selectors' => [ '{{WRAPPER}} .section-description .section-content' => 'color: {{VALUE}};' ], ] ); $this->add_responsive_control( 'content_spacing', [ 'label' => esc_html__( 'Content Spacing', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 5, ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .section-description .section-content' => 'margin-bottom: {{SIZE}}{{UNIT}};', '(mobile){{WRAPPER}} .section-description .section-content' => 'margin-bottom: {{SIZE}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'content_typography', 'selector' => '{{WRAPPER}} .section-description .section-content' ] ); $this->end_controls_section(); // Style Button Section $this->start_controls_section( 'button_section_style', [ 'label' => esc_html__( 'Button', 'classic-elementor-addons-pro' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'btn_enabled' => 'yes', ], ] ); $this->add_group_control( Group_Control_Text_Shadow::get_type(), [ 'name' => 'text_shadow', 'selector' => '{{WRAPPER}} .cea-button', ] ); $this->start_controls_tabs( 'tabs_button_style' ); $this->start_controls_tab( 'tab_button_normal', [ 'label' => esc_html__( 'Normal', 'classic-elementor-addons-pro' ), ] ); $this->add_control( 'button_text_color', [ 'label' => esc_html__( 'Text Color', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '{{WRAPPER}} .cea-button' => 'fill: {{VALUE}}; color: {{VALUE}};', ], ] ); $this->add_control( 'button_background_color', [ 'label' => esc_html__( 'Background Color', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::COLOR, 'default' => '#333333', 'selectors' => [ '{{WRAPPER}} .cea-button' => 'background-color: {{VALUE}};', ], ] ); $this->end_controls_tab(); $this->start_controls_tab( 'tab_button_hover', [ 'label' => esc_html__( 'Hover', 'classic-elementor-addons-pro' ), ] ); $this->add_control( 'button_hover_color', [ 'label' => esc_html__( 'Text Color', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .cea-button:hover, {{WRAPPER}} .cea-button:focus' => 'color: {{VALUE}};', '{{WRAPPER}} .cea-button:hover svg, {{WRAPPER}} .cea-button:focus svg' => 'fill: {{VALUE}};', ], ] ); $this->add_control( 'button_background_hover_color', [ 'label' => esc_html__( 'Background Color', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .cea-button:hover, {{WRAPPER}} .cea-button:focus' => 'background-color: {{VALUE}};', ], ] ); $this->add_control( 'button_hover_border_color', [ 'label' => esc_html__( 'Border Color', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::COLOR, 'condition' => [ 'border_border!' => '', ], 'selectors' => [ '{{WRAPPER}} .cea-button:hover, {{WRAPPER}} .cea-button:focus' => 'border-color: {{VALUE}};', ], ] ); $this->add_control( 'button_hover_animation', [ 'label' => esc_html__( 'Hover Animation', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::HOVER_ANIMATION, ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'border', 'selector' => '{{WRAPPER}} .cea-button', 'separator' => 'before', ] ); $this->add_control( 'button_border_radius', [ 'label' => esc_html__( 'Border Radius', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'selectors' => [ '{{WRAPPER}} .cea-button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'button_box_shadow', 'selector' => '{{WRAPPER}} .cea-button', ] ); $this->add_responsive_control( 'button_text_padding', [ 'label' => esc_html__( 'Padding', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em', '%' ], 'selectors' => [ '{{WRAPPER}} .cea-button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'separator' => 'before', ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'button_typography', 'selector' => '{{WRAPPER}} .cea-button' ] ); $this->end_controls_section(); } private function build_svg() { $settings = $this->get_settings_for_display(); if ( 'pattern' !== $settings['separator_type'] || empty( $settings['sep_pattern'] ) ) { return ''; } $svg_shapes = $this->get_separator_styles(); $selected_pattern = $svg_shapes[ $settings['sep_pattern'] ]; $preserve_aspect_ratio = $selected_pattern['preserve_aspect_ratio'] ? 'xMidYMid meet' : 'none'; $view_box = isset( $selected_pattern['view_box'] ) ? $selected_pattern['view_box'] : '0 0 24 24'; $attr = [ 'preserveAspectRatio' => $preserve_aspect_ratio, 'overflow' => 'visible', 'height' => '100%', 'viewBox' => $view_box, ]; if ( 'line' !== $selected_pattern['group'] ) { $attr['fill'] = $settings['color']; $attr['stroke'] = 'none'; } else { $attr['stroke'] = $settings['color']; $attr['stroke-width'] = $settings['weight']['size']; $attr['fill'] = 'none'; $attr['stroke-linecap'] = 'square'; $attr['stroke-miterlimit'] = '10'; } $this->add_render_attribute( 'svg', $attr ); $pattern_attribute_string = $this->get_render_attribute_string( 'svg' ); $shape = $selected_pattern['shape']; return ''; } public function svg_to_data_uri( $svg ) { return str_replace( [ '<', '>', '"', '#' ], [ '%3C', '%3E', "'", '%23' ], $svg ); } /** * Render Section Title 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(); extract( $settings ); //Define Variables $class = isset( $extra_class ) && $extra_class != '' ? ' ' . $extra_class : ''; $title = isset( $title ) ? $title : ''; $title_head = isset( $title_head ) ? $title_head : 'h2'; $sub_title_head = isset( $sub_title_head ) ? $sub_title_head : 'h6'; $sub_title = isset( $sub_title ) && $sub_title != '' ? '<'. esc_attr( $sub_title_head ) .' class="sub-title">'. esc_html( $sub_title ) .'' : ''; $sub_title_pos = isset( $sub_title_pos ) ? $sub_title_pos : 'bottom'; $lead_text = isset( $lead_text ) ? $lead_text : ''; echo '

'; echo '

'; // Section title echo $sub_title != '' && $sub_title_pos == 'top' ? $sub_title : ''; echo '<' . esc_attr( $title_head ) . ' class="section-title">'; echo isset( $title_prefix ) && $title_prefix != '' ? '' . esc_html( $title_prefix ) . ' ' : ''; echo esc_html( $title ); echo isset( $title_suffix ) && $title_suffix != '' ? ' ' . esc_html( $title_suffix ) . '' : ''; echo ''; echo $sub_title != '' && $sub_title_pos == 'bottom' ? $sub_title : ''; // Section title separator $sep_model = isset( $sep_model ) ? $sep_model : 'none'; if( $sep_model == 'pattern' ){ $svg_code = $this->build_svg(); $this->add_render_attribute( 'seperator_wrapper', 'class', 'elementor-divider' ); if ( ! empty( $svg_code ) ) { $this->add_render_attribute( 'seperator_wrapper', 'style', '--separator-pattern-url: url("data:image/svg+xml,' . $this->svg_to_data_uri( $svg_code ) . '");' ); } echo '

get_render_attribute_string( 'seperator_wrapper' ) .'>

'; }elseif( $sep_model == 'image' ){ if( is_array( $sep_image ) && isset( $sep_image['id'] ) ){ $img_attr = wp_get_attachment_image_src( absint( $sep_image['id'] ), 'full', true ); $image_alt = get_post_meta( absint( $sep_image['id'] ), '_wp_attachment_image_alt', true); echo isset( $img_attr[0] ) ? ' '. esc_attr( $image_alt ) .'

' : ''; } }elseif( $sep_model == 'icon' ){ if ( empty( $settings['icon'] ) && ! Icons_Manager::is_migration_allowed() ) { // add old default $settings['icon'] = 'ti-heart'; } 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']['sep_icon'] ); $is_new = empty( $settings['icon'] ) && Icons_Manager::is_migration_allowed(); echo ''; if ( $is_new || $migrated ) : Icons_Manager::render_icon( $settings['sep_icon'], [ 'aria-hidden' => 'true' ] ); else : echo 'get_render_attribute_string( 'icon' ) .'>'; endif; echo ''; } echo '

'; echo '

'; $lead_tag = isset( $lead_tag ) && !empty( $lead_tag ) ? $lead_tag : 'p'; echo !empty( $lead_text ) ? '<'. esc_attr( $lead_tag ) .' class="lead d-block">'. $lead_text .'' : ''; echo isset( $sec_tit_content ) && $sec_tit_content != '' ? '

'. $sec_tit_content .'

' : ''; //Button code if ( isset( $settings['btn_enabled'] ) && $settings['btn_enabled'] == 'yes' ) { $this->add_render_attribute( 'button-wrapper', 'class', 'cea-button-wrapper' ); if ( ! empty( $settings['button_link']['url'] ) ) { $this->add_link_attributes( 'button', $settings['button_link'] ); $this->add_render_attribute( 'button', 'class', 'cea-button-link' ); } $this->add_render_attribute( 'button', 'class', 'elementor-button cea-button' ); if ( ! empty( $settings['button_css_id'] ) ) { $this->add_render_attribute( 'button', 'id', $settings['button_css_id'] ); } if ( ! empty( $settings['button_size'] ) ) { $this->add_render_attribute( 'button', 'class', 'elementor-size-' . $settings['button_size'] ); } if ( isset( $settings['button_hover_animation'] ) && $settings['button_hover_animation'] ) { $this->add_render_attribute( 'button', 'class', 'elementor-animation-' . $settings['button_hover_animation'] ); } ?>

get_render_attribute_string( 'button-wrapper' ); ?>> get_render_attribute_string( 'button' ); ?>> button_render_text(); ?>

'; echo '

'; } /** * Render button text. * * Render button widget text. * * @since 1.5.0 * @access protected */ protected function button_render_text() { $settings = $this->get_settings_for_display(); $migrated = isset( $settings['__fa4_migrated']['selected_icon'] ); $is_new = empty( $settings['icon'] ) && Icons_Manager::is_migration_allowed(); if ( ! $is_new && empty( $settings['icon_align'] ) ) { // @todo: remove when deprecated // added as bc in 2.6 //old default $settings['icon_align'] = $this->get_settings( 'icon_align' ); } $this->add_render_attribute( [ 'content-wrapper' => [ 'class' => 'cea-button-content-wrapper', ], 'icon-align' => [ 'class' => [ 'cea-button-icon', 'cea-align-icon-' . $settings['button_icon_align'], ], ], 'text' => [ 'class' => 'cea-button-text', ], ] ); $this->add_inline_editing_attributes( 'text', 'none' ); ?> get_render_attribute_string( 'content-wrapper' ); ?>> get_render_attribute_string( 'icon-align' ); ?>> 'true' ] ); else : ?> get_render_attribute_string( 'text' ); ?>>