start_controls_section( 'eael_section_creative_button_content', [ 'label' => esc_html__('Button Content', 'essential-addons-for-elementor-lite'), ] ); $this->add_control( 'creative_button_text', [ 'label' => __('Button Text', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::TEXT, 'dynamic' => [ 'active' => true, ], 'label_block' => true, 'default' => 'Click Me!', 'placeholder' => __('Enter button text', 'essential-addons-for-elementor-lite'), 'title' => __('Enter button text here', 'essential-addons-for-elementor-lite'), 'ai' => [ 'active' => true, ], ] ); $this->add_control( 'creative_button_secondary_text', [ 'label' => __('Button Secondary Text', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::TEXT, 'dynamic' => [ 'active' => true, ], 'label_block' => true, 'default' => 'Go!', 'placeholder' => __('Enter button secondary text', 'essential-addons-for-elementor-lite'), 'title' => __('Enter button secondary text here', 'essential-addons-for-elementor-lite'), 'ai' => [ 'active' => true, ], ] ); $this->add_control( 'creative_button_link_url', [ 'label' => esc_html__('Link URL', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::URL, 'dynamic' => [ 'active' => true, 'categories' => [ TagsModule::POST_META_CATEGORY, TagsModule::URL_CATEGORY, ], ], 'label_block' => true, 'default' => [ 'url' => '#', 'is_external' => '', ], 'show_external' => true, ] ); $this->add_control( 'eael_creative_button_icon_new', [ 'label' => esc_html__('Icon', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::ICONS, 'fa4compatibility' => 'eael_creative_button_icon', 'condition' => [ 'creative_button_effect!' => ['eael-creative-button--tamaya'], ], ] ); $this->add_control( 'eael_creative_button_icon_rotate', [ 'label' => esc_html__('Rotation', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SLIDER, 'range' => [ 'deg' => [ 'min' => -360, 'max' => 360, 'step' => 1, ], ], 'default' => [ 'unit' => 'deg', 'size' => 0, ], 'selectors' => [ '{{WRAPPER}} .eael-creative-button-icon-left svg, {{WRAPPER}} .eael-creative-button-icon-right svg' => 'rotate: {{SIZE}}deg;', '{{WRAPPER}} .eael-creative-button-icon-left i, {{WRAPPER}} .eael-creative-button-icon-right i' => 'rotate: {{SIZE}}deg;', ], ] ); $svg_btn_controller_id = 'eael_creative_button_remove_svg_color_dummy'; if ( apply_filters( 'eael/pro_enabled', false ) ) { $svg_btn_controller_id = 'eael_creative_button_remove_svg_color'; } $this->add_control( $svg_btn_controller_id, [ 'label' => esc_html__( 'Remove Default SVG Color', 'essential-addons-for-elementor-lite' ), 'type' => Controls_Manager::SWITCHER, 'description' => esc_html__( 'If you are using a custom SVG and want to apply colors from the controller, enable this option. Note that it will override the default color of your SVG.', 'essential-addons-for-elementor-lite' ), 'return_value' => 'yes', ] ); $this->add_control( 'eael_creative_button_icon_alignment', [ 'label' => esc_html__('Icon Position', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SELECT, 'default' => 'left', 'options' => [ 'left' => esc_html__('Before', 'essential-addons-for-elementor-lite'), 'right' => esc_html__('After', 'essential-addons-for-elementor-lite'), ], 'condition' => [ 'eael_creative_button_icon_new!' => '', 'creative_button_effect!' => ['eael-creative-button--tamaya'], ], ] ); $this->add_responsive_control( 'eael_creative_button_icon_indent', [ 'label' => esc_html__('Icon Spacing', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'max' => 60, ], ], 'condition' => [ 'eael_creative_button_icon_new!' => '', 'creative_button_effect!' => ['eael-creative-button--tamaya'], ], 'selectors' => [ '{{WRAPPER}} .eael-creative-button-icon-right' => 'margin-left: {{SIZE}}px;', '{{WRAPPER}} .eael-creative-button-icon-left' => 'margin-right: {{SIZE}}px;', '{{WRAPPER}} .eael-creative-button--shikoba i' => 'left: {{SIZE}}%;', '{{WRAPPER}} .eael-creative-button--winona.eael-cb-icon-position-left::after' => 'left: {{SIZE}}px;', '{{WRAPPER}} .eael-creative-button--winona.eael-cb-icon-position-right::after' => 'left: -{{SIZE}}px;', ], ] ); $this->add_control( 'eael_wd_liquid_glass_effect_switch', [ 'label' => __( 'Enable Liquid Glass Effects', 'essential-addons-for-elementor-lite' ), 'type' => Controls_Manager::SWITCHER ] ); $this->end_controls_section(); if ( !apply_filters( 'eael/pro_enabled', false ) ) { $this->start_controls_section( 'eael_section_pro', [ 'label' => __('Go Premium for More Features', 'essential-addons-for-elementor-lite'), ] ); $this->add_control( 'eael_control_get_pro', [ 'label' => __('Unlock more possibilities', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::CHOOSE, 'options' => [ '1' => [ 'title' => '', 'icon' => 'fa fa-unlock-alt', ], ], 'default' => '1', 'description' => ' Get the Pro version for more stunning elements and customization options.', ] ); $this->end_controls_section(); } // Style Controls $this->start_controls_section( 'eael_section_creative_button_settings', [ 'label' => esc_html__('Button Effects & Styles', 'essential-addons-for-elementor-lite'), 'tab' => Controls_Manager::TAB_STYLE, ] ); $button_efects = [ 'eael-creative-button--default' => esc_html__('Default', 'essential-addons-for-elementor-lite'), 'eael-creative-button--winona' => esc_html__('Winona', 'essential-addons-for-elementor-lite'), 'eael-creative-button--ujarak' => esc_html__('Ujarak', 'essential-addons-for-elementor-lite'), 'eael-creative-button--wayra' => esc_html__('Wayra', 'essential-addons-for-elementor-lite'), 'eael-creative-button--tamaya' => esc_html__('Tamaya', 'essential-addons-for-elementor-lite'), 'eael-creative-button--rayen' => esc_html__('Rayen', 'essential-addons-for-elementor-lite'), 'eael-creative-button--pipaluk' => esc_html__('Pipaluk (Pro)', 'essential-addons-for-elementor-lite'), 'eael-creative-button--moema' => esc_html__('Moema (Pro)', 'essential-addons-for-elementor-lite'), 'eael-creative-button--wave' => esc_html__('Wave (Pro)', 'essential-addons-for-elementor-lite'), 'eael-creative-button--aylen' => esc_html__('Aylen (Pro)', 'essential-addons-for-elementor-lite'), 'eael-creative-button--saqui' => esc_html__('Saqui (Pro)', 'essential-addons-for-elementor-lite'), 'eael-creative-button--wapasha' => esc_html__('Wapasha (Pro)', 'essential-addons-for-elementor-lite'), 'eael-creative-button--nuka' => esc_html__('Nuka (Pro)', 'essential-addons-for-elementor-lite'), 'eael-creative-button--antiman' => esc_html__('Antiman (Pro)', 'essential-addons-for-elementor-lite'), 'eael-creative-button--quidel' => esc_html__('Quidel (Pro)', 'essential-addons-for-elementor-lite'), 'eael-creative-button--shikoba' => esc_html__('Shikoba (Pro)', 'essential-addons-for-elementor-lite'), ]; $creative_button_effect_description = '10 more effects on Pro version'; if ( apply_filters( 'eael/pro_enabled', false ) ) { $button_efects['eael-creative-button--pipaluk'] = esc_html__('Pipaluk', 'essential-addons-for-elementor-lite'); $button_efects['eael-creative-button--moema'] = esc_html__('Moema', 'essential-addons-for-elementor-lite'); $button_efects['eael-creative-button--wave'] = esc_html__('Wave', 'essential-addons-for-elementor-lite'); $button_efects['eael-creative-button--aylen'] = esc_html__('Aylen', 'essential-addons-for-elementor-lite'); $button_efects['eael-creative-button--saqui'] = esc_html__('Saqui', 'essential-addons-for-elementor-lite'); $button_efects['eael-creative-button--wapasha'] = esc_html__('Wapasha', 'essential-addons-for-elementor-lite'); $button_efects['eael-creative-button--nuka'] = esc_html__('Nuka', 'essential-addons-for-elementor-lite'); $button_efects['eael-creative-button--antiman'] = esc_html__('Antiman', 'essential-addons-for-elementor-lite'); $button_efects['eael-creative-button--quidel'] = esc_html__('Quidel', 'essential-addons-for-elementor-lite'); $button_efects['eael-creative-button--shikoba'] = esc_html__('Shikoba', 'essential-addons-for-elementor-lite'); $creative_button_effect_description = ''; } $this->add_control( 'creative_button_effect', [ 'label' => esc_html__('Set Button Effect', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SELECT, 'default' => 'eael-creative-button--default', 'options' => $button_efects, 'description' => $creative_button_effect_description, ] ); $this->add_responsive_control( 'eael_creative_button_icon_size', [ 'label' => esc_html__('Icon Size', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', '%', ], 'default' => [ 'size' => 30, 'unit' => 'px', ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 500, 'step' => 1, ], '%' => [ 'min' => 0, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .eael-creative-button i' => 'font-size: {{SIZE}}{{UNIT}};', '{{WRAPPER}} .eael-creative-button svg' => 'height: {{SIZE}}{{UNIT}};width: {{SIZE}}{{UNIT}};', ], ] ); $this->start_controls_tabs( 'eael_creative_button_typography_separation' ); $this->start_controls_tab( 'button_primary_typography', [ 'label' => __('Primary', 'essential-addons-for-elementor-lite'), ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'eael_creative_button_typography', 'global' => [ 'default' => Global_Typography::TYPOGRAPHY_PRIMARY ], 'selector' => '{{WRAPPER}} .eael-creative-button .cretive-button-text', ] ); $this->end_controls_tab(); $this->start_controls_tab( 'button_secondary_typography', [ 'label' => __('Secondary', 'essential-addons-for-elementor-lite'), ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'eael_creative_button_secondary_typography', 'global' => [ 'default' => Global_Typography::TYPOGRAPHY_PRIMARY ], 'selector' => '{{WRAPPER}} .eael-creative-button--rayen::before, {{WRAPPER}} .eael-creative-button--winona::after, {{WRAPPER}} .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span, {{WRAPPER}} .eael-creative-button.eael-creative-button--saqui::after', ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_responsive_control( 'eael_creative_button_alignment', [ 'label' => esc_html__('Button Alignment', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::CHOOSE, 'label_block' => true, 'options' => [ 'flex-start' => [ 'title' => esc_html__('Left', 'essential-addons-for-elementor-lite'), 'icon' => 'eicon-text-align-left', ], 'center' => [ 'title' => esc_html__('Center', 'essential-addons-for-elementor-lite'), 'icon' => 'eicon-text-align-center', ], 'flex-end' => [ 'title' => esc_html__('Right', 'essential-addons-for-elementor-lite'), 'icon' => 'eicon-text-align-right', ], ], 'default' => '', 'selectors' => [ '{{WRAPPER}} .eael-creative-button-wrapper' => 'justify-content: {{VALUE}};', ], ] ); $this->add_responsive_control( 'eael_creative_button_width', [ 'label' => esc_html__('Width', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', '%', ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 500, 'step' => 1, ], '%' => [ 'min' => 0, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .eael-creative-button' => 'width: {{SIZE}}{{UNIT}};', ], ] ); $this->add_responsive_control( 'eael_creative_button_padding', [ 'label' => esc_html__('Button Padding', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', 'em', '%', ], 'selectors' => [ '{{WRAPPER}} .eael-creative-button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .eael-creative-button.eael-creative-button--winona::after' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .eael-creative-button.eael-creative-button--winona > .creative-button-inner' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .eael-creative-button.eael-creative-button--tamaya::before' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .eael-creative-button.eael-creative-button--rayen::before' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .eael-creative-button.eael-creative-button--rayen > .creative-button-inner' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', '{{WRAPPER}} .eael-creative-button.eael-creative-button--saqui::after' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], ] ); $this->add_control( 'use_gradient_background', [ 'label' => __('Use Gradient Background', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SWITCHER, 'label_on' => __('Show', 'essential-addons-for-elementor-lite'), 'label_off' => __('Hide', 'essential-addons-for-elementor-lite'), 'return_value' => 'yes', 'default' => '', ] ); $this->start_controls_tabs('eael_creative_button_tabs' ); $this->start_controls_tab('normal', ['label' => esc_html__('Normal', 'essential-addons-for-elementor-lite')]); $this->add_control( 'eael_creative_button_icon_color', [ 'label' => esc_html__('Icon Color', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::COLOR, 'default' => '#ffffff', 'selectors' => [ '{{WRAPPER}} .eael-creative-button i' => 'color: {{VALUE}};', '{{WRAPPER}} .eael-creative-button .creative-button-inner svg' => 'fill: {{VALUE}};', ], ] ); $this->add_control( 'eael_creative_button_text_color', [ 'label' => esc_html__( 'Text Color', 'essential-addons-for-elementor-lite' ), 'type' => Controls_Manager::COLOR, 'default' => '#ffffff', 'selectors' => [ '{{WRAPPER}} .eael-creative-button' => 'color: {{VALUE}};', '{{WRAPPER}} .eael-creative-button svg' => 'fill: {{VALUE}};', '{{WRAPPER}} .eael-creative-button .eael-creative-button--tamaya-secondary' => 'color: {{VALUE}};', '{{WRAPPER}} .eael-creative-button.eael-creative-button--tamaya::before' => 'color: {{VALUE}};', '{{WRAPPER}} .eael-creative-button.eael-creative-button--tamaya::after' => 'color: {{VALUE}};', ], ] ); $eael_creative_button_background_color_selectors = [ '{{WRAPPER}} .eael-creative-button' => 'background-color: {{VALUE}};', '{{WRAPPER}} .eael-creative-button.eael-creative-button--ujarak:hover' => 'background-color: {{VALUE}};', '{{WRAPPER}} .eael-creative-button.eael-creative-button--wayra:hover' => 'background-color: {{VALUE}};', '{{WRAPPER}} .eael-creative-button.eael-creative-button--tamaya::before' => 'background-color: {{VALUE}};', '{{WRAPPER}} .eael-creative-button.eael-creative-button--tamaya::after' => 'background-color: {{VALUE}};', ]; $this->add_control( 'eael_creative_button_background_color', [ 'label' => esc_html__('Background Color', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::COLOR, 'default' => '#333333', 'selectors' => apply_filters( 'eael_creative_button/normal/background_color/selectors', $eael_creative_button_background_color_selectors ), 'condition' => [ 'use_gradient_background' => '', ], ] ); $eael_creative_button_gradient_background_selector = ' {{WRAPPER}} .eael-creative-button, {{WRAPPER}} .eael-creative-button.eael-creative-button--ujarak:hover, {{WRAPPER}} .eael-creative-button.eael-creative-button--wayra:hover, {{WRAPPER}} .eael-creative-button.eael-creative-button--tamaya::before, {{WRAPPER}} .eael-creative-button.eael-creative-button--tamaya::after '; $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'eael_creative_button_gradient_background', 'types' => ['gradient', 'classic'], 'fields_options' => [ 'background' => [ 'default' => 'gradient', ], 'color' => [ 'default' => '#7A3CFF', ], ], 'selector' => apply_filters( 'eael_creative_button/normal/gradient_background/selector', $eael_creative_button_gradient_background_selector ), 'condition' => [ 'use_gradient_background' => 'yes', ], ] ); $this->add_group_control( Group_Control_Border::get_type(), [ 'name' => 'eael_creative_button_border', 'selector' => '{{WRAPPER}} .eael-creative-button', 'condition' => [ 'creative_button_effect!' => 'eael-creative-button--nuka' ], ] ); $this->add_control( 'eael_creative_button_border_radius', [ 'label' => esc_html__('Border Radius', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}} .eael-creative-button' => 'border-radius: {{SIZE}}px;', '{{WRAPPER}} .eael-creative-button::before' => 'border-radius: {{SIZE}}px;', '{{WRAPPER}} .eael-creative-button::after' => 'border-radius: {{SIZE}}px;', ], ] ); $this->end_controls_tab(); $this->start_controls_tab('eael_creative_button_hover', ['label' => esc_html__('Hover', 'essential-addons-for-elementor-lite')]); $this->add_control( 'eael_creative_button_hover_icon_color', [ 'label' => esc_html__('Icon Color', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::COLOR, 'default' => '#ffffff', 'selectors' => [ '{{WRAPPER}} .eael-creative-button:hover i' => 'color: {{VALUE}};', '{{WRAPPER}} .eael-creative-button:hover .creative-button-inner svg' => 'fill: {{VALUE}};', ], ] ); $this->add_control( 'eael_creative_button_hover_text_color', [ 'label' => esc_html__('Text Color', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::COLOR, 'default' => '#ffffff', 'selectors' => [ '{{WRAPPER}} .eael-creative-button:hover' => 'color: {{VALUE}};', '{{WRAPPER}} .eael-creative-button:hover svg' => 'fill: {{VALUE}};', '{{WRAPPER}} .eael-creative-button.eael-creative-button--winona::after' => 'color: {{VALUE}};', '{{WRAPPER}} .eael-creative-button.eael-creative-button--saqui::after' => 'color: {{VALUE}};', ], ] ); $eael_creative_button_hover_background_color_selectors = [ '{{WRAPPER}} .eael-creative-button:hover' => 'background-color: {{VALUE}};', '{{WRAPPER}} .eael-creative-button.eael-creative-button--ujarak::before' => 'background-color: {{VALUE}};', '{{WRAPPER}} .eael-creative-button.eael-creative-button--wayra:hover::before' => 'background-color: {{VALUE}};', '{{WRAPPER}} .eael-creative-button.eael-creative-button--tamaya:hover' => 'background-color: {{VALUE}};', '{{WRAPPER}} .eael-creative-button.eael-creative-button--rayen::before' => 'background-color: {{VALUE}};', '{{WRAPPER}} .eael-creative-button.eael-creative-button--rayen:hover::before' => 'background-color: {{VALUE}};', ]; $this->add_control( 'eael_creative_button_hover_background_color', [ 'label' => esc_html__('Background Color', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::COLOR, 'default' => '#f54', 'selectors' => apply_filters( 'eael_creative_button/hover/background_color/selectors', $eael_creative_button_hover_background_color_selectors), 'condition' => [ 'use_gradient_background' => '', ], ] ); $eael_creative_button_hover_gradient_background_selector = ' {{WRAPPER}} .eael-creative-button:hover, {{WRAPPER}} .eael-creative-button.eael-creative-button--ujarak::before, {{WRAPPER}} .eael-creative-button.eael-creative-button--wayra:hover::before, {{WRAPPER}} .eael-creative-button.eael-creative-button--tamaya:hover, {{WRAPPER}} .eael-creative-button.eael-creative-button--rayen::before, {{WRAPPER}} .eael-creative-button.eael-creative-button--rayen:hover::before '; $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'eael_creative_button_hover_gradient_background', 'types' => ['gradient', 'classic'], 'selector' => apply_filters( 'eael_creative_button/hover/gradient_background/selector', $eael_creative_button_hover_gradient_background_selector ), 'condition' => [ 'use_gradient_background' => 'yes', ], ] ); $this->add_control( 'eael_creative_button_hover_border_color', [ 'label' => esc_html__('Border Color', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '{{WRAPPER}} .eael-creative-button:hover' => 'border-color: {{VALUE}};', '{{WRAPPER}} .eael-creative-button.eael-creative-button--wapasha::before' => 'border-color: {{VALUE}};', '{{WRAPPER}} .eael-creative-button.eael-creative-button--antiman::before' => 'border-color: {{VALUE}};', '{{WRAPPER}} .eael-creative-button.eael-creative-button--pipaluk::before' => 'border-color: {{VALUE}};', '{{WRAPPER}} .eael-creative-button.eael-creative-button--quidel::before' => 'background-color: {{VALUE}};', ], ] ); $this->end_controls_tab(); $this->end_controls_tabs(); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'button_box_shadow', 'selector' => '{{WRAPPER}} .eael-creative-button', ] ); $this->end_controls_section(); $this->start_controls_section( 'eael_wd_liquid_glass_effect_section', [ 'label' => esc_html__( 'Liquid Glass Effects', 'essential-addons-for-elementor-lite' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'eael_wd_liquid_glass_effect_switch' => 'yes' ] ] ); // Liquid Glass Effects $this->eael_liquid_glass_effects(); // Liquid Glass Shadow Effects $this->eael_liquid_glass_shadow_effects(); $this->end_controls_section(); } /** * Controller Summary of eael_liquid_glass_effects */ public function eael_pro_lock_icon() { if ( !apply_filters('eael/pro_enabled', false ) ) { $html = ''; return $html; } return; } public function eael_teaser_template($texts) { $html = '
' . $texts['messages'] . '
' . __('Upgrade to EA PRO', 'essential-addons-for-elementor-lite') . '
'; return $html; } protected function eael_liquid_glass_effects() { $this->add_control( 'eael_wd_liquid_glass_effect_notice', [ 'type' => Controls_Manager::ALERT, 'alert_type' => 'info', 'content' => esc_html__( 'Liquid glass effect is only visible when a semi-transparent background color is applied.', 'essential-addons-for-elementor-lite' ) . '' . esc_html__( 'Learn More', 'essential-addons-for-elementor-lite' ) . '', 'condition' => [ 'eael_wd_liquid_glass_effect_switch' => 'yes', ] ] ); $eael_liquid_glass_effect = apply_filters( 'eael_liquid_glass_effect_filter', [ 'styles' => [ 'effect1' => esc_html__( 'Heavy Frost', 'essential-addons-for-elementor-lite' ), 'effect2' => esc_html__( 'Soft Mist', 'essential-addons-for-elementor-lite' ), 'effect4' => esc_html__( 'Light Frost', 'essential-addons-for-elementor-lite' ), 'effect5' => esc_html__( 'Grain Frost', 'essential-addons-for-elementor-lite' ), 'effect6' => esc_html__( 'Fine Frost', 'essential-addons-for-elementor-lite' ), ], ] ); $this->add_control( 'eael_wd_liquid_glass_effect', [ 'label' => esc_html__( 'Liquid Glass Presets', 'essential-addons-for-elementor-lite' ), 'type' => Controls_Manager::CHOOSE, 'label_block' => true, 'options' => [ 'effect1' => [ 'title' => esc_html( $eael_liquid_glass_effect['styles']['effect1'] ), 'text' => esc_html( $eael_liquid_glass_effect['styles']['effect1'] ), ], 'effect2' => [ 'title' => esc_html( $eael_liquid_glass_effect['styles']['effect2'] ), 'text' => esc_html( $eael_liquid_glass_effect['styles']['effect2'] ), ], 'effect4' => [ 'title' => esc_html( $eael_liquid_glass_effect['styles']['effect4'] ), 'text' => esc_html( $eael_liquid_glass_effect['styles']['effect4'] ) . $this->eael_pro_lock_icon(), ], 'effect5' => [ 'title' => esc_html( $eael_liquid_glass_effect['styles']['effect5'] ), 'text' => esc_html( $eael_liquid_glass_effect['styles']['effect5'] ) . $this->eael_pro_lock_icon(), ], 'effect6' => [ 'title' => esc_html( $eael_liquid_glass_effect['styles']['effect6'] ), 'text' => esc_html( $eael_liquid_glass_effect['styles']['effect6'] ) . $this->eael_pro_lock_icon(), ], ], 'prefix_class' => 'eael_wd_liquid_glass-', 'condition' => [ 'eael_wd_liquid_glass_effect_switch' => 'yes', ], 'default' => 'effect1', 'multiline' => true, ] ); if ( !apply_filters('eael/pro_enabled', false ) ) { $this->add_control( 'eael_wd_liquid_glass_effect_pro_alert', [ 'type' => Controls_Manager::RAW_HTML, 'raw' => $this->eael_teaser_template( [ 'messages' => __( "To use this Liquid glass preset, Upgrade to Essential Addons Pro", 'essential-addons-for-elementor-lite' ), ] ), 'condition' => [ 'eael_wd_liquid_glass_effect_switch' => 'yes', 'eael_wd_liquid_glass_effect' => ['effect4', 'effect5', 'effect6'], ] ] ); } else { $this->add_control( 'eael_wd_liquid_glass_effect_settings', [ 'label' => esc_html__( 'Liquid Glass Settings', 'essential-addons-for-elementor-lite' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', 'condition' => [ 'eael_wd_liquid_glass_effect_switch' => 'yes', ] ] ); } // Background Color Controls $this->eael_wd_liquid_glass_effect_bg_color_effect( $this, 'effect1', '#FFFFFF1F', '.eael-creative-button' ); $this->eael_wd_liquid_glass_effect_bg_color_effect( $this, 'effect2', '#FFFFFF1F', '.eael-creative-button' ); // Liquid Glass Background Color Effects do_action( 'eael_wd_liquid_glass_effect_bg_color_effect4', $this, 'effect4', '#FFFFFF1F', '.eael-creative-button' ); do_action( 'eael_wd_liquid_glass_effect_bg_color_effect5', $this, 'effect5', '#FFFFFF1F', '.eael-creative-button' ); do_action( 'eael_wd_liquid_glass_effect_bg_color_effect6', $this, 'effect6', '#FFFFFF1F', '.eael-creative-button' ); // Backdrop Filter Controls $this->eael_wd_liquid_glass_effect_backdrop_filter_effect( $this, 'effect1', '24', '.eael-creative-button' ); $this->eael_wd_liquid_glass_effect_backdrop_filter_effect( $this, 'effect2', '20', '.eael-creative-button' ); // Brightness Effect Controls $this->add_control( 'eael_wd_liquid_glass_effect_brightness_effect2', [ 'label' => esc_html__( 'Brightness', 'essential-addons-for-elementor-lite' ), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'min' => 0, 'max' => 5, 'step' => .1, ], ], 'default' => [ 'size' => 1, ], 'selectors' => [ '{{WRAPPER}}.eael_wd_liquid_glass-effect2 .eael-creative-button' => 'backdrop-filter: blur({{eael_wd_liquid_glass_effect_backdrop_filter_effect2.SIZE}}px) brightness({{SIZE}});', ], 'condition' => [ 'eael_wd_liquid_glass_effect_switch' => 'yes', 'eael_wd_liquid_glass_effect' => 'effect2', ] ] ); do_action( 'eael_wd_liquid_glass_effect_backdrop_filter_effect4', $this, 'effect4', '', '.eael-creative-button' ); do_action( 'eael_wd_liquid_glass_effect_backdrop_filter_effect5', $this, 'effect5', '', '.eael-creative-button' ); do_action( 'eael_wd_liquid_glass_effect_backdrop_filter_effect6', $this, 'effect6', '', '.eael-creative-button' ); // Noise Distortion Settings (Pro) do_action( 'eael_wd_liquid_glass_effect_noise_action', $this ); } /** * Summary of eael_liquid_glass_shadow_effects */ protected function eael_liquid_glass_shadow_effects() { if ( !apply_filters('eael/pro_enabled', false ) ) { $this->add_control( 'eael_wd_liquid_glass_shadow_effect', [ 'label' => esc_html__( 'Shadow Effects', 'essential-addons-for-elementor-lite' ), 'type' => Controls_Manager::SELECT2, 'default' => 'effect1', 'separator' => 'before', 'options' => [ '' => esc_html__( 'None', 'essential-addons-for-elementor-lite' ), 'effect1' => esc_html__( 'Effect 1', 'essential-addons-for-elementor-lite' ), 'effect2' => esc_html__( 'Effect 2', 'essential-addons-for-elementor-lite' ), 'effect3' => esc_html__( 'Effect 3', 'essential-addons-for-elementor-lite' ), 'effect4' => esc_html__( 'Effect 4', 'essential-addons-for-elementor-lite' ), ], 'prefix_class' => 'eael_wd_liquid_glass_shadow-', 'condition' => [ 'eael_wd_liquid_glass_effect_switch' => 'yes', 'eael_wd_liquid_glass_effect' => ['effect1', 'effect2'], ] ] ); $this->add_control( 'eael_wd_liquid_glass_shadow_inner', [ 'label' => esc_html__( 'Shadow Settings', 'essential-addons-for-elementor-lite' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', 'condition' => [ 'eael_wd_liquid_glass_effect_switch' => 'yes', 'eael_wd_liquid_glass_shadow_effect!' => '', 'eael_wd_liquid_glass_effect' => ['effect1', 'effect2'], ], ] ); // Liquid Glass Border Effects $this->eael_wd_liquid_glass_border_effect( $this, 'effect1', '#FFFFFF1F', '.eael-creative-button', ['effect1', 'effect2'] ); $this->eael_wd_liquid_glass_border_effect( $this, 'effect2', '#FFFFFF1F', '.eael-creative-button', ['effect1', 'effect2'] ); $this->eael_wd_liquid_glass_border_effect( $this, 'effect3', '#FFFFFF1F', '.eael-creative-button', ['effect1', 'effect2'] ); $this->eael_wd_liquid_glass_border_effect( $this, 'effect4', '#FFFFFF1F', '.eael-creative-button', ['effect1', 'effect2'] ); // Liquid Glass Border Radius Effects $this->eael_wd_liquid_glass_border_radius_effect($this, 'effect1', '.eael-creative-button', [ 'top' => 24, 'right' => 24, 'bottom' => 24, 'left' => 24, 'unit' => 'px', 'isLinked' => true, ], ['effect1', 'effect2'] ); $this->eael_wd_liquid_glass_border_radius_effect($this, 'effect2', '.eael-creative-button', [ 'top' => 16, 'right' => 16, 'bottom' => 16, 'left' => 16, 'unit' => 'px', 'isLinked' => true, ], ['effect1', 'effect2'] ); $this->eael_wd_liquid_glass_border_radius_effect($this, 'effect3', '.eael-creative-button', [ 'top' => 8, 'bottom' => 8, 'left' => 8, 'right' => 8, 'unit' => 'px', 'isLinked' => true, ], ['effect1', 'effect2'] ); $this->eael_wd_liquid_glass_border_radius_effect($this, 'effect4', '.eael-creative-button', [ 'top' => 24, 'bottom' => 24, 'left' => 24, 'right' => 24, 'unit' => 'px', 'isLinked' => true, ], ['effect1', 'effect2'] ); // Liquid Glass Shadow Effects $this->eael_wd_liquid_glass_shadow_effect($this, 'effect1', '.eael-creative-button', [ 'color' => 'rgba(0,0,0,0.78)', 'horizontal' => 0, 'vertical' => 19, 'blur' => 26, 'spread' => 1, ], ['effect1', 'effect2'] ); $this->eael_wd_liquid_glass_shadow_effect($this, 'effect2', '.eael-creative-button', [ 'color' => '#383C65', 'horizontal' => 0, 'vertical' => 0, 'blur' => 33, 'spread' => -2, ], ['effect1', 'effect2'] ); $this->eael_wd_liquid_glass_shadow_effect($this, 'effect3', '.eael-creative-button', [ 'color' => 'rgba(255, 255, 255, 0.4)', 'horizontal' => 1, 'vertical' => 1, 'blur' => 10, 'spread' => 5, ], ['effect1', 'effect2'] ); $this->eael_wd_liquid_glass_shadow_effect($this, 'effect4', '.eael-creative-button', [ 'color' => '#00000040', 'horizontal' => 0, 'vertical' => 9, 'blur' => 21, 'spread' => 0, ], ['effect1', 'effect2'] ); } else { $this->add_control( 'eael_wd_liquid_glass_shadow_effect', [ 'label' => esc_html__( 'Shadow Effects', 'essential-addons-for-elementor-lite' ), 'type' => Controls_Manager::SELECT2, 'default' => 'effect1', 'separator' => 'before', 'options' => [ '' => esc_html__( 'None', 'essential-addons-for-elementor-lite' ), 'effect1' => esc_html__( 'Effect 1', 'essential-addons-for-elementor-lite' ), 'effect2' => esc_html__( 'Effect 2', 'essential-addons-for-elementor-lite' ), 'effect3' => esc_html__( 'Effect 3', 'essential-addons-for-elementor-lite' ), 'effect4' => esc_html__( 'Effect 4', 'essential-addons-for-elementor-lite' ), ], 'prefix_class' => 'eael_wd_liquid_glass_shadow-', 'condition' => [ 'eael_wd_liquid_glass_effect_switch' => 'yes', 'eael_wd_liquid_glass_effect' => ['effect1', 'effect2', 'effect4', 'effect5', 'effect6'], ] ] ); $this->add_control( 'eael_wd_liquid_glass_shadow_inner', [ 'label' => esc_html__( 'Shadow Settings', 'essential-addons-for-elementor-lite' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', 'condition' => [ 'eael_wd_liquid_glass_effect_switch' => 'yes', 'eael_wd_liquid_glass_shadow_effect!' => '', 'eael_wd_liquid_glass_effect' => ['effect1', 'effect2', 'effect4', 'effect5', 'effect6'], ], ] ); // Liquid Glass Border Effects $this->eael_wd_liquid_glass_border_effect( $this, 'effect1', '#FFFFFF1F', '.eael-creative-button', ['effect1', 'effect2', 'effect4', 'effect5', 'effect6'] ); $this->eael_wd_liquid_glass_border_effect( $this, 'effect2', '#FFFFFF1F', '.eael-creative-button', ['effect1', 'effect2', 'effect4', 'effect5', 'effect6'] ); $this->eael_wd_liquid_glass_border_effect( $this, 'effect3', '#FFFFFF1F', '.eael-creative-button', ['effect1', 'effect2', 'effect4', 'effect5', 'effect6'] ); $this->eael_wd_liquid_glass_border_effect( $this, 'effect4', '#FFFFFF1F', '.eael-creative-button', ['effect1', 'effect2', 'effect4', 'effect5', 'effect6'] ); // Liquid Glass Border Radius Effects $this->eael_wd_liquid_glass_border_radius_effect($this, 'effect1', '.eael-creative-button', [ 'top' => 24, 'right' => 24, 'bottom' => 24, 'left' => 24, 'unit' => 'px', 'isLinked' => true, ], ['effect1', 'effect2', 'effect4', 'effect5', 'effect6'] ); $this->eael_wd_liquid_glass_border_radius_effect($this, 'effect2', '.eael-creative-button', [ 'top' => 16, 'right' => 16, 'bottom' => 16, 'left' => 16, 'unit' => 'px', 'isLinked' => true, ], ['effect1', 'effect2', 'effect4', 'effect5', 'effect6'] ); $this->eael_wd_liquid_glass_border_radius_effect($this, 'effect3', '.eael-creative-button', [ 'top' => 8, 'bottom' => 8, 'left' => 8, 'right' => 8, 'unit' => 'px', 'isLinked' => true, ], ['effect1', 'effect2', 'effect4', 'effect5', 'effect6'] ); $this->eael_wd_liquid_glass_border_radius_effect($this, 'effect4', '.eael-creative-button', [ 'top' => 24, 'bottom' => 24, 'left' => 24, 'right' => 24, 'unit' => 'px', 'isLinked' => true, ], ['effect1', 'effect2', 'effect4', 'effect5', 'effect6'] ); // Liquid Glass Shadow Effects $this->eael_wd_liquid_glass_shadow_effect($this, 'effect1', '.eael-creative-button', [ 'color' => 'rgba(0,0,0,0.78)', 'horizontal' => 0, 'vertical' => 19, 'blur' => 26, 'spread' => 1, ], ['effect1', 'effect2', 'effect4', 'effect5', 'effect6'] ); $this->eael_wd_liquid_glass_shadow_effect($this, 'effect2', '.eael-creative-button', [ 'color' => '#383C65', 'horizontal' => 0, 'vertical' => 0, 'blur' => 33, 'spread' => -2, ], ['effect1', 'effect2', 'effect4', 'effect5', 'effect6'] ); $this->eael_wd_liquid_glass_shadow_effect($this, 'effect3', '.eael-creative-button', [ 'color' => 'rgba(255, 255, 255, 0.4)', 'horizontal' => 1, 'vertical' => 1, 'blur' => 10, 'spread' => 5, ], ['effect1', 'effect2', 'effect4', 'effect5', 'effect6'] ); $this->eael_wd_liquid_glass_shadow_effect($this, 'effect4', '.eael-creative-button', [ 'color' => '#00000040', 'horizontal' => 0, 'vertical' => 9, 'blur' => 21, 'spread' => 0, ], ['effect1', 'effect2', 'effect4', 'effect5', 'effect6'] ); } } protected function render() { $settings = $this->get_settings_for_display(); $icon_migrated = isset($settings['__fa4_migrated']['eael_creative_button_icon_new']); $icon_is_new = empty($settings['eael_creative_button_icon']); $this->add_render_attribute('eael_creative_button', [ 'class' => ['eael-creative-button', esc_attr($settings['creative_button_effect']) , 'eael-cb-icon-position-' . $settings['eael_creative_button_icon_alignment'] ], ]); if ( ! empty( $settings['creative_button_link_url']['url'] ) ) { $this->add_link_attributes( 'eael_creative_button', $settings['creative_button_link_url'] ); } if ($settings['creative_button_link_url']['is_external']) { $this->add_render_attribute('eael_creative_button', 'target'); } if ( $settings['creative_button_link_url']['nofollow'] ) { $this->add_render_attribute('eael_creative_button', 'rel', 'nofollow'); } if ( isset( $settings['eael_creative_button_remove_svg_color'] ) && 'yes' === $settings['eael_creative_button_remove_svg_color'] ) { $this->add_render_attribute('eael_creative_button', 'class', 'csvg-use-color'); } $this->add_render_attribute('eael_creative_button', 'data-text', esc_attr($settings['creative_button_secondary_text'])); ?>
print_render_attribute_string('eael_creative_button'); ?>>
'; Icons_Manager::render_icon( $settings['eael_creative_button_icon_new'], [ 'aria-hidden' => 'true' ] ); echo ''; } else { ?> '; Icons_Manager::render_icon( $settings['eael_creative_button_icon_new'], [ 'aria-hidden' => 'true' ] ); echo ''; } else { ?>