if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
* Elementor switcher control.
* A base control for creating switcher control. Displays an on/off switcher,
* basically a fancy UI representation of a checkbox.
class Control_Switcher extends Base_Data_Control {
* Get switcher control type.
* Retrieve the control type, in this case `switcher`.
* @return string Control type.
public function get_type() {
* Render switcher 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
public function content_template() {
<div class="elementor-control-field">
<label for="<?php $this->print_control_uid(); ?>" class="elementor-control-title">{{{ data.label }}}</label>
<div class="elementor-control-input-wrapper">
<label class="elementor-switch elementor-control-unit-2">
<input id="<?php $this->print_control_uid(); ?>" type="checkbox" data-setting="{{ data.name }}" class="elementor-switch-input" value="{{ data.return_value }}">
<span class="elementor-switch-label" data-on="{{ data.label_on }}" data-off="{{ data.label_off }}"></span>
<span class="elementor-switch-handle"></span>
<# if ( data.description ) { #>
<div class="elementor-control-field-description">{{{ data.description }}}</div>
* Get switcher control default settings.
* Retrieve the default settings of the switcher control. Used to return the
* default settings while initializing the switcher control.
* @return array Control default settings.
protected function get_default_settings() {
'label_off' => esc_html__( 'No', 'elementor' ),
'label_on' => esc_html__( 'Yes', 'elementor' ),