Sid Gifari From Gifari Industries - BD Cyber Security Team
Home
/
home
/
drleilu
/
www
/
wp-content
/
themes
/
bella-beauty
/
kits
/
settings
/
page-preloader
/
✏️
Editing: page-preloader.php
<?php namespace BellaBeautySpace\Kits\Settings\PagePreloader; use BellaBeautySpace\Kits\Settings\Base\Settings_Tab_Base; use Elementor\Controls_Manager; if ( ! defined( 'ABSPATH' ) ) { exit; // Exit if accessed directly } /** * Page Preloader settings. */ class Page_Preloader extends Settings_Tab_Base { /** * Get toggle name. * * Retrieve the toggle name. * * @return string Toggle name. */ public static function get_toggle_name() { return 'page_preloader'; } /** * Get title. * * Retrieve the toggle title. */ public function get_title() { return esc_html__( 'Page Preloader', 'bella-beauty' ); } /** * Get control ID prefix. * * Retrieve the control ID prefix. * * @return string Control ID prefix. */ protected static function get_control_id_prefix() { $toggle_name = self::get_toggle_name(); return parent::get_control_id_prefix() . "_{$toggle_name}"; } /** * Register toggle controls. * * Registers the controls of the kit settings tab toggle. */ protected function register_toggle_controls() { $this->add_control( 'visibility', array( 'label' => esc_html__( 'Visibility', 'bella-beauty' ), 'description' => esc_html__( 'This setting will be applied after save and reload.', 'bella-beauty' ), 'type' => Controls_Manager::SWITCHER, 'label_off' => esc_html__( 'Hide', 'bella-beauty' ), 'label_on' => esc_html__( 'Show', 'bella-beauty' ), 'default' => 'no', ) ); $this->add_control( 'container_heading_control', array( 'label' => __( 'Container', 'bella-beauty' ), 'type' => Controls_Manager::HEADING, 'condition' => array( $this->get_control_id_parameter( '', 'visibility' ) => 'yes', ), ) ); $this->add_var_group_control( '', self::VAR_BACKGROUND, array( 'condition' => array( $this->get_control_id_parameter( '', 'visibility' ) => 'yes', ), ) ); $this->add_responsive_control( 'entrance_animation', array( 'label' => esc_html__( 'Entrance Animation', 'bella-beauty' ), 'type' => Controls_Manager::SELECT, 'label_block' => true, 'options' => array( 'fade-out' => esc_html__( 'Fade In', 'bella-beauty' ), 'fade-out-down' => esc_html__( 'Fade In Down', 'bella-beauty' ), 'fade-out-right' => esc_html__( 'Fade In Right', 'bella-beauty' ), 'fade-out-up' => esc_html__( 'Fade In Up', 'bella-beauty' ), 'fade-out-left' => esc_html__( 'Fade In Left', 'bella-beauty' ), 'zoom-out' => esc_html__( 'Zoom In', 'bella-beauty' ), 'slide-out-down' => esc_html__( 'Slide In Down', 'bella-beauty' ), 'slide-out-right' => esc_html__( 'Slide In Right', 'bella-beauty' ), 'slide-out-up' => esc_html__( 'Slide In Up', 'bella-beauty' ), 'slide-out-left' => esc_html__( 'Slide In Left', 'bella-beauty' ), ), 'selectors' => array( ':root' => '--' . $this->get_control_prefix_parameter( '', 'entrance_animation' ) . ': cmsmasters-page-preloader-transition-{{VALUE}};', ), 'condition' => array( $this->get_control_id_parameter( '', 'visibility' ) => 'yes', ), ) ); $this->add_responsive_control( 'exit_animation', array( 'label' => esc_html__( 'Exit Animation', 'bella-beauty' ), 'type' => Controls_Manager::SELECT, 'label_block' => true, 'options' => array( 'fade-in' => esc_html__( 'Fade Out', 'bella-beauty' ), 'fade-in-down' => esc_html__( 'Fade Out Down', 'bella-beauty' ), 'fade-in-right' => esc_html__( 'Fade Out Right', 'bella-beauty' ), 'fade-in-up' => esc_html__( 'Fade Out Up', 'bella-beauty' ), 'fade-in-left' => esc_html__( 'Fade Out Left', 'bella-beauty' ), 'zoom-in' => esc_html__( 'Zoom Out', 'bella-beauty' ), 'slide-in-down' => esc_html__( 'Slide Out Down', 'bella-beauty' ), 'slide-in-right' => esc_html__( 'Slide Out Right', 'bella-beauty' ), 'slide-in-up' => esc_html__( 'Slide Out Up', 'bella-beauty' ), 'slide-in-left' => esc_html__( 'Slide Out Left', 'bella-beauty' ), ), 'selectors' => array( ':root' => '--' . $this->get_control_prefix_parameter( '', 'exit_animation' ) . ': cmsmasters-page-preloader-transition-{{VALUE}};', ), 'condition' => array( $this->get_control_id_parameter( '', 'visibility' ) => 'yes', ), ) ); $this->add_control( 'animation_duration', array( 'label' => esc_html__( 'Animation Duration', 'bella-beauty' ) . ' (ms)', 'type' => Controls_Manager::SLIDER, 'range' => array( 'px' => array( 'min' => 0, 'max' => 5000, 'step' => 50, ), ), 'selectors' => array( ':root' => '--' . $this->get_control_prefix_parameter( '', 'animation_duration' ) . ': {{SIZE}}ms;', ), 'condition' => array( $this->get_control_id_parameter( '', 'visibility' ) => 'yes', ), ) ); $this->add_control( 'preloader_divider_control', array( 'type' => Controls_Manager::DIVIDER, 'style' => 'thick', 'condition' => array( $this->get_control_id_parameter( '', 'visibility' ) => 'yes', ), ) ); $this->add_control( 'preloader_heading_control', array( 'label' => __( 'Preloader', 'bella-beauty' ), 'type' => Controls_Manager::HEADING, 'condition' => array( $this->get_control_id_parameter( '', 'visibility' ) => 'yes', ), ) ); $this->add_control( 'preloader_type', array( 'label' => esc_html__( 'Type', 'bella-beauty' ), 'description' => esc_html__( 'This setting will be applied after save and reload.', 'bella-beauty' ), 'type' => Controls_Manager::SELECT, 'options' => array( 'none' => esc_html__( 'None', 'bella-beauty' ), 'animation' => esc_html__( 'Animation', 'bella-beauty' ), 'icon' => esc_html__( 'Icon', 'bella-beauty' ), 'image' => esc_html__( 'Image', 'bella-beauty' ), ), 'condition' => array( $this->get_control_id_parameter( '', 'visibility' ) => 'yes', ), ) ); $this->add_control( 'preloader_icon', array( 'label' => esc_html__( 'Icon', 'bella-beauty' ), 'description' => esc_html__( 'This setting will be applied after save and reload.', 'bella-beauty' ), 'type' => Controls_Manager::ICONS, 'default' => array( 'value' => 'fas fa-spinner', 'library' => 'fa-solid', ), 'condition' => array( $this->get_control_id_parameter( '', 'visibility' ) => 'yes', $this->get_control_id_parameter( '', 'preloader_type' ) => 'icon', ), ) ); $this->add_control( 'preloader_image', array( 'label' => esc_html__( 'Image', 'bella-beauty' ), 'description' => esc_html__( 'This setting will be applied after save and reload.', 'bella-beauty' ), 'type' => Controls_Manager::MEDIA, 'condition' => array( $this->get_control_id_parameter( '', 'visibility' ) => 'yes', $this->get_control_id_parameter( '', 'preloader_type' ) => 'image', ), ) ); $this->add_control( 'preloader_animation_type', array( 'label' => esc_html__( 'Animation', 'bella-beauty' ), 'description' => esc_html__( 'This setting will be applied after save and reload.', 'bella-beauty' ), 'type' => Controls_Manager::SELECT, 'options' => array( 'circle' => esc_html__( 'Circle', 'bella-beauty' ), 'circle-dashed' => esc_html__( 'Circle Dashed', 'bella-beauty' ), 'bouncing-dots' => esc_html__( 'Bouncing Dots', 'bella-beauty' ), 'pulsing-dots' => esc_html__( 'Pulsing Dots', 'bella-beauty' ), 'pulse' => esc_html__( 'Pulse', 'bella-beauty' ), 'overlap' => esc_html__( 'Overlap', 'bella-beauty' ), 'spinners' => esc_html__( 'Spinners', 'bella-beauty' ), 'nested-spinners' => esc_html__( 'Nested Spinners', 'bella-beauty' ), 'opposing-nested-spinners' => esc_html__( 'Opposing Nested Spinners', 'bella-beauty' ), 'opposing-nested-rings' => esc_html__( 'Opposing Nested Rings', 'bella-beauty' ), 'progress-bar' => esc_html__( 'Progress Bar', 'bella-beauty' ), 'two-way-progress-bar' => esc_html__( 'Two Way Progress Bar', 'bella-beauty' ), 'repeating-bar' => esc_html__( 'Repeating Bar', 'bella-beauty' ), ), 'condition' => array( $this->get_control_id_parameter( '', 'visibility' ) => 'yes', $this->get_control_id_parameter( '', 'preloader_type' ) => 'animation', ), ) ); $this->add_control( 'preloader_animation', array( 'label' => esc_html__( 'Animation', 'bella-beauty' ), 'type' => Controls_Manager::SELECT, 'default' => '', 'options' => array( '' => esc_html__( 'None', 'bella-beauty' ), 'eicon-spin' => esc_html__( 'Spinning', 'bella-beauty' ), 'bounce' => esc_html__( 'Bounce', 'bella-beauty' ), 'flash' => esc_html__( 'Flash', 'bella-beauty' ), 'pulse' => esc_html__( 'Pulse', 'bella-beauty' ), 'rubberBand' => esc_html__( 'Rubber Band', 'bella-beauty' ), 'shake' => esc_html__( 'Shake', 'bella-beauty' ), 'headShake' => esc_html__( 'Head Shake', 'bella-beauty' ), 'swing' => esc_html__( 'Swing', 'bella-beauty' ), 'tada' => esc_html__( 'Tada', 'bella-beauty' ), 'wobble' => esc_html__( 'Wobble', 'bella-beauty' ), 'jello' => esc_html__( 'Jello', 'bella-beauty' ), ), 'selectors' => array( ':root' => '--' . $this->get_control_prefix_parameter( '', 'preloader_animation' ) . ': {{VALUE}};', ), 'condition' => array( $this->get_control_id_parameter( '', 'visibility' ) => 'yes', $this->get_control_id_parameter( '', 'preloader_type' ) => array( 'icon', 'image' ), ), ) ); $this->add_control( 'preloader_animation_duration', array( 'label' => esc_html__( 'Animation Duration', 'bella-beauty' ) . ' (ms)', 'type' => Controls_Manager::SLIDER, 'range' => array( 'px' => array( 'min' => 0, 'max' => 5000, 'step' => 50, ), ), 'selectors' => array( ':root' => '--' . $this->get_control_prefix_parameter( '', 'preloader_animation_duration' ) . ': {{SIZE}}ms;', ), 'conditions' => array( 'relation' => 'and', 'terms' => array( array( 'name' => $this->get_control_id_parameter( '', 'visibility' ), 'operator' => '=', 'value' => 'yes', ), array( 'relation' => 'or', 'terms' => array( array( 'name' => $this->get_control_id_parameter( '', 'preloader_type' ), 'operator' => 'in', 'value' => array( 'image', 'icon', ), ), array( 'relation' => 'and', 'terms' => array( array( 'name' => $this->get_control_id_parameter( '', 'preloader_type' ), 'operator' => '=', 'value' => 'animation', ), array( 'name' => $this->get_control_id_parameter( '', 'preloader_animation_type' ), 'operator' => 'in', 'value' => array( 'circle', 'circle-dashed', 'bouncing-dots', 'pulsing-dots', 'spinners', 'nested-spinners', 'opposing-nested-spinners', 'opposing-nested-rings', 'progress-bar', 'two-way-progress-bar', 'repeating-bar', ), ), ), ), ), ), ), ), ) ); $this->add_control( 'preloader_color', array( 'label' => esc_html__( 'Color', 'bella-beauty' ), 'type' => Controls_Manager::COLOR, 'selectors' => array( ':root' => '--' . $this->get_control_prefix_parameter( '', 'preloader_color' ) . ': {{VALUE}};', ), 'condition' => array( $this->get_control_id_parameter( '', 'visibility' ) => 'yes', $this->get_control_id_parameter( '', 'preloader_type' ) => array( 'icon', 'animation' ), ), ) ); $this->add_responsive_control( 'preloader_size', array( 'label' => esc_html__( 'Size', 'bella-beauty' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px' ), 'range' => array( 'px' => array( 'min' => 0, 'max' => 300, 'step' => 1, ), ), 'selectors' => array( ':root' => '--' . $this->get_control_prefix_parameter( '', 'preloader_size' ) . ': {{SIZE}}{{UNIT}};', ), 'condition' => array( $this->get_control_id_parameter( '', 'visibility' ) => 'yes', $this->get_control_id_parameter( '', 'preloader_type' ) => array( 'icon', 'animation' ), ), ) ); $this->add_responsive_control( 'preloader_rotate', array( 'label' => esc_html__( 'Rotate', 'bella-beauty' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'deg', 'grad', 'rad', 'turn' ), 'selectors' => array( ':root' => '--' . $this->get_control_prefix_parameter( '', 'preloader_rotate' ) . ': {{SIZE}}{{UNIT}};', ), 'condition' => array( $this->get_control_id_parameter( '', 'visibility' ) => 'yes', $this->get_control_id_parameter( '', 'preloader_type' ) => 'icon', $this->get_control_id_parameter( '', 'preloader_animation' ) . '!' => array( 'eicon-spin', 'bounce', 'pulse', 'rubberBand', 'shake', 'headShake', 'swing', 'tada', 'wobble', 'jello', ), ), ) ); $this->add_responsive_control( 'preloader_width', array( 'label' => esc_html__( 'Width', 'bella-beauty' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', '%', 'em', 'rem', 'vw', 'custom' ), 'range' => array( '%' => array( 'min' => 1, 'max' => 100, ), 'px' => array( 'min' => 1, 'max' => 1000, ), 'vw' => array( 'min' => 1, 'max' => 100, ), ), 'selectors' => array( ':root' => '--' . $this->get_control_prefix_parameter( '', 'preloader_width' ) . ': {{SIZE}}{{UNIT}};', ), 'condition' => array( $this->get_control_id_parameter( '', 'visibility' ) => 'yes', $this->get_control_id_parameter( '', 'preloader_type' ) => 'image', ), ) ); $this->add_responsive_control( 'preloader_max_width', array( 'label' => esc_html__( 'Max Width', 'bella-beauty' ), 'type' => Controls_Manager::SLIDER, 'size_units' => array( 'px', '%', 'em', 'rem', 'vw', 'custom' ), 'range' => array( '%' => array( 'min' => 1, 'max' => 100, ), 'px' => array( 'min' => 1, 'max' => 1000, ), 'vw' => array( 'min' => 1, 'max' => 100, ), ), 'selectors' => array( ':root' => '--' . $this->get_control_prefix_parameter( '', 'preloader_max_width' ) . ': {{SIZE}}{{UNIT}};', ), 'condition' => array( $this->get_control_id_parameter( '', 'visibility' ) => 'yes', $this->get_control_id_parameter( '', 'preloader_type' ) => 'image', ), ) ); $this->add_responsive_control( 'preloader_opacity', array( 'label' => esc_html__( 'Opacity', 'bella-beauty' ), 'type' => Controls_Manager::SLIDER, 'range' => array( 'px' => array( 'min' => 0, 'max' => 1, 'step' => .1, ), ), 'selectors' => array( ':root' => '--' . $this->get_control_prefix_parameter( '', 'preloader_opacity' ) . ': {{SIZE}};', ), 'condition' => array( $this->get_control_id_parameter( '', 'visibility' ) => 'yes', $this->get_control_id_parameter( '', 'preloader_type' ) => 'image', ), ) ); $this->add_control( 'apply_settings', array( 'label_block' => true, 'show_label' => false, 'type' => Controls_Manager::BUTTON, 'text' => esc_html__( 'Save & Reload', 'bella-beauty' ), 'event' => 'cmsmasters:theme_settings:apply_settings', 'separator' => 'before', ) ); } }
💾 Save
❌ Cancel