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_layout', [ 'label' => esc_html__( 'Layout', 'animation-addons-for-elementor' ), 'tab' => Controls_Manager::TAB_CONTENT, ] ); $this->add_control( 'element_list', [ 'label' => esc_html__( 'Style', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::SELECT, 'default' => '1', 'options' => [ '1' => esc_html__( 'One', 'animation-addons-for-elementor' ), '2' => esc_html__( 'Two', 'animation-addons-for-elementor' ), ], ] ); $this->add_responsive_control( 'align', [ 'label' => esc_html__( 'Alignment', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'start' => [ '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', ], 'end' => [ 'title' => esc_html__( 'Right', 'animation-addons-for-elementor' ), 'icon' => 'eicon-text-align-right', ], ], 'default' => 'start', 'selectors' => [ '{{WRAPPER}} .wcf--team' => 'text-align: {{VALUE}};', ], ] ); $this->end_controls_section(); $this->image_controls(); $this->content_controls(); $this->social_controls(); } protected function image_controls() { $this->start_controls_section( 'section_image', [ 'label' => esc_html__( 'Image', 'animation-addons-for-elementor' ), 'tab' => Controls_Manager::TAB_CONTENT, ] ); $this->add_control( 'member_image', [ 'label' => esc_html__( 'Image', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::MEDIA, 'default' => [ 'url' => Utils::get_placeholder_image_src(), ], 'dynamic' => [ 'active' => true, ], ] ); $this->add_group_control( Group_Control_Image_Size::get_type(), [ 'name' => 'image_size', 'exclude' => [ 'custom' ], 'default' => 'medium', ] ); $this->end_controls_section(); //style $this->start_controls_section( 'team_image_style', [ 'label' => esc_html__( 'Image', 'animation-addons-for-elementor' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_responsive_control( 'width', [ 'label' => esc_html__( 'Width', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::SLIDER, 'default' => [ 'unit' => '%', ], 'tablet_default' => [ 'unit' => '%', ], 'mobile_default' => [ 'unit' => '%', ], 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ], 'range' => [ '%' => [ 'min' => 1, 'max' => 100, ], 'px' => [ 'min' => 1, 'max' => 1000, ], 'vw' => [ 'min' => 1, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} img' => 'width: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'max-width', [ 'label' => esc_html__( 'Max Width', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::SLIDER, 'default' => [ 'unit' => '%', ], 'tablet_default' => [ 'unit' => '%', ], 'mobile_default' => [ 'unit' => '%', ], 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ], 'range' => [ '%' => [ 'min' => 1, 'max' => 100, ], 'px' => [ 'min' => 1, 'max' => 1000, ], 'vw' => [ 'min' => 1, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} img' => 'max-width: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'height', [ 'label' => esc_html__( 'Height', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', '%', 'em', 'rem', 'vh', 'custom' ], 'range' => [ 'px' => [ 'min' => 1, 'max' => 500, ], 'vh' => [ 'min' => 1, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} img' => 'height: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'object-fit', [ 'label' => esc_html__( 'Object Fit', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::SELECT, 'condition' => [ 'height[size]!' => '', ], 'options' => [ '' => esc_html__( 'Default', 'animation-addons-for-elementor' ), 'fill' => esc_html__( 'Fill', 'animation-addons-for-elementor' ), 'cover' => esc_html__( 'Cover', 'animation-addons-for-elementor' ), 'contain' => esc_html__( 'Contain', 'animation-addons-for-elementor' ), ], 'default' => '', 'selectors' => [ '{{WRAPPER}} img' => 'object-fit: {{VALUE}};', ], ] ); $this->add_responsive_control( 'object-position', [ 'label' => esc_html__( 'Object Position', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::SELECT, 'options' => [ 'center center' => esc_html__( 'Center Center', 'animation-addons-for-elementor' ), 'center left' => esc_html__( 'Center Left', 'animation-addons-for-elementor' ), 'center right' => esc_html__( 'Center Right', 'animation-addons-for-elementor' ), 'top center' => esc_html__( 'Top Center', 'animation-addons-for-elementor' ), 'top left' => esc_html__( 'Top Left', 'animation-addons-for-elementor' ), 'top right' => esc_html__( 'Top Right', 'animation-addons-for-elementor' ), 'bottom center' => esc_html__( 'Bottom Center', 'animation-addons-for-elementor' ), 'bottom left' => esc_html__( 'Bottom Left', 'animation-addons-for-elementor' ), 'bottom right' => esc_html__( 'Bottom Right', 'animation-addons-for-elementor' ), ], 'default' => 'center center', 'selectors' => [ '{{WRAPPER}} img' => 'object-position: {{VALUE}};', ], 'condition' => [ 'object-fit' => 'cover', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'image_border', 'selector' => '{{WRAPPER}} img', 'separator' => 'before', ] ); $this->add_responsive_control( 'image_border_radius', [ 'label' => esc_html__( 'Border Radius', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ], 'selectors' => [ '{{WRAPPER}} img' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->start_controls_tabs( 'image_effects' ); $this->start_controls_tab( 'normal', [ 'label' => esc_html__( 'Normal', 'animation-addons-for-elementor' ), ] ); $this->add_control( 'opacity', [ 'label' => esc_html__( 'Opacity', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'max' => 1, 'min' => 0.10, 'step' => 0.01, ], ], 'selectors' => [ '{{WRAPPER}} img' => 'opacity: {{SIZE}};', ], ] ); $this->add_group_control( Group_Control_Css_Filter::get_type(), [ 'name' => 'css_filters', 'selector' => '{{WRAPPER}} img', ] ); $this->end_controls_tab(); $this->start_controls_tab( 'hover', [ 'label' => esc_html__( 'Hover', 'animation-addons-for-elementor' ), ] ); $this->add_control( 'opacity_hover', [ 'label' => esc_html__( 'Opacity', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'max' => 1, 'min' => 0.10, 'step' => 0.01, ], ], 'selectors' => [ '{{WRAPPER}}:hover img' => 'opacity: {{SIZE}};', ], ] ); $this->add_group_control( Group_Control_Css_Filter::get_type(), [ 'name' => 'css_filters_hover', 'selector' => '{{WRAPPER}}:hover img', ] ); $this->add_control( 'background_hover_transition', [ 'label' => esc_html__( 'Transition Duration', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'max' => 3, 'step' => 0.1, ], ], 'selectors' => [ '{{WRAPPER}} img' => 'transition-duration: {{SIZE}}s', ], ] ); $this->add_control( 'hover_animation', [ 'label' => esc_html__( 'Hover Animation', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::HOVER_ANIMATION, ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->end_controls_section(); } protected function content_controls() { $this->start_controls_section( 'section_content', [ 'label' => esc_html__( 'Content', 'animation-addons-for-elementor' ), 'tab' => Controls_Manager::TAB_CONTENT, ] ); $this->add_control( 'member_name', [ 'label' => esc_html__( 'Name', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::TEXT, 'separator' => 'before', 'dynamic' => [ 'active' => true, ], 'default' => esc_html__( 'Adam Smith', 'animation-addons-for-elementor' ), 'placeholder' => esc_html__( 'Enter Member Name', 'animation-addons-for-elementor' ), ] ); $this->add_control( 'name_tag', [ 'label' => esc_html__( 'Name 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', 'separator' => 'after', ] ); $this->add_control( 'member_designation', [ 'label' => esc_html__( 'Designation', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::TEXT, 'dynamic' => [ 'active' => true, ], 'default' => esc_html__( 'Developer', 'animation-addons-for-elementor' ), 'placeholder' => esc_html__( 'Enter Member Designation', 'animation-addons-for-elementor' ), ] ); $this->add_control( 'member_description', [ 'label' => esc_html__( 'Description', 'animation-addons-for-elementor'), 'type' => Controls_Manager::TEXTAREA, 'dynamic' => [ 'active' => true, ], 'default' => esc_html__( 'Add team member description here. Remove the text if not necessary.', 'animation-addons-for-elementor'), ] ); $this->add_control( 'details_link', [ 'label' => esc_html__( 'URL', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::URL, 'options' => [ 'url', 'is_external', 'nofollow' ], 'default' => [ 'url' => '', 'is_external' => true, 'nofollow' => true, ], 'dynamic' => [ 'active' => true, ], 'label_block' => true, ] ); $this->end_controls_section(); //style $this->start_controls_section( 'team_content_style', [ 'label' => esc_html__( 'Content', 'animation-addons-for-elementor' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'content_background', 'types' => [ 'classic', 'gradient' ], 'selector' => '{{WRAPPER}} .content', ] ); $this->add_responsive_control( 'content_padding', [ 'label' => esc_html__( 'Padding', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ], 'selectors' => [ '{{WRAPPER}} .content' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_control( 'team_name_heading', [ 'label' => esc_html__( 'Name', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ] ); $this->add_control( 'name_color', [ 'label' => esc_html__( 'Color', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .wcf--team .name' => 'color: {{VALUE}}', ], ] ); $this->add_control( 'name_h_color', [ 'label' => esc_html__( 'Hover Color', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .wcf--team .name a:hover' => 'color: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'name_typography', 'selector' => '{{WRAPPER}} .wcf--team .name', ] ); $this->add_responsive_control( 'name_spacing', [ 'label' => esc_html__( 'Spacing', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', 'em', 'rem' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, 'step' => 1, ], ], 'default' => [ 'unit' => 'px', 'size' => 10, ], 'selectors' => [ '{{WRAPPER}} .wcf--team .name' => 'margin-bottom: {{SIZE}}{{UNIT}};', ], ] ); $this->add_control( 'team_designation_heading', [ 'label' => esc_html__( 'Designation', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ] ); $this->add_control( 'designation_color', [ 'label' => esc_html__( 'Designation Color', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .wcf--team .designation' => 'color: {{VALUE}}', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'designation_typography', 'selector' => '{{WRAPPER}} .wcf--team .designation', ] ); $this->add_responsive_control( 'designation_spacing', [ 'label' => esc_html__( 'Spacing', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', 'em', 'rem' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, 'step' => 1, ], ], 'default' => [ 'unit' => 'px', 'size' => 10, ], 'selectors' => [ '{{WRAPPER}} .wcf--team .designation' => 'margin-bottom: {{SIZE}}{{UNIT}};', ], ] ); $this->add_control( 'team_description_heading', [ 'label' => esc_html__( 'Description', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ] ); $this->add_control( 'description_color', [ 'label' => esc_html__( 'Description Color', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .wcf--team .description' => 'color: {{VALUE}}', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'description_typography', 'selector' => '{{WRAPPER}} .wcf--team .description', ] ); $this->add_responsive_control( 'description_spacing', [ 'label' => esc_html__( 'Spacing', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', 'em', 'rem' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, 'step' => 1, ], ], 'default' => [ 'unit' => 'px', 'size' => 10, ], 'selectors' => [ '{{WRAPPER}} .wcf--team .description' => 'margin-bottom: {{SIZE}}{{UNIT}};', ], ] ); $this->end_controls_section(); } protected function social_controls() { $this->start_controls_section( 'section_social_media', [ 'label' => esc_html__( 'Social Media', 'animation-addons-for-elementor' ), 'tab' => Controls_Manager::TAB_CONTENT, ] ); $this->add_control( 'show_social_icons', [ 'label' => esc_html__( 'Show Social Icons', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'Show', 'animation-addons-for-elementor' ), 'label_off' => esc_html__( 'Hide', 'animation-addons-for-elementor' ), 'return_value' => 'yes', 'default' => 'yes', ] ); $this->add_control( 'social_position', [ 'label' => esc_html__( 'placement', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::SELECT, 'default' => 'bottom', 'prefix_class' => 'wcf-social-placement-', 'options' => [ 'bottom' => esc_html__( 'Bottom', 'animation-addons-for-elementor' ), 'left' => esc_html__( 'Left', 'animation-addons-for-elementor' ), 'right' => esc_html__( 'Right', 'animation-addons-for-elementor' ), 'center' => esc_html__( 'Center', 'animation-addons-for-elementor' ), ], 'condition' => [ 'show_social_icons' => 'yes', 'element_list' => '2', ], ] ); $repeater = new Repeater(); $repeater->add_control( 'social_icon', [ 'label' => esc_html__( 'Icon', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::ICONS, 'fa4compatibility' => 'social', 'default' => [ 'value' => 'fab fa-wordpress', 'library' => 'fa-brands', ], 'recommended' => [ 'fa-brands' => [ 'android', 'apple', 'behance', 'bitbucket', 'codepen', 'delicious', 'deviantart', 'digg', 'dribbble', 'elementor', 'facebook', 'flickr', 'foursquare', 'free-code-camp', 'github', 'gitlab', 'globe', 'houzz', 'instagram', 'jsfiddle', 'linkedin', 'medium', 'meetup', 'mix', 'mixcloud', 'odnoklassniki', 'pinterest', 'product-hunt', 'reddit', 'shopping-cart', 'skype', 'slideshare', 'snapchat', 'soundcloud', 'spotify', 'stack-overflow', 'steam', 'telegram', 'thumb-tack', 'tripadvisor', 'tumblr', 'twitch', 'twitter', 'viber', 'vimeo', 'vk', 'weibo', 'weixin', 'whatsapp', 'wordpress', 'xing', 'yelp', 'youtube', '500px', ], 'fa-solid' => [ 'envelope', 'link', 'rss', ], ], ] ); $repeater->add_control( 'link', [ 'label' => esc_html__( 'Link', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::URL, 'default' => [ 'is_external' => 'true', ], 'dynamic' => [ 'active' => true, ], 'placeholder' => 'https://your-link.com', ] ); $repeater->add_control( 'icon_color', [ 'label' => esc_html__( 'Color', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} {{CURRENT_ITEM}}' => 'color: {{VALUE}};fill: {{VALUE}};', ], ] ); $repeater->add_control( 'icon_bg_color', [ 'label' => esc_html__( 'Background Color', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} {{CURRENT_ITEM}}' => 'background-color: {{VALUE}};', ], ] ); $this->add_control( 'team_social_icons', [ 'label' => esc_html__( 'Social Icons', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::REPEATER, 'fields' => $repeater->get_controls(), 'default' => [ [ 'social_icon' => [ 'value' => 'fab fa-facebook', 'library' => 'fa-brands', ], ], [ 'social_icon' => [ 'value' => 'fab fa-twitter', 'library' => 'fa-brands', ], ], [ 'social_icon' => [ 'value' => 'fab fa-youtube', 'library' => 'fa-brands', ], ], ], 'title_field' => '<# var migrated = "undefined" !== typeof __fa4_migrated, social = ( "undefined" === typeof social ) ? false : social; #>{{{ elementor.helpers.getSocialNetworkNameFromIcon( social_icon, social, true, migrated, true ) }}}', 'condition' => [ 'show_social_icons!' => '', ], ] ); $this->end_controls_section(); //style $this->start_controls_section( 'team_social_style', [ 'label' => esc_html__( 'Social Media', 'animation-addons-for-elementor' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'show_social_icons!' => '' ], ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'social_background', 'types' => [ 'classic', 'gradient' ], 'selector' => '{{WRAPPER}} .social-media', 'condition' => [ 'element_list' => '2' ], ] ); $this->add_responsive_control( 'social_padding', [ 'label' => esc_html__( 'Padding', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ], 'separator' => 'after', 'selectors' => [ '{{WRAPPER}} .social-media' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'condition' => [ 'element_list' => '2' ], ] ); $this->start_controls_tabs( 'social_style_tabs' ); $this->start_controls_tab( 'social_style_normal_tab', [ 'label' => esc_html__( 'Normal', 'animation-addons-for-elementor' ), ] ); $this->add_control( 'icon_color', [ 'label' => esc_html__( 'Color', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .social-media a' => 'color: {{VALUE}};fill: {{VALUE}};', ], ] ); $this->add_control( 'icon_bg_color', [ 'label' => esc_html__( 'Background Color', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .social-media a' => 'background-color: {{VALUE}};', ], ] ); $this->end_controls_tab(); $this->start_controls_tab( 'social_style_hover_tab', [ 'label' => esc_html__( 'Hover', 'animation-addons-for-elementor' ), ] ); $this->add_control( 'hover_icon_color', [ 'label' => esc_html__( 'Color', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '{{WRAPPER}} .social-media a:hover, {{WRAPPER}} .social-media a:focus' => 'color: {{VALUE}}; fill: {{VALUE}};', ], ] ); $this->add_control( 'hover_icon_bg_color', [ 'label' => esc_html__( 'Background Color', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}} .social-media a:hover, {{WRAPPER}} .social-media a:focus' => 'background-color: {{VALUE}};', ], ] ); $this->add_control( 'hover_icon_border_color', [ 'label' => esc_html__( 'Border Color', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::COLOR, 'condition' => [ 'icon_border_border!' => '', ], 'selectors' => [ '{{WRAPPER}} .social-media a:hover, {{WRAPPER}} .social-media a:focus' => 'border-color: {{VALUE}};', ], ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_responsive_control( 'icon_size', [ 'label' => esc_html__( 'Size', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::SLIDER, // The `%' and `em` units are not supported as the widget implements icons differently then other icons. 'size_units' => [ 'px' ], 'separator' => 'before', 'range' => [ 'px' => [ 'min' => 6, 'max' => 300, ], ], 'selectors' => [ '{{WRAPPER}} .wcf--team' => '--icon-size: {{SIZE}}{{UNIT}}', ], ] ); $this->add_responsive_control( 'icon_padding', [ 'label' => esc_html__( 'Padding', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::SLIDER, // The `%' and `em` units are not supported as the widget implements icons differently then other icons. 'size_units' => [ 'px' ], 'range' => [ 'px' => [ 'min' => 1, 'max' => 300, ], ], 'selectors' => [ '{{WRAPPER}} .wcf--team' => '--icon-padding: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'icon_spacing', [ 'label' => esc_html__( 'Spacing', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, ], ], 'default' => [ 'size' => 10, ], 'selectors' => [ '{{WRAPPER}} .social-media' => 'gap: {{SIZE}}{{UNIT}}', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'icon_border', 'selector' => '{{WRAPPER}} .social-media a', ] ); $this->add_responsive_control( 'icon_border_radius', [ 'label' => esc_html__( 'Border Radius', 'animation-addons-for-elementor' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', '%' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 300, ], '%' => [ 'min' => 0, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .social-media a' => 'border-radius: {{SIZE}}{{UNIT}};', ], ] ); $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(); $this->add_render_attribute( 'wrapper', 'class', 'wcf--team style-' . $settings['element_list'] ); if ( ! empty( $settings['details_link']['url'] ) ) { $this->add_link_attributes( 'details_link', $settings['details_link'] ); } ?>

print_render_attribute_string( 'wrapper' ); ?>> render_thumb( $settings ); ?>

render_name( $settings ); ?>

print_unescaped_setting( 'member_designation' ); ?>

print_unescaped_setting( 'member_description' ); ?>

render_social_icons( $settings ); } ?>

print_render_attribute_string( 'details_link' ); ?> aria-label=""> render_social_icons( $settings ); } ?>

< class="name"> print_render_attribute_string( 'details_link' ); ?>> print_unescaped_setting( 'member_name' ); ?> print_unescaped_setting( 'member_name' ); } ?>>