Edit file File name : slider.php Content :<?php namespace Elementor; use Elementor\Modules\DynamicTags\Module as TagsModule; if ( ! defined( 'ABSPATH' ) ) { exit; // Exit if accessed directly. } /** * Elementor slider control. * * 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. * * @since 1.0.0 */ class Control_Slider extends Control_Base_Units { /** * Get slider control type. * * Retrieve the control type, in this case `slider`. * * @since 1.0.0 * @access public * * @return string Control type. */ public function get_type() { return 'slider'; } /** * Get slider control default values. * * Retrieve the default value of the slider control. Used to return the default * values while initializing the slider control. * * @since 1.0.0 * @access public * * @return array Control default value. */ public function get_default_value() { return array_merge( parent::get_default_value(), [ 'size' => '', 'sizes' => [], ] ); } /** * Get slider control default settings. * * Retrieve the default settings of the slider control. Used to return the * default settings while initializing the slider control. * * @since 1.0.0 * @access protected * * @return array Control default settings. */ protected function get_default_settings() { return array_merge( parent::get_default_settings(), [ 'label_block' => true, 'labels' => [], 'scales' => 0, 'handles' => 'default', 'dynamic' => [ 'categories' => [ TagsModule::NUMBER_CATEGORY ], 'property' => 'size', ], ] ); } /** * Render slider 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 1.0.0 * @access public */ public function content_template() { ?> <div class="elementor-control-field"> <label for="<?php $this->print_control_uid(); ?>" class="elementor-control-title">{{{ data.label }}}</label> <?php $this->print_units_template(); ?> <div class="elementor-control-input-wrapper elementor-control-dynamic-switcher-wrapper elementor-clearfix elementor-control-tag-area"> <# if ( isMultiple && ( data.labels.length || data.scales ) ) { #> <div class="elementor-slider__extra"> <# if ( data.labels.length ) { #> <div class="elementor-slider__labels"> <# jQuery.each( data.labels, ( index, label ) => { #> <div class="elementor-slider__label">{{{ label }}}</div> <# } ); #> </div> <# } if ( data.scales ) { #> <div class="elementor-slider__scales"> <# for ( var i = 0; i < data.scales; i++ ) { #> <div class="elementor-slider__scale"></div> <# } #> </div> <# } #> </div> <# } #> <div class="elementor-slider"></div> <# if ( ! isMultiple ) { #> <div class="elementor-slider-input"> <input id="<?php $this->print_control_uid(); ?>" type="text" min="{{ data.min }}" max="{{ data.max }}" step="{{ data.step }}" placeholder="{{ view.getControlPlaceholder()?.size }}" data-setting="size" /> </div> <# } #> </div> </div> <# if ( data.description ) { #> <div class="elementor-control-field-description">{{{ data.description }}}</div> <# } #> <?php } } Save