dir = dirname(__FILE__) . '/'; // get current module's url $this->url = \ElementsKit::plugin_url() . 'modules/parallax/'; // enqueue scripts add_action('wp_head', [$this, 'inline_script']); // Register frontend scripts add_action('elementor/frontend/before_register_scripts', [$this, 'register_frontend_scripts']); // include all necessary files $this->include_files(); // calling the section parallax class new \Elementor\ElementsKit_Section_Effect_Controls(); new \Elementor\ElementsKit_Widget_Effect_Controls(); // add attributes to elements add_action('elementor/frontend/before_render', [$this, 'add_attributes_to_elements']); } public function include_files(){ include $this->dir . 'section-controls.php'; include $this->dir . 'widget-controls.php'; } public function inline_script() { echo ''; } /** * Check if Elementor's assets loader exists * @return bool */ private function is_assets_loader_exist() { return ! ! \Elementor\Plugin::$instance->assets_loader; } /** * Get assets configuration * @return array */ private function get_assets_config() { return [ 'styles' => [ 'elementskit-parallax' => [ 'src' => $this->url . 'assets/css/style.css', 'version' => \ElementsKit::version(), 'dependencies' => [], ], ], 'scripts' => [ 'jarallax' => [ 'src' => $this->url . 'assets/js/jarallax.js', 'version' => \ElementsKit::version(), 'dependencies' => [], 'in_footer' => true, ], 'elementskit-parallax-frontend' => [ 'src' => $this->url . 'assets/js/parallax-frontend.js', 'version' => \ElementsKit::version(), 'dependencies' => ['animejs'], 'in_footer' => true, ], 'elementskit-parallax-admin' => [ 'src' => $this->url . 'assets/js/parallax-admin.js', 'version' => \ElementsKit::version(), 'dependencies' => ['elementor-frontend'], 'in_footer' => true, ], ], ]; } /** * Register frontend scripts and styles */ public function register_frontend_scripts() { $assets = $this->get_assets_config(); // Register styles if (!empty($assets['styles'])) { foreach ($assets['styles'] as $handle => $style) { wp_register_style( $handle, $style['src'], $style['dependencies'] ?? [], $style['version'] ?? \ElementsKit::version(), $style['media'] ?? 'all' ); } } // Register scripts if (!empty($assets['scripts'])) { foreach ($assets['scripts'] as $handle => $script) { $args = []; // Handle in_footer parameter if (isset($script['in_footer'])) { $args['in_footer'] = $script['in_footer']; } wp_register_script( $handle, $script['src'], $script['dependencies'] ?? [], $script['version'] ?? \ElementsKit::version(), $args ); } } // Add to Elementor's assets loader if available if ( $this->is_assets_loader_exist() && $assets ) { \Elementor\Plugin::$instance->assets_loader->add_assets($assets); } } public function add_attributes_to_elements($element) { $settings = $element->get_settings(); extract($settings); $data_settings = []; if (!empty($ekit_section_parallax_multi) && !empty($ekit_section_parallax_multi_items)) { $data_settings['ekit_section_parallax_multi'] = $ekit_section_parallax_multi; $data_settings['ekit_section_parallax_multi_items'] = $ekit_section_parallax_multi_items; } if (!empty($ekit_section_parallax_bg) && 'yes' === $ekit_section_parallax_bg) { $data_settings['ekit_section_parallax_bg'] = $ekit_section_parallax_bg; $data_settings['ekit_section_parallax_bg_speed'] = $ekit_section_parallax_bg_speed; $data_settings['elementor_lazy_load'] = get_option( 'elementor_lazy_load_background_images', '1' ); } if (!empty($data_settings)) { $element->add_render_attribute( '_wrapper', [ 'data-ekitparallax' => wp_json_encode($data_settings) ] ); } } }