'wpcf7_contact_form', 'posts_per_page' => -1); if( $data = get_posts( $args ) ){ foreach( $data as $key ){ $contact_forms[$key->ID] = $key->post_title; } } } //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", [ "type" => Controls_Manager::TEXT, "label" => esc_html__( "Contact Widget Title", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Enter contact widget title here. If no need title, leave it blank.", 'classic-elementor-addons-pro' ), "default" => esc_html__( "Contact Info", 'classic-elementor-addons-pro' ) ] ); $this->add_control( "title_head", [ "label" => esc_html__( "Title Heading Tag", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::SELECT, "default" => "h3", "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( "title_text_trans", [ "label" => esc_html__( "Title Transform", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::SELECT, "description" => esc_html__( "Set title text-transform property.", 'classic-elementor-addons-pro' ), "default" => "none", "options" => [ "none" => esc_html__( "Default", 'classic-elementor-addons-pro' ), "capitalize" => esc_html__( "Capitalized", 'classic-elementor-addons-pro' ), "uppercase" => esc_html__( "Upper Case", 'classic-elementor-addons-pro' ), "lowercase" => esc_html__( "Lower Case", 'classic-elementor-addons-pro' ) ], 'selectors' => [ '{{WRAPPER}} .contact-info-wrapper .contact-info-title' => 'text-transform: {{VALUE}};' ], ] ); $this->end_controls_section(); //Layouts Section $this->start_controls_section( "layouts_section", [ "label" => esc_html__( "Layouts", 'classic-elementor-addons-pro' ), "tab" => Controls_Manager::TAB_CONTENT, "description" => esc_html__( "Contact widgets layout options here available.", 'classic-elementor-addons-pro' ), ] ); $this->add_responsive_control( 'text_align', [ 'label' => __( 'Alignment', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::CHOOSE, 'default' => 'center', 'options' => [ 'left' => [ 'title' => __( 'Left', 'classic-elementor-addons-pro' ), 'icon' => 'eicon-text-align-left', ], 'center' => [ 'title' => __( 'Center', 'classic-elementor-addons-pro' ), 'icon' => 'eicon-text-align-center', ], 'right' => [ 'title' => __( 'Right', 'classic-elementor-addons-pro' ), 'icon' => 'eicon-text-align-right', ], 'justify' => [ 'title' => __( 'Justified', 'classic-elementor-addons-pro' ), 'icon' => 'eicon-text-align-justify', ], ], 'selectors' => [ '{{WRAPPER}} .contact-info-wrapper' => 'text-align: {{VALUE}};', ], ] ); $this->add_control( "contact_layout", [ "label" => esc_html__( "Contact Info Layout", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::SELECT, "default" => "default", "options" => [ "default" => esc_html__( "Default", 'classic-elementor-addons-pro' ), "classic" => esc_html__( "Classic", 'classic-elementor-addons-pro' ), "modern" => esc_html__( "Modern", 'classic-elementor-addons-pro' ), "classic-pro" => esc_html__( "Classic Pro", 'classic-elementor-addons-pro' ), ] ] ); $this->add_control( "contact_items", [ "label" => "Contact Info Items", "description" => esc_html__( "This is settings for contact info custom layout. here you can set your own layout. Drag and drop needed contact items to Enabled part.", 'classic-elementor-addons-pro' ), "type" => "dragdrop", "ddvalues" => [ esc_html__( "Enabled", 'classic-elementor-addons-pro' ) => [ "info" => esc_html__( "Info", 'classic-elementor-addons-pro' ), "mail" => esc_html__( "Mail ID", 'classic-elementor-addons-pro' ), "phone" => esc_html__( "Phone", 'classic-elementor-addons-pro' ), ], esc_html__( "disabled", 'classic-elementor-addons-pro' ) => [ "social" => esc_html__( "Social", 'classic-elementor-addons-pro' ), "address" => esc_html__( "Address", 'classic-elementor-addons-pro' ), "form" => esc_html__( "Form", 'classic-elementor-addons-pro' ), "timing" => esc_html__( "Timing", 'classic-elementor-addons-pro' ) ] ] ] ); $this->end_controls_section(); //Info Section $this->start_controls_section( "info_section", [ "label" => esc_html__( "Info", 'classic-elementor-addons-pro' ), "tab" => Controls_Manager::TAB_CONTENT, "description" => esc_html__( "Contact info tab.", 'classic-elementor-addons-pro' ), ] ); $this->add_control( "contact_info", [ "type" => Controls_Manager::TEXTAREA, "label" => esc_html__( "Contact Information or Description", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Enter contact informaion or description here.", 'classic-elementor-addons-pro' ), "default" => esc_html__( "About your company.", 'classic-elementor-addons-pro' ) ] ); $this->add_control( "contact_address", [ "type" => Controls_Manager::TEXTAREA, "label" => esc_html__( "Contact Address", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Enter contact address here.", 'classic-elementor-addons-pro' ), "default" => esc_html__( "#123 Your address", 'classic-elementor-addons-pro' ) ] ); $this->add_control( "contact_email", [ "type" => Controls_Manager::TEXT, "label" => esc_html__( "Email Id", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Enter email id. If you enter multiple email id means, seperate with comma(,).", 'classic-elementor-addons-pro' ), "default" => esc_html__( "username@email.com", 'classic-elementor-addons-pro' ) ] ); $this->add_control( "contact_number", [ "type" => Controls_Manager::TEXT, "label" => esc_html__( "Contact Number", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Enter contact number. If you enter multiple contact number means, seperate with comma(,).", 'classic-elementor-addons-pro' ), "default" => "+12 1234567890" ] ); $this->add_control( "contact_timing", [ "type" => Controls_Manager::TEXTAREA, "label" => esc_html__( "Contact Timing", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Enter contact timing here.", 'classic-elementor-addons-pro' ), "default" => "" ] ); $this->end_controls_section(); //Form Section $this->start_controls_section( "form_section", [ "label" => esc_html__( "Form", 'classic-elementor-addons-pro' ), "tab" => Controls_Manager::TAB_CONTENT, "description" => esc_html__( "Contact form tab.", 'classic-elementor-addons-pro' ), ] ); if( class_exists( "WPCF7" ) ){ $this->add_control( "contact_form", [ "type" => Controls_Manager::SELECT, "label" => esc_html__( "Contact Form", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Choose one contact form from given contact forms.", 'classic-elementor-addons-pro' ), "default" => "", "options" => $contact_forms ] ); }else{ $this->add_control( 'contact_form_note', [ 'type' => Controls_Manager::RAW_HTML, 'raw' => sprintf( '%1$s is not installed/activated on your site. Please install and activate %2$s first.', __( 'Contact Form 7', 'classic-elementor-addons-pro' ), __( 'Contact Form 7', 'classic-elementor-addons-pro' ) ), 'content_classes' => 'cea-elementor-warning', ] ); } $this->end_controls_section(); //Social Links Section $this->start_controls_section( "links_section", [ "label" => esc_html__( "Social Links", 'classic-elementor-addons-pro' ), "tab" => Controls_Manager::TAB_CONTENT, "description" => esc_html__( "Contact info social links tab.", 'classic-elementor-addons-pro' ), ] ); $this->add_control( "social_icons_type", [ "type" => Controls_Manager::SELECT, "label" => esc_html__( "Social Iocns Type", 'classic-elementor-addons-pro' ), "default" => "rounded", "options" => [ "squared" => esc_html__( "Squared", 'classic-elementor-addons-pro' ), "rounded" => esc_html__( "Rounded", 'classic-elementor-addons-pro' ), "circled" => esc_html__( "Circled", 'classic-elementor-addons-pro' ) ] ] ); $repeater = new Repeater(); $repeater->add_control( 'social_icon', [ 'label' => __( 'Icon', 'classic-elementor-addons-pro' ), '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' => __( 'Link', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::URL, 'default' => [ 'is_external' => 'true', ], 'dynamic' => [ 'active' => true, ], 'placeholder' => __( 'https://your-link.com', 'classic-elementor-addons-pro' ), ] ); $this->add_control( 'social_icon_list', [ 'label' => __( 'Social Icons', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::REPEATER, 'fields' => $repeater->get_controls(), 'default' => [ [ 'social_icon' => [ 'value' => 'fab fa-facebook', 'library' => 'fa-brands', ], ], [ 'social_icon' => [ 'value' => 'bi bi-twitter-x', '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 ) }}}', ] ); $this->end_controls_section(); // Style General Section $this->start_controls_section( 'section_style_contact_info', [ 'label' => __( 'General', 'classic-elementor-addons-pro' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->start_controls_tabs( 'contact_info_content_styles' ); $this->start_controls_tab( 'contact_info_content_normal', [ 'label' => esc_html__( 'Normal', 'classic-elementor-addons-pro' ), ] ); $this->add_control( 'bg_color', [ 'label' => esc_html__( 'Background Color', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '{{WRAPPER}} .contact-info-wrapper' => 'background-color: {{VALUE}};' ] ] ); $this->add_control( "font_color", [ "type" => Controls_Manager::COLOR, "label" => esc_html__( "Font Color", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Here you can put the font color.", 'classic-elementor-addons-pro' ), "default" => "", 'selectors' => [ '{{WRAPPER}} .contact-info-wrapper' => 'color: {{VALUE}};' ] ] ); $this->add_control( "shadow_opt", [ "label" => esc_html__( "Box Shadow Enable", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for show box shadow on feature box hover.", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::SWITCHER, "default" => "no" ] ); $this->add_control( "contact_info_box_shadow", [ "label" => esc_html__( "Box Shadow", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for show box shadow on feature box hover.", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::BOX_SHADOW, 'condition' => [ 'shadow_opt' => 'yes', ], 'selectors' => [ '{{WRAPPER}} .contact-info-wrapper' => 'box-shadow: {{HORIZONTAL}}px {{VERTICAL}}px {{BLUR}}px {{SPREAD}}px {{COLOR}} {{contact_info_box_shadow_pos.VALUE}};', ] ] ); $this->add_control( "contact_info_box_shadow_pos", [ 'label' => esc_html__( "Box Shadow Position", 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SELECT, 'options' => [ ' ' => esc_html__( "Outline", 'classic-elementor-addons-pro' ), 'inset' => esc_html__( "Inset", 'classic-elementor-addons-pro' ), ], 'condition' => [ 'shadow_opt' => 'yes', ], 'default' => ' ', 'render_type' => 'ui', ] ); $this->end_controls_tab(); $this->start_controls_tab( 'contact_info_content_hover', [ 'label' => esc_html__( 'Hover', 'classic-elementor-addons-pro' ), ] ); $this->add_control( 'bg_hcolor', [ 'label' => esc_html__( 'Hover Background Color', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '{{WRAPPER}} .contact-info-wrapper:hover' => 'background-color: {{VALUE}};' ], ] ); $this->add_control( "font_hcolor", [ "type" => Controls_Manager::COLOR, "label" => esc_html__( "Hover Font Color", 'classic-elementor-addons-pro' ), "default" => "", 'selectors' => [ '{{WRAPPER}} .contact-info-wrapper:hover' => 'color: {{VALUE}};' ] ] ); $this->add_control( "shadow_hopt", [ "label" => esc_html__( "Box Shadow Enable", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for show box shadow on feature box hover.", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::SWITCHER, "default" => "no" ] ); $this->add_control( "contact_info_hbox_shadow", [ "label" => esc_html__( "Hover Box Shadow", 'classic-elementor-addons-pro' ), "description" => esc_html__( "This is option for show box shadow on feature box hover.", 'classic-elementor-addons-pro' ), "type" => Controls_Manager::BOX_SHADOW, 'condition' => [ 'shadow_hopt' => 'yes', ], 'selectors' => [ '{{WRAPPER}} .contact-info-wrapper:hover' => 'box-shadow: {{HORIZONTAL}}px {{VERTICAL}}px {{BLUR}}px {{SPREAD}}px {{COLOR}} {{contact_info_hbox_shadow_pos.VALUE}};', ] ] ); $this->add_control( "contact_info_hbox_shadow_pos", [ 'label' => esc_html__( "Box Shadow Position", 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SELECT, 'options' => [ ' ' => esc_html__( "Outline", 'classic-elementor-addons-pro' ), 'inset' => esc_html__( "Inset", 'classic-elementor-addons-pro' ), ], 'condition' => [ 'shadow_hopt' => 'yes', ], 'default' => ' ', 'render_type' => 'ui', ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_responsive_control( 'contact_widget_margin', [ 'label' => esc_html__( 'Margin', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'selectors' => [ '{{WRAPPER}} .contact-info-wrapper' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ] ] ); $this->add_responsive_control( 'contact_widget_padding', [ 'label' => esc_html__( 'Padding', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'selectors' => [ '{{WRAPPER}} .contact-info-wrapper' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ] ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'contact_info_content_typography', 'selector' => '{{WRAPPER}} .contact-info-wrapper' ] ); $this->add_control( 'absolute_icon_style', [ 'label' => esc_html__( "Absolute Icon Color", 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::COLOR, 'separator' => 'before', 'condition' => [ 'contact_layout' => 'classic', ], 'global' => [ 'default' => Global_Colors::COLOR_PRIMARY, ], 'selectors' => [ '{{WRAPPER}} .contact-info-wrapper:before' => 'background-color: {{VALUE}};', ] ] ); $this->end_controls_section(); // Style Title Section $this->start_controls_section( 'section_style_title', [ 'label' => __( 'Title', 'classic-elementor-addons-pro' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->start_controls_tabs( 'title_colors' ); $this->start_controls_tab( 'title_colors_normal', [ 'label' => esc_html__( 'Normal', 'classic-elementor-addons-pro' ), ] ); $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 font color.", 'classic-elementor-addons-pro' ), "default" => "", 'selectors' => [ '{{WRAPPER}} .contact-info-wrapper .contact-info-title' => 'color: {{VALUE}};' ], ] ); $this->end_controls_tab(); $this->start_controls_tab( 'title_colors_hover', [ 'label' => esc_html__( 'Hover', 'classic-elementor-addons-pro' ), ] ); $this->add_control( "title_hcolor", [ "type" => Controls_Manager::COLOR, "label" => esc_html__( "Title Hover Color", 'classic-elementor-addons-pro' ), "description" => esc_html__( "Here you can put the font color.", 'classic-elementor-addons-pro' ), "default" => "", 'selectors' => [ '{{WRAPPER}} .contact-info-wrapper:hover .contact-info-title' => 'color: {{VALUE}};' ], ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_responsive_control( 'title_margin', [ 'label' => esc_html__( 'Title Margin', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'selectors' => [ '{{WRAPPER}} .contact-info-title' => 'margin: {{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}} .contact-info-title' => 'margin-bottom: {{SIZE}}{{UNIT}};', '(mobile){{WRAPPER}} .contact-info-title' => 'margin-bottom: {{SIZE}}{{UNIT}};', ], ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'contact_info_title_typography', 'selector' => '{{WRAPPER}} .contact-info-wrapper .contact-info-title' ] ); $this->end_controls_section(); // Style Info Section $this->start_controls_section( 'section_style_info', [ 'label' => __( 'Info', 'classic-elementor-addons-pro' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_control( 'desc_styles', [ 'label' => esc_html__( 'Description Styles', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::HEADING, 'separator' => 'after', ] ); $this->add_responsive_control( 'desc_margin', [ 'label' => esc_html__( 'Description Margin', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'selectors' => [ '{{WRAPPER}} .contact-info' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ] ] ); $this->add_control( 'address_styles', [ 'label' => esc_html__( 'Address Styles', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::HEADING, 'separator' => 'after', ] ); $this->add_responsive_control( 'address_margin', [ 'label' => esc_html__( 'Address Margin', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'selectors' => [ '{{WRAPPER}} .contact-address' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ] ] ); $this->add_control( 'email_styles', [ 'label' => esc_html__( 'Email Styles', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::HEADING, 'separator' => 'after', ] ); $this->add_responsive_control( 'email_margin', [ 'label' => esc_html__( 'Email Margin', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'selectors' => [ '{{WRAPPER}} .contact-mail' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ] ] ); $this->add_control( 'phone_styles', [ 'label' => esc_html__( 'Phone Styles', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::HEADING, 'separator' => 'after', ] ); $this->add_responsive_control( 'phone_margin', [ 'label' => esc_html__( 'Phone Margin', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'selectors' => [ '{{WRAPPER}} .contact-phone' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ] ] ); $this->add_control( 'timing_styles', [ 'label' => esc_html__( 'Timing Styles', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::HEADING, 'separator' => 'after', ] ); $this->add_responsive_control( 'timing_margin', [ 'label' => esc_html__( 'Timing Margin', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'selectors' => [ '{{WRAPPER}} .contact-timing' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ] ] ); $this->add_control( 'cf_styles', [ 'label' => esc_html__( 'Form Styles', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::HEADING, 'separator' => 'after', ] ); $this->add_responsive_control( 'cf_margin', [ 'label' => esc_html__( 'Form Margin', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'selectors' => [ '{{WRAPPER}} .contact-form' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ] ] ); $this->add_control( 'social_icons_styles', [ 'label' => esc_html__( 'Social Icons Styles', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::HEADING, 'separator' => 'after', ] ); $this->add_responsive_control( 'social_icons_margin', [ 'label' => esc_html__( 'Social Icons Margin', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'selectors' => [ '{{WRAPPER}} .social-icons' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ] ] ); $this->end_controls_section(); $this->start_controls_section( 'section_social_style', [ 'label' => __( 'Icon', 'classic-elementor-addons-pro' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_control( 'icon_color', [ 'label' => __( 'Color', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SELECT, 'default' => 'default', 'options' => [ 'default' => __( 'Official Color', 'classic-elementor-addons-pro' ), 'custom' => __( 'Custom', 'classic-elementor-addons-pro' ), ], ] ); $this->start_controls_tabs( 'icons_colors' ); $this->start_controls_tab( 'icon_color_normal', [ 'label' => esc_html__( 'Normal', 'classic-elementor-addons-pro' ), ] ); $this->add_control( 'icon_primary_color', [ 'label' => __( 'Primary Color', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::COLOR, 'condition' => [ 'icon_color' => 'custom', ], 'selectors' => [ '{{WRAPPER}} .elementor-social-icon' => 'background-color: {{VALUE}};', ], ] ); $this->add_control( 'icon_secondary_color', [ 'label' => __( 'Secondary Color', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::COLOR, 'condition' => [ 'icon_color' => 'custom', ], 'selectors' => [ '{{WRAPPER}} .elementor-social-icon i' => 'color: {{VALUE}};', '{{WRAPPER}} .elementor-social-icon svg' => 'fill: {{VALUE}};', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'image_border', // We know this mistake - TODO: 'icon_border' (for hover control condition also) 'selector' => '{{WRAPPER}} .elementor-social-icon', ] ); $this->add_responsive_control( 'border_radius', [ 'label' => __( 'Border Radius', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%' ], 'selectors' => [ '{{WRAPPER}} .elementor-icon' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->end_controls_tab(); $this->start_controls_tab( 'icon_color_hover', [ 'label' => esc_html__( 'Hover', 'classic-elementor-addons-pro' ), ] ); $this->add_control( 'icon_primary_hcolor', [ 'label' => __( 'Primary Color', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::COLOR, 'condition' => [ 'icon_color' => 'custom', ], 'selectors' => [ '{{WRAPPER}} .elementor-social-icon:hover' => 'background-color: {{VALUE}};', ], ] ); $this->add_control( 'icon_secondary_hcolor', [ 'label' => __( 'Secondary Color', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::COLOR, 'condition' => [ 'icon_color' => 'custom', ], 'selectors' => [ '{{WRAPPER}} .elementor-social-icon:hover i' => 'color: {{VALUE}};', '{{WRAPPER}} .elementor-social-icon:hover svg' => 'fill: {{VALUE}};', ], ] ); $this->add_control( 'hover_border_color', [ 'label' => __( 'Border Color', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::COLOR, 'default' => '', 'condition' => [ 'image_border_border!' => '', ], 'selectors' => [ '{{WRAPPER}} .elementor-social-icon:hover' => 'border-color: {{VALUE}};', ], ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_responsive_control( 'icon_size', [ 'label' => __( 'Size', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'min' => 6, 'max' => 300, ], ], 'selectors' => [ '{{WRAPPER}}' => '--icon-size: {{SIZE}}{{UNIT}}', ], 'separator' => 'before', ] ); $this->add_responsive_control( 'icon_padding', [ 'label' => __( 'Padding', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'selectors' => [ '{{WRAPPER}} .elementor-social-icon' => '--icon-padding: {{SIZE}}{{UNIT}}', ], 'default' => [ 'unit' => 'em', ], 'tablet_default' => [ 'unit' => 'em', ], 'mobile_default' => [ 'unit' => 'em', ], 'range' => [ 'em' => [ 'min' => 0, 'max' => 5, ], ], ] ); $this->add_responsive_control( 'icon_spacing', [ 'label' => __( 'Spacing', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, ], ], 'default' => [ 'size' => 5, ], 'selectors' => [ '{{WRAPPER}} .cea-social-icons > li > a' => 'margin-left: {{SIZE}}{{UNIT}}; margin-right: {{SIZE}}{{UNIT}}', '{{WRAPPER}} .cea-social-icons' => 'margin-left: -{{SIZE}}{{UNIT}}; margin-right: -{{SIZE}}{{UNIT}}', ], ] ); $this->add_responsive_control( 'row_gap', [ 'label' => __( 'Rows Gap', 'classic-elementor-addons-pro' ), 'type' => Controls_Manager::SLIDER, 'default' => [ 'size' => 0, ], 'selectors' => [ '{{WRAPPER}} .cea-social-icons > li' => 'margin-bottom: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .cea-social-icons' => 'margin-bottom: -{{SIZE}}{{UNIT}};' ], ] ); $this->end_controls_section(); } /** * Render Contact Info 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 ); $class = ''; $class .= isset( $contact_style ) ? ' contact-info-' . $contact_style : ''; $class .= ' contact-info-style-default'; $class .= isset( $contact_layout ) && $contact_layout != '' ? ' contact-info-style-' . $contact_layout : 'contact-info-style-default'; $title = isset( $title ) && $title != '' ? $title : ''; $title_head = isset( $title_head ) && $title_head != '' ? $title_head : 'h3'; $default_items = array( "info" => esc_html__( "Info", 'classic-elementor-addons-pro' ), "mail" => esc_html__( "Mail ID", 'classic-elementor-addons-pro' ), "phone" => esc_html__( "Phone", 'classic-elementor-addons-pro' ) ); $elemetns = isset( $contact_items ) && !empty( $contact_items ) ? json_decode( $contact_items, true ) : array( 'Enabled' => $default_items ); echo '
'; echo $title ? '<'. esc_attr( $title_head ) .' class="contact-info-title">'. esc_html( $title ) .'' : ''; if( isset( $elemetns['Enabled'] ) ) : foreach( $elemetns['Enabled'] as $element => $value ){ switch( $element ){ case "info": if( isset( $contact_info ) && $contact_info != '' ){ echo '
'; echo do_shortcode( $contact_info ); echo '
'; } break; case "address": if( isset( $contact_address ) && $contact_address != '' ){ echo '
'; echo '
'. do_shortcode( $contact_address ) .'
'; echo '
'; } break; case "mail": if( isset( $contact_email ) && $contact_email != '' ){ echo '
'; $mail_out = ''; foreach( explode( ",", $contact_email ) as $email ){ $mail_out .= ' '. esc_html( trim( $email ) ) .', '; } echo rtrim( $mail_out, ', ' ); echo '
'; } break; case "phone": if( isset( $contact_number ) && $contact_number != '' ){ echo '
'; $phone_out = ''; foreach( explode( ",", $contact_number ) as $phone ){ $phone_out .= ' '. esc_html( trim( $phone ) ) .', '; } echo rtrim( $phone_out, ', ' ); echo '
'; } break; case "timing": if( isset( $contact_timing ) && $contact_timing != '' ){ echo '
'; echo '
'. do_shortcode( $contact_timing ) .'
'; echo '
'; } break; case "social": $fallback_defaults = [ 'fa fa-facebook', 'bi bi-twitter-x', 'fa fa-google-plus', ]; $migration_allowed = Icons_Manager::is_migration_allowed(); echo '
'; } }