Edit file File name : alert.php Content :<?php namespace Elementor; if ( ! defined( 'ABSPATH' ) ) { exit; // Exit if accessed directly. } /** * Elementor alert control. * * A base control for creating alerts in the Editor panels. * * @since 3.19.0 */ class Control_Alert extends Base_UI_Control { /** * Get alert control type. * * Retrieve the control type, in this case `alert`. * * @since 3.19.0 * @access public * * @return string Control type. */ public function get_type() { return 'alert'; } /** * Render alert control output in the editor. * * Used to generate the control HTML in the editor using Underscore JS * template. The variables for the class are available using `data` JS * object. * * @since 3.19.0 * @access public */ public function content_template() { ?> <# const validAlertTypes = [ 'info', 'success', 'warning', 'danger' ]; if ( ! validAlertTypes.includes( data.alert_type ) ) { data.alert_type = 'info'; } data.content = elementor.compileTemplate( data.content, { view } ); #> <div class="elementor-control-alert elementor-panel-alert elementor-panel-alert-{{ data.alert_type }}"> <# if ( data.heading ) { #> <div class="elementor-control-alert-heading">{{{ data.heading }}}</div> <# } #> <# if ( data.content ) { #> <div class="elementor-control-alert-content ">{{{ data.content }}}</div> <# } #> </div> <?php } /** * Get alert control default settings. * * Retrieve the default settings of the alert control. Used to return the * default settings while initializing the alert control. * * @since 3.19.0 * @access protected * * @return array Control default settings. */ protected function get_default_settings() { return [ 'alert_type' => '', // info, success, warning, danger. 'heading' => '', 'content' => '', ]; } } Save