disable button if text field empty code example

Example: elementor hide button if input empty

/* Hide Elementor buttons if their input is empty */
/* Perfect for using with templates and loops! */

// Add to the end of your theme's functions.php file
// Or, if you have one, add to your child theme's functions.php file

// Hook to allow Elementor to modify data
add_filter('elementor/widget/render_content',
    function ($content, $widget) {
        $settings = $widget->get_settings_for_display();
      
     	 // Determine if the button type has been set
        if (isset($settings['button_type'])) {
            // Retrieve input data from the button widget.
            $link = $widget->get_settings_for_display("link");
            $text = $widget->get_settings_for_display("text");

              // Render nothing if the URL or Text is empty.
              if (empty($link['url']) || empty($text)) {
                  return '';
            }
        }

        // If button has URL & Text inputs, render content as usual.
        return $content;
    }, 10, 3);