Control_Slider()
Elementor slider control.
Description
A base control for creating slider control. Displays a draggable range slider. The slider control can optionally have a number of unit types (size_units) for the user to choose from. The control also accepts a range argument that allows you to set the min, max and step values per unit type.
Changelog
| Version | Description |
|---|---|
| 1.0.0 | Introduced. |
Methods
- content_template — Render slider control output in the editor.
- get_default_settings — Get slider control default settings.
- get_default_value — Get slider control default values.
- get_type — Get slider control type.
Source
includes/controls/slider.php
class Control_Slider extends Control_Base_Units {
public function get_type() {
return 'slider';
}
public function get_default_value() {
return array_merge(
parent::get_default_value(), [
'size' => '',
]
);
}
protected function get_default_settings() {
return array_merge(
parent::get_default_settings(), [
'label_block' => true,
]
);
}
public function content_template() {
$control_uid = $this->get_control_uid();
?>
<div class="elementor-control-field">
<label for="<?php echo $control_uid; ?>" class="elementor-control-title">{{{ data.label }}}</label>
<?php $this->print_units_template(); ?>
<div class="elementor-control-input-wrapper elementor-clearfix">
<div class="elementor-slider"></div>
<div class="elementor-slider-input">
<input id="<?php echo $control_uid; ?>" type="number" min="{{ data.min }}" max="{{ data.max }}" step="{{ data.step }}" data-setting="size" />
</div>
</div>
</div>
<# if ( data.description ) { #>
<div class="elementor-control-field-description">{{{ data.description }}}</div>
<# } #>
<?php
}
}