';
- echo 'Display: ';
- $this->column_display_location_rules( $locations );
- echo '
';
- }
-
- $locations = get_post_meta( $post_id, 'ehf_target_exclude_locations', true );
- if ( ! empty( $locations ) ) {
- echo '';
- echo 'Exclusion: ';
- $this->column_display_location_rules( $locations );
- echo '
';
- }
-
- $users = get_post_meta( $post_id, 'ehf_target_user_roles', true );
- if ( isset( $users ) && is_array( $users ) ) {
- if ( isset( $users[0] ) && ! empty( $users[0] ) ) {
- $user_label = [];
- foreach ( $users as $user ) {
- $user_label[] = Astra_Target_Rules_Fields::get_user_by_key( $user );
- }
- echo '';
- echo 'Users: ';
- echo esc_html( join( ', ', $user_label ) );
- echo '
';
- }
- }
- }
- }
-
- /**
- * Get Markup of Location rules for Display rule column.
- *
- * @param array $locations Array of locations.
- * @return void
- */
- public function column_display_location_rules( $locations ) {
-
- $location_label = [];
- if ( is_array( $locations ) && is_array( $locations['rule'] ) && isset( $locations['rule'] ) ) {
- $index = array_search( 'specifics', $locations['rule'] );
- if ( false !== $index && ! empty( $index ) ) {
- unset( $locations['rule'][ $index ] );
- }
- }
-
- if ( isset( $locations['rule'] ) && is_array( $locations['rule'] ) ) {
- foreach ( $locations['rule'] as $location ) {
- $location_label[] = Astra_Target_Rules_Fields::get_location_by_key( $location );
- }
- }
- if ( isset( $locations['specific'] ) && is_array( $locations['specific'] ) ) {
- foreach ( $locations['specific'] as $location ) {
- $location_label[] = Astra_Target_Rules_Fields::get_location_by_key( $location );
- }
- }
-
- echo esc_html( join( ', ', $location_label ) );
- }
-
-
- /**
- * Register Post type for Elementor Header & Footer Builder templates
- *
- * @return void
- */
- public function header_footer_posttype() {
- if ( ! current_user_can( 'manage_options' ) ) {
- return;
- }
- $labels = [
- 'name' => esc_html__( 'Elementor Header & Footer Builder', 'header-footer-elementor' ),
- 'singular_name' => esc_html__( 'Elementor Header & Footer Builder', 'header-footer-elementor' ),
- 'menu_name' => esc_html__( 'Elementor Header & Footer Builder', 'header-footer-elementor' ),
- 'name_admin_bar' => esc_html__( 'Elementor Header & Footer Builder', 'header-footer-elementor' ),
- 'add_new' => esc_html__( 'Add New', 'header-footer-elementor' ),
- 'add_new_item' => esc_html__( 'Add New Header or Footer', 'header-footer-elementor' ),
- 'new_item' => esc_html__( 'New Template', 'header-footer-elementor' ),
- 'edit_item' => esc_html__( 'Edit Template', 'header-footer-elementor' ),
- 'view_item' => esc_html__( 'View Template', 'header-footer-elementor' ),
- 'all_items' => esc_html__( 'All Templates', 'header-footer-elementor' ),
- 'search_items' => esc_html__( 'Search Templates', 'header-footer-elementor' ),
- 'parent_item_colon' => esc_html__( 'Parent Templates:', 'header-footer-elementor' ),
- 'not_found' => esc_html__( 'No Templates found.', 'header-footer-elementor' ),
- 'not_found_in_trash' => esc_html__( 'No Templates found in Trash.', 'header-footer-elementor' ),
- ];
-
- $args = [
- 'labels' => $labels,
- 'public' => true,
- 'show_ui' => true,
- 'show_in_menu' => false,
- 'show_in_nav_menus' => false,
- 'exclude_from_search' => true,
- 'capability_type' => 'post',
- 'hierarchical' => false,
- 'menu_icon' => 'dashicons-editor-kitchensink',
- 'supports' => [ 'title', 'thumbnail', 'elementor' ],
- ];
-
- register_post_type( 'elementor-hf', $args );
- }
-
- /**
- * Register the admin menu for Elementor Header & Footer Builder.
- *
- * @since 1.0.0
- * @since 1.0.1
- * Moved the menu under Appearance -> Elementor Header & Footer Builder
- * @return void
- */
- public function register_admin_menu() {
- add_submenu_page(
- 'themes.php',
- __( 'Elementor Header & Footer Builder', 'header-footer-elementor' ),
- __( 'Elementor Header & Footer Builder', 'header-footer-elementor' ),
- 'edit_pages',
- 'edit.php?post_type=elementor-hf'
- );
- }
-
- /**
- * Register meta box(es).
- *
- * @return void
- */
- public function ehf_register_metabox() {
- add_meta_box(
- 'ehf-meta-box',
- __( 'Elementor Header & Footer Builder Options', 'header-footer-elementor' ),
- [
- $this,
- 'efh_metabox_render',
- ],
- 'elementor-hf',
- 'normal',
- 'high'
- );
- }
-
- /**
- * Render Meta field.
- *
- * @param array $post Currennt post object which is being displayed.
- * @return void
- */
- public function efh_metabox_render( $post ) {
- $values = get_post_custom( $post->ID );
- $template_type = isset( $values['ehf_template_type'] ) ? esc_attr( sanitize_text_field( $values['ehf_template_type'][0] ) ) : '';
- $display_on_canvas = isset( $values['display-on-canvas-template'] ) ? true : false;
-
- // We'll use this nonce field later on when saving.
- wp_nonce_field( 'ehf_meta_nounce', 'ehf_meta_nounce' );
- ?>
- | - - | -- - | -
| - - - - | -- - - - | -
| - - - | -- /> - | -
'; - echo esc_html( $message ); - echo '
';
+ echo 'Display: ';
+ $this->column_display_location_rules($locations);
+ echo '
';
+ }
+
+ $locations = get_post_meta($post_id, 'ehf_target_exclude_locations', true);
+ if (! empty($locations)) {
+ echo '';
+ echo 'Exclusion: ';
+ $this->column_display_location_rules($locations);
+ echo '
';
+ }
+
+ $users = get_post_meta($post_id, 'ehf_target_user_roles', true);
+ if (isset($users) && is_array($users)) {
+ if (isset($users[0]) && ! empty($users[0])) {
+ $user_label = [];
+ foreach ($users as $user) {
+ $user_label[] = Astra_Target_Rules_Fields::get_user_by_key($user);
+ }
+ echo '';
+ echo 'Users: ';
+ echo esc_html(join(', ', $user_label));
+ echo '
';
+ }
+ }
+ }
+ }
+
+ /**
+ * Get Markup of Location rules for Display rule column.
+ *
+ * @param array $locations Array of locations.
+ */
+ public function column_display_location_rules(array $locations): void
+ {
+ $location_label = [];
+ if (is_array($locations) && is_array($locations['rule']) && isset($locations['rule'])) {
+ $index = array_search('specifics', $locations['rule']);
+ if ($index !== false && ! empty($index)) {
+ unset($locations['rule'][$index]);
+ }
+ }
+
+ if (isset($locations['rule']) && is_array($locations['rule'])) {
+ foreach ($locations['rule'] as $location) {
+ $location_label[] = Astra_Target_Rules_Fields::get_location_by_key($location);
+ }
+ }
+ if (isset($locations['specific']) && is_array($locations['specific'])) {
+ foreach ($locations['specific'] as $location) {
+ $location_label[] = Astra_Target_Rules_Fields::get_location_by_key($location);
+ }
+ }
+
+ echo esc_html(join(', ', $location_label));
+ }
+
+ /**
+ * Register Post type for Elementor Header & Footer Builder templates
+ */
+ public function header_footer_posttype(): void
+ {
+ if (! current_user_can('manage_options')) {
+ return;
+ }
+ $labels = [
+ 'name' => esc_html__('Elementor Header & Footer Builder', 'header-footer-elementor'),
+ 'singular_name' => esc_html__('Elementor Header & Footer Builder', 'header-footer-elementor'),
+ 'menu_name' => esc_html__('Elementor Header & Footer Builder', 'header-footer-elementor'),
+ 'name_admin_bar' => esc_html__('Elementor Header & Footer Builder', 'header-footer-elementor'),
+ 'add_new' => esc_html__('Add New', 'header-footer-elementor'),
+ 'add_new_item' => esc_html__('Add New Header or Footer', 'header-footer-elementor'),
+ 'new_item' => esc_html__('New Template', 'header-footer-elementor'),
+ 'edit_item' => esc_html__('Edit Template', 'header-footer-elementor'),
+ 'view_item' => esc_html__('View Template', 'header-footer-elementor'),
+ 'all_items' => esc_html__('All Templates', 'header-footer-elementor'),
+ 'search_items' => esc_html__('Search Templates', 'header-footer-elementor'),
+ 'parent_item_colon' => esc_html__('Parent Templates:', 'header-footer-elementor'),
+ 'not_found' => esc_html__('No Templates found.', 'header-footer-elementor'),
+ 'not_found_in_trash' => esc_html__('No Templates found in Trash.', 'header-footer-elementor'),
+ ];
+
+ $args = [
+ 'labels' => $labels,
+ 'public' => true,
+ 'show_ui' => true,
+ 'show_in_menu' => false,
+ 'show_in_nav_menus' => false,
+ 'exclude_from_search' => true,
+ 'capability_type' => 'post',
+ 'hierarchical' => false,
+ 'menu_icon' => 'dashicons-editor-kitchensink',
+ 'supports' => [ 'title', 'thumbnail', 'elementor' ],
+ ];
+
+ register_post_type('elementor-hf', $args);
+ }
+
+ /**
+ * Register the admin menu for Elementor Header & Footer Builder.
+ *
+ * @since 1.0.0
+ * @since 1.0.1
+ * Moved the menu under Appearance -> Elementor Header & Footer Builder
+ */
+ public function register_admin_menu(): void
+ {
+ add_submenu_page(
+ 'themes.php',
+ __('Elementor Header & Footer Builder', 'header-footer-elementor'),
+ __('Elementor Header & Footer Builder', 'header-footer-elementor'),
+ 'edit_pages',
+ 'edit.php?post_type=elementor-hf'
+ );
+ }
+
+ /**
+ * Register meta box(es).
+ */
+ public function ehf_register_metabox(): void
+ {
+ add_meta_box(
+ 'ehf-meta-box',
+ __('Elementor Header & Footer Builder Options', 'header-footer-elementor'),
+ [
+ $this,
+ 'efh_metabox_render',
+ ],
+ 'elementor-hf',
+ 'normal',
+ 'high'
+ );
+ }
+
+ /**
+ * Render Meta field.
+ *
+ * @param array $post Currennt post object which is being displayed.
+ */
+ public function efh_metabox_render(array $post): void
+ {
+ $values = get_post_custom($post->ID);
+ $template_type = isset($values['ehf_template_type']) ? esc_attr(sanitize_text_field($values['ehf_template_type'][0])) : '';
+ $display_on_canvas = isset($values['display-on-canvas-template']) ? true : false;
+
+ // We'll use this nonce field later on when saving.
+ wp_nonce_field('ehf_meta_nounce', 'ehf_meta_nounce');
+ ?>
+ | + + | ++ + | +
| + + + + | ++ + + + | +
| + + + | ++ /> + | +
'; + echo esc_html($message); + echo '
+class Header_Footer_Elementor
+{
+ /**
+ * Current theme template
+ */
+ public string $template;
+
+ /**
+ * Instance of Elemenntor Frontend class.
+ *
+ * @var object \Elementor\Frontend()
+ */
+ private static object $elementor_instance;
+
+ /**
+ * Instance of HFE_Admin
+ */
+ private static Header_Footer_Elementor $_instance = null;
+ /**
+ * Constructor
+ */
+ public function __construct()
+ {
+ $this->template = get_template();
+
+ $is_elementor_callable = defined('ELEMENTOR_VERSION') && is_callable('Elementor\Plugin::instance') ? true : false;
+
+ $required_elementor_version = '3.5.0';
+
+ $is_elementor_outdated = $is_elementor_callable && (! version_compare(ELEMENTOR_VERSION, $required_elementor_version, '>=')) ? true : false;
+
+ if (! $is_elementor_callable || $is_elementor_outdated) {
+ $this->elementor_not_available($is_elementor_callable, $is_elementor_outdated);
+ }
+
+ if ($is_elementor_callable) {
+ self::$elementor_instance = Elementor\Plugin::instance();
+
+ $this->includes();
+ $this->load_textdomain();
+
+ add_action('init', [ $this, 'setup_settings_page' ]);
+
+ if ($this->template === 'genesis') {
+ require HFE_DIR . 'themes/genesis/class-hfe-genesis-compat.php';
+ } elseif ($this->template === 'astra') {
+ require HFE_DIR . 'themes/astra/class-hfe-astra-compat.php';
+ } elseif ($this->template === 'bb-theme' || $this->template === 'beaver-builder-theme') {
+ $this->template = 'beaver-builder-theme';
+ require HFE_DIR . 'themes/bb-theme/class-hfe-bb-theme-compat.php';
+ } elseif ($this->template === 'generatepress') {
+ require HFE_DIR . 'themes/generatepress/class-hfe-generatepress-compat.php';
+ } elseif ($this->template === 'oceanwp') {
+ require HFE_DIR . 'themes/oceanwp/class-hfe-oceanwp-compat.php';
+ } elseif ($this->template === 'storefront') {
+ require HFE_DIR . 'themes/storefront/class-hfe-storefront-compat.php';
+ } elseif ($this->template === 'hello-elementor') {
+ require HFE_DIR . 'themes/hello-elementor/class-hfe-hello-elementor-compat.php';
+ } else {
+ add_filter('hfe_settings_tabs', [ $this, 'setup_unsupported_theme' ]);
+ add_action('init', [ $this, 'setup_fallback_support' ]);
+ }
+
+ if (get_option('hfe_plugin_is_activated') === 'yes') {
+ add_action('admin_init', [ $this, 'show_setup_wizard' ]);
+ }
+
+ // Scripts and styles.
+ add_action('wp_enqueue_scripts', [ $this, 'enqueue_scripts' ]);
+
+ add_action('admin_enqueue_scripts', [ $this, 'enqueue_admin_scripts' ]);
+
+ add_filter('body_class', [ $this, 'body_class' ]);
+ add_action('switch_theme', [ $this, 'reset_unsupported_theme_notice' ]);
+
+ add_shortcode('hfe_template', [ $this, 'render_template' ]);
+
+ add_action('astra_notice_before_markup_header-footer-elementor-rating', [ $this, 'rating_notice_css' ]);
+ add_action('admin_init', [ $this, 'register_notices' ]);
+
+ // BSF Analytics Tracker.
+ if (! class_exists('BSF_Analytics_Loader')) {
+ require_once HFE_DIR . 'admin/bsf-analytics/class-bsf-analytics-loader.php';
+ }
+
+ $bsf_analytics = BSF_Analytics_Loader::get_instance();
+
+ $bsf_analytics->set_entity(
+ [
+ 'bsf' => [
+ 'product_name' => 'Elementor Header & Footer builder',
+ 'path' => HFE_DIR . 'admin/bsf-analytics',
+ 'author' => 'Brainstorm Force',
+ 'time_to_display' => '+24 hours',
+ ],
+ ]
+ );
+ }
+ }
+
+ /**
+ * Instance of Header_Footer_Elementor
+ *
+ * @return Header_Footer_Elementor Instance of Header_Footer_Elementor
+ */
+ public static function instance(): Header_Footer_Elementor
+ {
+ if (! isset(self::$_instance)) {
+ self::$_instance = new self();
+ }
+
+ return self::$_instance;
+ }
+
+ /**
+ * Reset the Unsupported theme nnotice after a theme is switched.
+ *
+ * @since 1.0.16
+ */
+ public function reset_unsupported_theme_notice(): void
+ {
+ delete_user_meta(get_current_user_id(), 'unsupported-theme');
+ }
+
+ /**
+ * Register Astra Notices.
+ *
+ * @since 1.2.0
+ */
+ public function register_notices(): void
+ {
+ $image_path = HFE_URL . 'assets/images/header-footer-elementor-icon.svg';
+
+ Astra_Notices::add_notice(
+ [
+ 'id' => 'header-footer-elementor-rating',
+ 'type' => '',
+ 'message' => sprintf(
+ '
',
- $image_path,
- __( 'Hello! Seems like you have used Elementor Header & Footer Builder to build this website — Thanks a ton!', 'header-footer-elementor' ),
- __( 'Could you please do us a BIG favor and give it a 5-star rating on WordPress? This would boost our motivation and help other users make a comfortable decision while choosing the Elementor Header & Footer Builder.', 'header-footer-elementor' ),
- 'https://wordpress.org/support/plugin/header-footer-elementor/reviews/?filter=5#new-post',
- __( 'Ok, you deserve it', 'header-footer-elementor' ),
- MONTH_IN_SECONDS,
- __( 'Nope, maybe later', 'header-footer-elementor' ),
- __( 'I already did', 'header-footer-elementor' )
- ),
- 'show_if' => ( hfe_header_enabled() || hfe_footer_enabled() || hfe_is_before_footer_enabled() ) ? true : false,
- 'repeat-notice-after' => MONTH_IN_SECONDS,
- 'display-notice-after' => 1296000, // Display notice after 15 days.
- 'priority' => 18,
- 'display-with-other-notices' => false,
- ]
- );
- }
-
- /**
- * Enqueue CSS for the Rating Notice.
- *
- * @since 1.2.0
- * @return void
- */
- public function rating_notice_css() {
- wp_enqueue_style( 'hfe-admin-style', HFE_URL . 'assets/css/admin-header-footer-elementor.css', [], HFE_VER );
- }
-
- /**
- * Prints the admin notics when Elementor is not installed or activated or version outdated.
- *
- * @since 1.5.9
- * @param boolean $is_elementor_callable specifies if elementor is available.
- * @param boolean $is_elementor_outdated specifies if elementor version is old.
- * @return void
- */
- public function elementor_not_available( $is_elementor_callable, $is_elementor_outdated ) {
-
- if ( ( ! did_action( 'elementor/loaded' ) ) || ( ! $is_elementor_callable ) ) {
- add_action( 'admin_notices', [ $this, 'elementor_not_installed_activated' ] );
- add_action( 'network_admin_notices', [ $this, 'elementor_not_installed_activated' ] );
- return;
- }
-
- if ( $is_elementor_outdated ) {
- add_action( 'admin_notices', [ $this, 'elementor_outdated' ] );
- add_action( 'network_admin_notices', [ $this, 'elementor_outdated' ] );
- return;
- }
- }
-
- /**
- * Prints the admin notics when Elementor is not installed or activated.
- *
- * @return void
- */
- public function elementor_not_installed_activated() {
-
- $screen = get_current_screen();
- if ( isset( $screen->parent_file ) && 'plugins.php' === $screen->parent_file && 'update' === $screen->id ) {
- return;
- }
-
- if ( ! did_action( 'elementor/loaded' ) ) {
- // Check user capability.
- if ( ! ( current_user_can( 'activate_plugins' ) && current_user_can( 'install_plugins' ) ) ) {
- return;
- }
-
- /* TO DO */
- $class = 'notice notice-error';
- /* translators: %s: html tags */
- $message = sprintf( __( 'The %1$sElementor Header & Footer Builder%2$s plugin requires %1$sElementor%2$s plugin installed & activated.', 'header-footer-elementor' ), '', '' );
-
- $plugin = 'elementor/elementor.php';
-
- if ( _is_elementor_installed() ) {
-
- $action_url = wp_nonce_url( 'plugins.php?action=activate&plugin=' . $plugin . '&plugin_status=all&paged=1&s', 'activate-plugin_' . $plugin );
- $button_label = __( 'Activate Elementor', 'header-footer-elementor' );
-
- } else {
-
- $action_url = wp_nonce_url( self_admin_url( 'update.php?action=install-plugin&plugin=elementor' ), 'install-plugin_elementor' );
- $button_label = __( 'Install Elementor', 'header-footer-elementor' );
- }
-
- $button = '', esc_attr( $class ), wp_kses_post( $message ), wp_kses_post( $button ) );
- }
- }
-
- /**
- * Prints the admin notics when Elementor version is outdated.
- *
- * @return void
- */
- public function elementor_outdated() {
-
- // Check user capability.
- if ( ! ( current_user_can( 'activate_plugins' ) && current_user_can( 'install_plugins' ) ) ) {
- return;
- }
-
- /* TO DO */
- $class = 'notice notice-error';
- /* translators: %s: html tags */
- $message = sprintf( __( 'The %1$sElementor Header & Footer Builder%2$s plugin has stopped working because you are using an older version of %1$sElementor%2$s plugin.', 'header-footer-elementor' ), '', '' );
-
- $plugin = 'elementor/elementor.php';
-
- if ( file_exists( WP_PLUGIN_DIR . '/elementor/elementor.php' ) ) {
-
- $action_url = wp_nonce_url( self_admin_url( 'update.php?action=upgrade-plugin&plugin=' ) . $plugin . '&', 'upgrade-plugin_' . $plugin );
- $button_label = __( 'Update Elementor', 'header-footer-elementor' );
-
- } else {
-
- $action_url = wp_nonce_url( self_admin_url( 'update.php?action=install-plugin&plugin=elementor' ), 'install-plugin_elementor' );
- $button_label = __( 'Install Elementor', 'header-footer-elementor' );
- }
-
- $button = '', esc_attr( $class ), wp_kses_post( $message ), wp_kses_post( $button ) );
- }
-
- /**
- * Prints the admin notics when Elementor is not installed or activated.
- *
- * @return void
- */
- public function show_setup_wizard() {
-
- $screen = get_current_screen();
- $screen_id = $screen ? $screen->id : '';
-
- if ( 'plugins' !== $screen_id ) {
- return;
- }
-
- /* TO DO */
- $class = 'notice notice-info is-dismissible';
- $setting_url = admin_url( 'edit.php?post_type=elementor-hf' );
- $image_path = HFE_URL . 'assets/images/header-footer-elementor-icon.svg';
-
- /* translators: %s: html tags */
- $notice_message = sprintf( __( 'Thank you for installing %1$s Elementor Header & Footer Builder %2$s Plugin! Click here to %3$sget started. %4$s', 'header-footer-elementor' ), '', '', '', '' );
-
- Astra_Notices::add_notice(
- [
- 'id' => 'header-footer-install-notice',
- 'type' => 'info',
- /* translators: %s: html tags */
- 'message' => sprintf(
- '
+ $image_path,
+ __('Hello! Seems like you have used Elementor Header & Footer Builder to build this website — Thanks a ton!', 'header-footer-elementor'),
+ __('Could you please do us a BIG favor and give it a 5-star rating on WordPress? This would boost our motivation and help other users make a comfortable decision while choosing the Elementor Header & Footer Builder.', 'header-footer-elementor'),
+ 'https://wordpress.org/support/plugin/header-footer-elementor/reviews/?filter=5#new-post',
+ __('Ok, you deserve it', 'header-footer-elementor'),
+ MONTH_IN_SECONDS,
+ __('Nope, maybe later', 'header-footer-elementor'),
+ __('I already did', 'header-footer-elementor')
+ ),
+ 'show_if' => hfe_header_enabled() || hfe_footer_enabled() || hfe_is_before_footer_enabled() ? true : false,
+ 'repeat-notice-after' => MONTH_IN_SECONDS,
+ 'display-notice-after' => 1296000, // Display notice after 15 days.
+ 'priority' => 18,
+ 'display-with-other-notices' => false,
+ ]
+ );
+ }
+
+ /**
+ * Enqueue CSS for the Rating Notice.
+ *
+ * @since 1.2.0
+ */
+ public function rating_notice_css(): void
+ {
+ wp_enqueue_style('hfe-admin-style', HFE_URL . 'assets/css/admin-header-footer-elementor.css', [], HFE_VER);
+ }
+
+ /**
+ * Prints the admin notics when Elementor is not installed or activated or version outdated.
+ *
+ * @since 1.5.9
+ *
+ * @param bool $is_elementor_callable specifies if elementor is available.
+ * @param bool $is_elementor_outdated specifies if elementor version is old.
+ */
+ public function elementor_not_available(bool $is_elementor_callable, bool $is_elementor_outdated): void
+ {
+ if ((! did_action('elementor/loaded')) || (! $is_elementor_callable)) {
+ add_action('admin_notices', [ $this, 'elementor_not_installed_activated' ]);
+ add_action('network_admin_notices', [ $this, 'elementor_not_installed_activated' ]);
+ return;
+ }
+
+ if ($is_elementor_outdated) {
+ add_action('admin_notices', [ $this, 'elementor_outdated' ]);
+ add_action('network_admin_notices', [ $this, 'elementor_outdated' ]);
+ return;
+ }
+ }
+
+ /**
+ * Prints the admin notics when Elementor is not installed or activated.
+ */
+ public function elementor_not_installed_activated(): void
+ {
+ $screen = get_current_screen();
+ if (isset($screen->parent_file) && $screen->parent_file === 'plugins.php' && $screen->id === 'update') {
+ return;
+ }
+
+ if (! did_action('elementor/loaded')) {
+ // Check user capability.
+ if (! (current_user_can('activate_plugins') && current_user_can('install_plugins'))) {
+ return;
+ }
+
+ /* TO DO */
+ $class = 'notice notice-error';
+ /* translators: %s: html tags */
+ $message = sprintf(__('The %1$sElementor Header & Footer Builder%2$s plugin requires %1$sElementor%2$s plugin installed & activated.', 'header-footer-elementor'), '', '');
+
+ $plugin = 'elementor/elementor.php';
+
+ if (_is_elementor_installed()) {
+ $action_url = wp_nonce_url('plugins.php?action=activate&plugin=' . $plugin . '&plugin_status=all&paged=1&s', 'activate-plugin_' . $plugin);
+ $button_label = __('Activate Elementor', 'header-footer-elementor');
+ } else {
+ $action_url = wp_nonce_url(self_admin_url('update.php?action=install-plugin&plugin=elementor'), 'install-plugin_elementor');
+ $button_label = __('Install Elementor', 'header-footer-elementor');
+ }
+
+ $button = '', esc_attr($class), wp_kses_post($message), wp_kses_post($button));
+ }
+ }
+
+ /**
+ * Prints the admin notics when Elementor version is outdated.
+ */
+ public function elementor_outdated(): void
+ {
+ // Check user capability.
+ if (! (current_user_can('activate_plugins') && current_user_can('install_plugins'))) {
+ return;
+ }
+
+ /* TO DO */
+ $class = 'notice notice-error';
+ /* translators: %s: html tags */
+ $message = sprintf(__('The %1$sElementor Header & Footer Builder%2$s plugin has stopped working because you are using an older version of %1$sElementor%2$s plugin.', 'header-footer-elementor'), '', '');
+
+ $plugin = 'elementor/elementor.php';
+
+ if (file_exists(WP_PLUGIN_DIR . '/elementor/elementor.php')) {
+ $action_url = wp_nonce_url(self_admin_url('update.php?action=upgrade-plugin&plugin=') . $plugin . '&', 'upgrade-plugin_' . $plugin);
+ $button_label = __('Update Elementor', 'header-footer-elementor');
+ } else {
+ $action_url = wp_nonce_url(self_admin_url('update.php?action=install-plugin&plugin=elementor'), 'install-plugin_elementor');
+ $button_label = __('Install Elementor', 'header-footer-elementor');
+ }
+
+ $button = '', esc_attr($class), wp_kses_post($message), wp_kses_post($button));
+ }
+
+ /**
+ * Prints the admin notics when Elementor is not installed or activated.
+ */
+ public function show_setup_wizard(): void
+ {
+ $screen = get_current_screen();
+ $screen_id = $screen ? $screen->id : '';
+
+ if ($screen_id !== 'plugins') {
+ return;
+ }
+
+ /* TO DO */
+ $class = 'notice notice-info is-dismissible';
+ $setting_url = admin_url('edit.php?post_type=elementor-hf');
+ $image_path = HFE_URL . 'assets/images/header-footer-elementor-icon.svg';
+
+ /* translators: %s: html tags */
+ $notice_message = sprintf(__('Thank you for installing %1$s Elementor Header & Footer Builder %2$s Plugin! Click here to %3$sget started. %4$s', 'header-footer-elementor'), '', '', '', '');
+
+ Astra_Notices::add_notice(
+ [
+ 'id' => 'header-footer-install-notice',
+ 'type' => 'info',
+ /* translators: %s: html tags */
+ 'message' => sprintf(
+ '
',
- $image_path,
- $notice_message
- ),
- 'repeat-notice-after' => false,
- 'priority' => 18,
- 'display-with-other-notices' => false,
- ]
- );
- }
-
- /**
- * Loads the globally required files for the plugin.
- *
- * @return void
- */
- public function includes() {
- require_once HFE_DIR . 'admin/class-hfe-admin.php';
-
- require_once HFE_DIR . 'inc/hfe-functions.php';
-
- // Load Elementor Canvas Compatibility.
- require_once HFE_DIR . 'inc/class-hfe-elementor-canvas-compat.php';
-
- // Load WPML & Polylang Compatibility if WPML is installed and activated.
- if ( defined( 'ICL_SITEPRESS_VERSION' ) || defined( 'POLYLANG_BASENAME' ) ) {
- require_once HFE_DIR . 'inc/compatibility/class-hfe-wpml-compatibility.php';
- }
-
- // Load the Admin Notice Class.
- require_once HFE_DIR . 'inc/lib/astra-notices/class-astra-notices.php';
-
- // Load Target rules.
- require_once HFE_DIR . 'inc/lib/target-rule/class-astra-target-rules-fields.php';
- // Setup upgrade routines.
- require_once HFE_DIR . 'inc/class-hfe-update.php';
-
- // Load the widgets.
- require HFE_DIR . 'inc/widgets-manager/class-widgets-loader.php';
- }
-
- /**
- * Loads textdomain for the plugin.
- *
- * @return void
- */
- public function load_textdomain() {
- load_plugin_textdomain( 'header-footer-elementor' );
- }
-
- /**
- * Enqueue styles and scripts.
- *
- * @return void
- */
- public function enqueue_scripts() {
- wp_enqueue_style( 'hfe-style', HFE_URL . 'assets/css/header-footer-elementor.css', [], HFE_VER );
-
- if ( class_exists( '\Elementor\Plugin' ) ) {
- $elementor = \Elementor\Plugin::instance();
- $elementor->frontend->enqueue_styles();
- }
-
- if ( class_exists( '\ElementorPro\Plugin' ) ) {
- $elementor_pro = \ElementorPro\Plugin::instance();
- $elementor_pro->enqueue_styles();
- }
-
- if ( hfe_header_enabled() ) {
- if ( class_exists( '\Elementor\Core\Files\CSS\Post' ) ) {
- $css_file = new \Elementor\Core\Files\CSS\Post( get_hfe_header_id() );
- } elseif ( class_exists( '\Elementor\Post_CSS_File' ) ) {
- $css_file = new \Elementor\Post_CSS_File( get_hfe_header_id() );
- }
-
- $css_file->enqueue();
- }
-
- if ( hfe_footer_enabled() ) {
- if ( class_exists( '\Elementor\Core\Files\CSS\Post' ) ) {
- $css_file = new \Elementor\Core\Files\CSS\Post( get_hfe_footer_id() );
- } elseif ( class_exists( '\Elementor\Post_CSS_File' ) ) {
- $css_file = new \Elementor\Post_CSS_File( get_hfe_footer_id() );
- }
-
- $css_file->enqueue();
- }
-
- if ( hfe_is_before_footer_enabled() ) {
- if ( class_exists( '\Elementor\Core\Files\CSS\Post' ) ) {
- $css_file = new \Elementor\Core\Files\CSS\Post( hfe_get_before_footer_id() );
- } elseif ( class_exists( '\Elementor\Post_CSS_File' ) ) {
- $css_file = new \Elementor\Post_CSS_File( hfe_get_before_footer_id() );
- }
- $css_file->enqueue();
- }
- }
-
- /**
- * Load admin styles on header footer elementor edit screen.
- *
- * @return void
- */
- public function enqueue_admin_scripts() {
- global $pagenow;
- $screen = get_current_screen();
-
- if ( ( 'elementor-hf' == $screen->id && ( 'post.php' == $pagenow || 'post-new.php' == $pagenow ) ) || ( 'edit.php' == $pagenow && 'edit-elementor-hf' == $screen->id ) ) {
-
- wp_enqueue_style( 'hfe-admin-style', HFE_URL . 'admin/assets/css/ehf-admin.css', [], HFE_VER );
- wp_enqueue_script( 'hfe-admin-script', HFE_URL . 'admin/assets/js/ehf-admin.js', [ 'jquery', 'updates' ], HFE_VER, true );
-
- }
- }
-
- /**
- * Adds classes to the body tag conditionally.
- *
- * @param array $classes array with class names for the body tag.
- *
- * @return array array with class names for the body tag.
- */
- public function body_class( $classes ) {
- if ( hfe_header_enabled() ) {
- $classes[] = 'ehf-header';
- }
-
- if ( hfe_footer_enabled() ) {
- $classes[] = 'ehf-footer';
- }
-
- $classes[] = 'ehf-template-' . $this->template;
- $classes[] = 'ehf-stylesheet-' . get_stylesheet();
-
- return $classes;
- }
-
- /**
- * Display Settings Page options
- *
- * @since 1.6.0
- * @return void
- */
- public function setup_settings_page() {
-
- require_once HFE_DIR . 'inc/class-hfe-settings-page.php';
- }
-
- /**
- * Display Unsupported theme notice if the current theme does add support for 'header-footer-elementor'
- *
- * @param array $hfe_settings_tabs settings array tabs.
- * @since 1.0.3
- * @return array
- */
- public function setup_unsupported_theme( $hfe_settings_tabs = [] ) {
- if ( ! current_theme_supports( 'header-footer-elementor' ) ) {
- $hfe_settings_tabs['hfe_settings'] = [
- 'name' => __( 'Theme Support', 'header-footer-elementor' ),
- 'url' => admin_url( 'themes.php?page=hfe-settings' ),
- ];
- }
- return $hfe_settings_tabs;
- }
-
- /**
- * Add support for theme if the current theme does add support for 'header-footer-elementor'
- *
- * @since 1.6.1
- * @return void
- */
- public function setup_fallback_support() {
-
- if ( ! current_theme_supports( 'header-footer-elementor' ) ) {
- $hfe_compatibility_option = get_option( 'hfe_compatibility_option', '1' );
-
- if ( '1' === $hfe_compatibility_option ) {
- if ( ! class_exists( 'HFE_Default_Compat' ) ) {
- require_once HFE_DIR . 'themes/default/class-hfe-default-compat.php';
- }
- } elseif ( '2' === $hfe_compatibility_option ) {
- require HFE_DIR . 'themes/default/class-global-theme-compatibility.php';
- }
- }
- }
-
- /**
- * Prints the Header content.
- *
- * @return void
- */
- public static function get_header_content() {
- $header_content = self::$elementor_instance->frontend->get_builder_content_for_display( get_hfe_header_id() );
- echo $header_content; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
- }
-
- /**
- * Prints the Footer content.
- *
- * @return void
- */
- public static function get_footer_content() {
- echo "';
- }
-
- /**
- * Prints the Before Footer content.
- *
- * @return void
- */
- public static function get_before_footer_content() {
- echo "';
- }
-
- /**
- * Get option for the plugin settings
- *
- * @param string $setting Option name.
- * @param string $default Default value to be received if the option value is not stored in the option.
- *
- * @return mixed | string
- */
- public static function get_settings( $setting = '', $default = '' ) {
- if ( 'type_header' == $setting || 'type_footer' == $setting || 'type_before_footer' == $setting ) {
- $templates = self::get_template_id( $setting );
-
- $template = ! is_array( $templates ) ? $templates : $templates[0];
-
- $template = apply_filters( "hfe_get_settings_{$setting}", $template );
-
- return $template;
- }
- }
-
- /**
- * Get header or footer template id based on the meta query.
- *
- * @param String $type Type of the template header/footer.
- *
- * @return Mixed Returns the header or footer template id if found, else returns string ''.
- */
- public static function get_template_id( $type ) {
- $option = [
- 'location' => 'ehf_target_include_locations',
- 'exclusion' => 'ehf_target_exclude_locations',
- 'users' => 'ehf_target_user_roles',
- ];
-
- $hfe_templates = Astra_Target_Rules_Fields::get_instance()->get_posts_by_conditions( 'elementor-hf', $option );
-
- foreach ( $hfe_templates as $template ) {
- if ( get_post_meta( absint( $template['id'] ), 'ehf_template_type', true ) === $type ) {
- if ( function_exists( 'pll_current_language' ) ) {
- if ( pll_current_language( 'slug' ) == pll_get_post_language( $template['id'], 'slug' ) ) {
- return $template['id'];
- }
- } else {
- return $template['id'];
- }
- }
- }
-
- return '';
- }
-
- /**
- * Callback to shortcode.
- *
- * @param array $atts attributes for shortcode.
- * @return string
- */
- public function render_template( $atts ) {
- $atts = shortcode_atts(
- [
- 'id' => '',
- ],
- $atts,
- 'hfe_template'
- );
-
- $id = ! empty( $atts['id'] ) ? apply_filters( 'hfe_render_template_id', intval( $atts['id'] ) ) : '';
-
- if ( empty( $id ) ) {
- return '';
- }
-
- if ( class_exists( '\Elementor\Core\Files\CSS\Post' ) ) {
- $css_file = new \Elementor\Core\Files\CSS\Post( $id );
- } elseif ( class_exists( '\Elementor\Post_CSS_File' ) ) {
- // Load elementor styles.
- $css_file = new \Elementor\Post_CSS_File( $id );
- }
- $css_file->enqueue();
-
- return self::$elementor_instance->frontend->get_builder_content_for_display( $id );
- }
+ $image_path,
+ $notice_message
+ ),
+ 'repeat-notice-after' => false,
+ 'priority' => 18,
+ 'display-with-other-notices' => false,
+ ]
+ );
+ }
+
+ /**
+ * Loads the globally required files for the plugin.
+ */
+ public function includes(): void
+ {
+ require_once HFE_DIR . 'admin/class-hfe-admin.php';
+
+ require_once HFE_DIR . 'inc/hfe-functions.php';
+
+ // Load Elementor Canvas Compatibility.
+ require_once HFE_DIR . 'inc/class-hfe-elementor-canvas-compat.php';
+
+ // Load WPML & Polylang Compatibility if WPML is installed and activated.
+ if (defined('ICL_SITEPRESS_VERSION') || defined('POLYLANG_BASENAME')) {
+ require_once HFE_DIR . 'inc/compatibility/class-hfe-wpml-compatibility.php';
+ }
+
+ // Load the Admin Notice Class.
+ require_once HFE_DIR . 'inc/lib/astra-notices/class-astra-notices.php';
+
+ // Load Target rules.
+ require_once HFE_DIR . 'inc/lib/target-rule/class-astra-target-rules-fields.php';
+ // Setup upgrade routines.
+ require_once HFE_DIR . 'inc/class-hfe-update.php';
+
+ // Load the widgets.
+ require HFE_DIR . 'inc/widgets-manager/class-widgets-loader.php';
+ }
+
+ /**
+ * Loads textdomain for the plugin.
+ */
+ public function load_textdomain(): void
+ {
+ load_plugin_textdomain('header-footer-elementor');
+ }
+
+ /**
+ * Enqueue styles and scripts.
+ */
+ public function enqueue_scripts(): void
+ {
+ wp_enqueue_style('hfe-style', HFE_URL . 'assets/css/header-footer-elementor.css', [], HFE_VER);
+
+ if (class_exists('\Elementor\Plugin')) {
+ $elementor = \Elementor\Plugin::instance();
+ $elementor->frontend->enqueue_styles();
+ }
+
+ if (class_exists('\ElementorPro\Plugin')) {
+ $elementor_pro = \ElementorPro\Plugin::instance();
+ $elementor_pro->enqueue_styles();
+ }
+
+ if (hfe_header_enabled()) {
+ if (class_exists('\Elementor\Core\Files\CSS\Post')) {
+ $css_file = new \Elementor\Core\Files\CSS\Post(get_hfe_header_id());
+ } elseif (class_exists('\Elementor\Post_CSS_File')) {
+ $css_file = new \Elementor\Post_CSS_File(get_hfe_header_id());
+ }
+
+ $css_file->enqueue();
+ }
+
+ if (hfe_footer_enabled()) {
+ if (class_exists('\Elementor\Core\Files\CSS\Post')) {
+ $css_file = new \Elementor\Core\Files\CSS\Post(get_hfe_footer_id());
+ } elseif (class_exists('\Elementor\Post_CSS_File')) {
+ $css_file = new \Elementor\Post_CSS_File(get_hfe_footer_id());
+ }
+
+ $css_file->enqueue();
+ }
+
+ if (hfe_is_before_footer_enabled()) {
+ if (class_exists('\Elementor\Core\Files\CSS\Post')) {
+ $css_file = new \Elementor\Core\Files\CSS\Post(hfe_get_before_footer_id());
+ } elseif (class_exists('\Elementor\Post_CSS_File')) {
+ $css_file = new \Elementor\Post_CSS_File(hfe_get_before_footer_id());
+ }
+ $css_file->enqueue();
+ }
+ }
+
+ /**
+ * Load admin styles on header footer elementor edit screen.
+ */
+ public function enqueue_admin_scripts(): void
+ {
+ global $pagenow;
+ $screen = get_current_screen();
+
+ if (($screen->id === 'elementor-hf' && ($pagenow === 'post.php' || $pagenow === 'post-new.php')) || ($pagenow === 'edit.php' && $screen->id === 'edit-elementor-hf')) {
+ wp_enqueue_style('hfe-admin-style', HFE_URL . 'admin/assets/css/ehf-admin.css', [], HFE_VER);
+ wp_enqueue_script('hfe-admin-script', HFE_URL . 'admin/assets/js/ehf-admin.js', [ 'jquery', 'updates' ], HFE_VER, true);
+ }
+ }
+
+ /**
+ * Adds classes to the body tag conditionally.
+ *
+ * @param array $classes array with class names for the body tag.
+ *
+ * @return array array with class names for the body tag.
+ */
+ public function body_class(array $classes): array
+ {
+ if (hfe_header_enabled()) {
+ $classes[] = 'ehf-header';
+ }
+
+ if (hfe_footer_enabled()) {
+ $classes[] = 'ehf-footer';
+ }
+
+ $classes[] = 'ehf-template-' . $this->template;
+ $classes[] = 'ehf-stylesheet-' . get_stylesheet();
+
+ return $classes;
+ }
+
+ /**
+ * Display Settings Page options
+ *
+ * @since 1.6.0
+ */
+ public function setup_settings_page(): void
+ {
+ require_once HFE_DIR . 'inc/class-hfe-settings-page.php';
+ }
+
+ /**
+ * Display Unsupported theme notice if the current theme does add support for 'header-footer-elementor'
+ *
+ * @param array $hfe_settings_tabs settings array tabs.
+ *
+ * @since 1.0.3
+ */
+ public function setup_unsupported_theme(array $hfe_settings_tabs = []): array
+ {
+ if (! current_theme_supports('header-footer-elementor')) {
+ $hfe_settings_tabs['hfe_settings'] = [
+ 'name' => __('Theme Support', 'header-footer-elementor'),
+ 'url' => admin_url('themes.php?page=hfe-settings'),
+ ];
+ }
+ return $hfe_settings_tabs;
+ }
+
+ /**
+ * Add support for theme if the current theme does add support for 'header-footer-elementor'
+ *
+ * @since 1.6.1
+ */
+ public function setup_fallback_support(): void
+ {
+ if (! current_theme_supports('header-footer-elementor')) {
+ $hfe_compatibility_option = get_option('hfe_compatibility_option', '1');
+
+ if ($hfe_compatibility_option === '1') {
+ if (! class_exists('HFE_Default_Compat')) {
+ require_once HFE_DIR . 'themes/default/class-hfe-default-compat.php';
+ }
+ } elseif ($hfe_compatibility_option === '2') {
+ require HFE_DIR . 'themes/default/class-global-theme-compatibility.php';
+ }
+ }
+ }
+
+ /**
+ * Prints the Header content.
+ */
+ public static function get_header_content(): void
+ {
+ $header_content = self::$elementor_instance->frontend->get_builder_content_for_display(get_hfe_header_id());
+ echo $header_content; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
+ }
+
+ /**
+ * Prints the Footer content.
+ */
+ public static function get_footer_content(): void
+ {
+ echo "';
+ }
+
+ /**
+ * Prints the Before Footer content.
+ */
+ public static function get_before_footer_content(): void
+ {
+ echo "';
+ }
+
+ /**
+ * Get option for the plugin settings
+ *
+ * @param string $setting Option name.
+ * @param string $default Default value to be received if the option value is not stored in the option.
+ */
+ public static function get_settings(string $setting = '', string $default = ''): mixed
+ {
+ if ($setting === 'type_header' || $setting === 'type_footer' || $setting === 'type_before_footer') {
+ $templates = self::get_template_id($setting);
+
+ $template = ! is_array($templates) ? $templates : $templates[0];
+
+ return apply_filters("hfe_get_settings_{$setting}", $template);
+ }
+ }
+
+ /**
+ * Get header or footer template id based on the meta query.
+ *
+ * @param String $type Type of the template header/footer.
+ *
+ * @return Mixed Returns the header or footer template id if found, else returns string ''.
+ */
+ public static function get_template_id(string $type): mixed
+ {
+ $option = [
+ 'location' => 'ehf_target_include_locations',
+ 'exclusion' => 'ehf_target_exclude_locations',
+ 'users' => 'ehf_target_user_roles',
+ ];
+
+ $hfe_templates = Astra_Target_Rules_Fields::get_instance()->get_posts_by_conditions('elementor-hf', $option);
+
+ foreach ($hfe_templates as $template) {
+ if (get_post_meta(absint($template['id']), 'ehf_template_type', true) === $type) {
+ if (function_exists('pll_current_language')) {
+ if (pll_current_language('slug') === pll_get_post_language($template['id'], 'slug')) {
+ return $template['id'];
+ }
+ } else {
+ return $template['id'];
+ }
+ }
+ }
+
+ return '';
+ }
+
+ /**
+ * Callback to shortcode.
+ *
+ * @param array $atts attributes for shortcode.
+ */
+ public function render_template(array $atts): string
+ {
+ $atts = shortcode_atts(
+ [
+ 'id' => '',
+ ],
+ $atts,
+ 'hfe_template'
+ );
+
+ $id = ! empty($atts['id']) ? apply_filters('hfe_render_template_id', intval($atts['id'])) : '';
+
+ if (empty($id)) {
+ return '';
+ }
+
+ if (class_exists('\Elementor\Core\Files\CSS\Post')) {
+ $css_file = new \Elementor\Core\Files\CSS\Post($id);
+ } elseif (class_exists('\Elementor\Post_CSS_File')) {
+ // Load elementor styles.
+ $css_file = new \Elementor\Post_CSS_File($id);
+ }
+ $css_file->enqueue();
+
+ return self::$elementor_instance->frontend->get_builder_content_for_display($id);
+ }
}
/**
* Is elementor plugin installed.
*/
-if ( ! function_exists( '_is_elementor_installed' ) ) {
-
- /**
- * Check if Elementor is installed
- *
- * @since 1.6.0
- *
- * @access public
- * @return bool
- */
- function _is_elementor_installed() {
- return ( file_exists( WP_PLUGIN_DIR . '/elementor/elementor.php' ) ) ? true : false;
- }
+if (! function_exists('_is_elementor_installed')) {
+ /**
+ * Check if Elementor is installed
+ *
+ * @since 1.6.0
+ *
+ * @access public
+ */
+ function _is_elementor_installed(): bool
+ {
+ return file_exists(WP_PLUGIN_DIR . '/elementor/elementor.php') ? true : false;
+ }
}
diff --git a/inc/class-hfe-elementor-canvas-compat.php b/inc/class-hfe-elementor-canvas-compat.php
index 3a06dd59a..d8aeee812 100644
--- a/inc/class-hfe-elementor-canvas-compat.php
+++ b/inc/class-hfe-elementor-canvas-compat.php
@@ -1,4 +1,7 @@
=' ) ) {
- add_action( 'elementor/page_templates/canvas/before_content', [ $this, 'render_header' ] );
- } else {
- add_action( 'wp_head', [ $this, 'render_header' ] );
- }
- }
-
- if ( hfe_footer_enabled() ) {
-
- // Action `elementor/page_templates/canvas/after_content` is introduced in Elementor Version 1.9.0.
- if ( version_compare( ELEMENTOR_VERSION, '1.9.0', '>=' ) ) {
- add_action( 'elementor/page_templates/canvas/after_content', [ $this, 'render_footer' ] );
- } else {
- add_action( 'wp_footer', [ $this, 'render_footer' ] );
- }
- }
-
- if ( hfe_is_before_footer_enabled() ) {
-
- // check if current page template is Elemenntor Canvas.
- if ( 'elementor_canvas' == get_page_template_slug() ) {
- $override_cannvas_template = get_post_meta( hfe_get_before_footer_id(), 'display-on-canvas-template', true );
-
- if ( '1' == $override_cannvas_template ) {
- add_action( 'elementor/page_templates/canvas/after_content', 'hfe_render_before_footer', 9 );
- }
- }
- }
- }
-
- /**
- * Render the header if display template on elementor canvas is enabled
- * and current template is Elementor Canvas
- *
- * @return void
- */
- public function render_header() {
-
- // bail if current page template is not Elemenntor Canvas.
- if ( 'elementor_canvas' !== get_page_template_slug() ) {
- return;
- }
-
- $override_cannvas_template = get_post_meta( get_hfe_header_id(), 'display-on-canvas-template', true );
-
- if ( '1' == $override_cannvas_template ) {
- hfe_render_header();
- }
- }
-
- /**
- * Render the footer if display template on elementor canvas is enabled
- * and current template is Elementor Canvas
- *
- * @return void
- */
- public function render_footer() {
-
- // bail if current page template is not Elemenntor Canvas.
- if ( 'elementor_canvas' !== get_page_template_slug() ) {
- return;
- }
-
- $override_cannvas_template = get_post_meta( get_hfe_footer_id(), 'display-on-canvas-template', true );
-
- if ( '1' == $override_cannvas_template ) {
- hfe_render_footer();
- }
- }
+class HFE_Elementor_Canvas_Compat
+{
+ /**
+ * Instance of HFE_Elementor_Canvas_Compat.
+ */
+ private static HFE_Elementor_Canvas_Compat $instance;
+
+ /**
+ * Initiator
+ */
+ public static function instance(): HFE_Elementor_Canvas_Compat
+ {
+ if (! isset(self::$instance)) {
+ self::$instance = new HFE_Elementor_Canvas_Compat();
+
+ add_action('wp', [ self::$instance, 'hooks' ]);
+ }
+
+ return self::$instance;
+ }
+
+ /**
+ * Run all the Actions / Filters.
+ */
+ public function hooks(): void
+ {
+ if (hfe_header_enabled()) {
+ // Action `elementor/page_templates/canvas/before_content` is introduced in Elementor Version 1.4.1.
+ if (version_compare(ELEMENTOR_VERSION, '1.4.1', '>=')) {
+ add_action('elementor/page_templates/canvas/before_content', [ $this, 'render_header' ]);
+ } else {
+ add_action('wp_head', [ $this, 'render_header' ]);
+ }
+ }
+
+ if (hfe_footer_enabled()) {
+ // Action `elementor/page_templates/canvas/after_content` is introduced in Elementor Version 1.9.0.
+ if (version_compare(ELEMENTOR_VERSION, '1.9.0', '>=')) {
+ add_action('elementor/page_templates/canvas/after_content', [ $this, 'render_footer' ]);
+ } else {
+ add_action('wp_footer', [ $this, 'render_footer' ]);
+ }
+ }
+
+ if (hfe_is_before_footer_enabled()) {
+ // check if current page template is Elemenntor Canvas.
+ if (get_page_template_slug() === 'elementor_canvas') {
+ $override_cannvas_template = get_post_meta(hfe_get_before_footer_id(), 'display-on-canvas-template', true);
+
+ if ($override_cannvas_template === '1') {
+ add_action('elementor/page_templates/canvas/after_content', 'hfe_render_before_footer', 9);
+ }
+ }
+ }
+ }
+
+ /**
+ * Render the header if display template on elementor canvas is enabled
+ * and current template is Elementor Canvas
+ */
+ public function render_header(): void
+ {
+ // bail if current page template is not Elemenntor Canvas.
+ if (get_page_template_slug() !== 'elementor_canvas') {
+ return;
+ }
+
+ $override_cannvas_template = get_post_meta(get_hfe_header_id(), 'display-on-canvas-template', true);
+
+ if ($override_cannvas_template === '1') {
+ hfe_render_header();
+ }
+ }
+
+ /**
+ * Render the footer if display template on elementor canvas is enabled
+ * and current template is Elementor Canvas
+ */
+ public function render_footer(): void
+ {
+ // bail if current page template is not Elemenntor Canvas.
+ if (get_page_template_slug() !== 'elementor_canvas') {
+ return;
+ }
+
+ $override_cannvas_template = get_post_meta(get_hfe_footer_id(), 'display-on-canvas-template', true);
+
+ if ($override_cannvas_template === '1') {
+ hfe_render_footer();
+ }
+ }
}
HFE_Elementor_Canvas_Compat::instance();
diff --git a/inc/class-hfe-settings-page.php b/inc/class-hfe-settings-page.php
index 589743a93..e69de29bb 100644
--- a/inc/class-hfe-settings-page.php
+++ b/inc/class-hfe-settings-page.php
@@ -1,855 +0,0 @@
- esc_html__( 'Activate', 'header-footer-elementor' ),
- 'addon_activated' => esc_html__( 'Activated', 'header-footer-elementor' ),
- 'addon_active' => esc_html__( 'Active', 'header-footer-elementor' ),
- 'addon_deactivate' => esc_html__( 'Deactivate', 'header-footer-elementor' ),
- 'addon_inactive' => esc_html__( 'Inactive', 'header-footer-elementor' ),
- 'addon_install' => esc_html__( 'Install', 'header-footer-elementor' ),
- 'theme_installed' => esc_html__( 'Theme Installed', 'header-footer-elementor' ),
- 'plugin_installed' => esc_html__( 'Plugin Installed', 'header-footer-elementor' ),
- 'addon_download' => esc_html__( 'Download', 'header-footer-elementor' ),
- 'addon_exists' => esc_html__( 'Already Exists.', 'header-footer-elementor' ),
- 'visit_site' => esc_html__( 'Visit Website', 'header-footer-elementor' ),
- 'plugin_error' => esc_html__( 'Could not install. Please download from WordPress.org and install manually.', 'header-footer-elementor' ),
- 'subscribe_success' => esc_html__( 'Your details are submitted successfully.', 'header-footer-elementor' ),
- 'subscribe_error' => esc_html__( 'Encountered an error while performing your request.', 'header-footer-elementor' ),
- 'ajax_url' => admin_url( 'admin-ajax.php' ),
- 'nonce' => wp_create_nonce( 'hfe-admin-nonce' ),
- 'popup_dismiss' => false,
- 'data_source' => 'HFE',
- ];
-
- $strings = apply_filters( 'hfe_admin_strings', $strings );
-
- wp_localize_script(
- 'hfe-admin-script',
- 'hfe_admin_data',
- $strings
- );
- }
-
- /**
- * Adds a tab in plugin submenu page.
- *
- * @since 1.6.0
- * @param string $views to add tab to current post type view.
- *
- * @return mixed
- */
- public function hfe_settings( $views ) {
-
- $this->hfe_tabs();
- $this->hfe_modal();
- return $views;
- }
-
- /**
- * Function for registering the settings api.
- *
- * @since 1.6.0
- * @return void
- */
- public function hfe_admin_init() {
- register_setting( 'hfe-plugin-options', 'hfe_compatibility_option' );
- add_settings_section( 'hfe-options', __( 'Add Theme Support', 'header-footer-elementor' ), [ $this, 'hfe_compatibility_callback' ], 'Settings' );
- add_settings_field( 'hfe-way', 'Methods to Add Theme Support', [ $this, 'hfe_compatibility_option_callback' ], 'Settings', 'hfe-options' );
-
- register_setting( 'hfe-plugin-guide', 'hfe_guide_email' );
- register_setting( 'hfe-plugin-guide', 'hfe_guide_fname' );
- }
-
- /**
- * Call back function for the ssettings api function add_settings_section
- *
- * This function can be used to add description of the settings sections
- *
- * @since 1.6.0
- * @return void
- */
- public function hfe_compatibility_callback() {
- $message = __( 'The Elementor Header & Footer Builder plugin need compatibility with your current theme to work smoothly.Following are two methods that enable theme support for the plugin.Method 1 is selected by default and that works fine almost will all themes. In case, you face any issue with the header or footer template, try choosing Method 2.', 'header-footer-elementor' );
- $allowed_html = [ 'br' => [] ];
- echo wp_kses( $message, $allowed_html );
- }
-
- /**
- * Call back function for the ssettings api function add_settings_field
- *
- * This function will contain the markup for the input feilds that we can add.
- *
- * @since 1.6.0
- * @return void
- */
- public function hfe_compatibility_option_callback() {
- $hfe_radio_button = get_option( 'hfe_compatibility_option', '1' );
- wp_enqueue_style( 'hfe-admin-style', HFE_URL . 'admin/assets/css/ehf-admin.css', [], HFE_VER );
- ?>
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
-
-
+
+
-
-
+
+ get_notice_by_id( $notice_id );
- $capability = isset( $notice['capability'] ) ? $notice['capability'] : 'manage_options';
-
- if ( ! apply_filters( 'astra_notices_user_cap_check', current_user_can( $capability ) ) ) {
- return;
- }
-
- if ( false === wp_verify_nonce( $nonce, 'astra-notices' ) ) {
- wp_send_json_error( esc_html_e( 'WordPress Nonce not validated.', 'header-footer-elementor' ) );
- }
-
- // Valid inputs?
- if ( ! empty( $notice_id ) ) {
-
- if ( ! empty( $repeat_notice_after ) ) {
- set_transient( $notice_id, true, $repeat_notice_after );
- } else {
- update_user_meta( get_current_user_id(), $notice_id, 'notice-dismissed' );
- }
-
- wp_send_json_success();
- }
-
- wp_send_json_error();
- }
-
- /**
- * Enqueue Scripts.
- *
- * @since 1.0.0
- * @return void
- */
- public function enqueue_scripts() {
- wp_register_style( 'astra-notices', self::get_url() . 'notices.css', array(), self::$version );
- wp_register_script( 'astra-notices', self::get_url() . 'notices.js', array( 'jquery' ), self::$version, true );
- wp_localize_script(
- 'astra-notices',
- 'astraNotices',
- array(
- '_notice_nonce' => wp_create_nonce( 'astra-notices' ),
- )
- );
- }
-
- /**
- * Sort the notices based on the given priority of the notice.
- * This function is called from usort()
- *
- * @since 1.5.2
- * @param array $notice_1 First notice.
- * @param array $notice_2 Second Notice.
- * @return array
- */
- public function sort_notices( $notice_1, $notice_2 ) {
- if ( ! isset( $notice_1['priority'] ) ) {
- $notice_1['priority'] = 10;
- }
- if ( ! isset( $notice_2['priority'] ) ) {
- $notice_2['priority'] = 10;
- }
-
- return $notice_1['priority'] - $notice_2['priority'];
- }
-
- /**
- * Get all registered notices.
- * Since v1.1.8 it is recommended to register the notices on
- *
- * @return array|null
- */
- private function get_notices() {
- usort( self::$notices, array( $this, 'sort_notices' ) );
-
- return self::$notices;
- }
-
- /**
- * Get notice by notice_id
- *
- * @param string $notice_id Notice id.
- *
- * @return array notice based on the notice id.
- */
- private function get_notice_by_id( $notice_id ) {
- if ( empty( $notice_id ) ) {
- return array();
- }
-
- $notices = $this->get_notices();
- $notice = wp_list_filter(
- $notices,
- array(
- 'id' => $notice_id,
- )
- );
-
- return ! empty( $notice ) ? $notice[0] : array();
- }
-
- /**
- * Display the notices in the WordPress admin.
- *
- * @since 1.0.0
- * @return void
- */
- public function show_notices() {
- $defaults = array(
- 'id' => '', // Optional, Notice ID. If empty it set `astra-notices-id-<$array-index>`.
- 'type' => 'info', // Optional, Notice type. Default `info`. Expected [info, warning, notice, error].
- 'message' => '', // Optional, Message.
- 'show_if' => true, // Optional, Show notice on custom condition. E.g. 'show_if' => if( is_admin() ) ? true, false, .
- 'repeat-notice-after' => '', // Optional, Dismiss-able notice time. It'll auto show after given time.
- 'display-notice-after' => false, // Optional, Dismiss-able notice time. It'll auto show after given time.
- 'class' => '', // Optional, Additional notice wrapper class.
- 'priority' => 10, // Priority of the notice.
- 'display-with-other-notices' => true, // Should the notice be displayed if other notices are being displayed from Astra_Notices.
- 'is_dismissible' => true,
- 'capability' => 'manage_options', // User capability - This capability is required for the current user to see this notice.
- );
-
- // Count for the notices that are rendered.
- $notices_displayed = 0;
- $notices = $this->get_notices();
-
- foreach ( $notices as $key => $notice ) {
- $notice = wp_parse_args( $notice, $defaults );
-
- // Show notices only for users with `manage_options` cap.
- if ( ! current_user_can( $notice['capability'] ) ) {
- continue;
- }
-
- $notice['id'] = self::get_notice_id( $notice, $key );
- $notice['classes'] = self::get_wrap_classes( $notice );
-
- // Notices visible after transient expire.
- if ( isset( $notice['show_if'] ) && true === $notice['show_if'] ) {
-
- // don't display the notice if it is not supposed to be displayed with other notices.
- if ( 0 !== $notices_displayed && false === $notice['display-with-other-notices'] ) {
- continue;
- }
-
- if ( self::is_expired( $notice ) ) {
-
- self::markup( $notice );
- ++$notices_displayed;
- }
- }
- }
-
- }
-
- /**
- * Render a notice.
- *
- * @since 1.0.0
- * @param array $notice Notice markup.
- * @return void
- */
- public static function markup( $notice = array() ) {
- wp_enqueue_script( 'astra-notices' );
- wp_enqueue_style( 'astra-notices' );
-
- do_action( 'astra_notice_before_markup' );
-
- do_action( "astra_notice_before_markup_{$notice['id']}" );
-
- ?>
- ';
-
- if ( isset( $item->target ) && '_blank' === $item->target && isset( $item->xfn ) && false === strpos( $item->xfn, 'noopener' ) ) {
- $rel_xfn = ' noopener';
- }
- if ( isset( $item->target ) && '_blank' === $item->target && isset( $item->xfn ) && empty( $item->xfn ) ) {
- $rel_blank = 'rel="noopener"';
- }
-
- $attributes = ! empty( $item->attr_title ) ? ' title="' . esc_attr( $item->attr_title ) . '"' : '';
- $attributes .= ! empty( $item->target ) ? ' target="' . esc_attr( $item->target ) . '"' : '';
- $attributes .= ! empty( $item->xfn ) ? ' rel="' . esc_attr( $item->xfn ) . $rel_xfn . '"' : '' . $rel_blank;
- $attributes .= ! empty( $item->url ) ? ' href="' . esc_url( $item->url ) . '"' : '';
-
- $atts = apply_filters( 'hfe_nav_menu_attrs', $attributes );
-
- $item_output = $args->has_children ? '' : '';
-
- $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
- }
-
- /**
- * Display element
- *
- * @since 1.3.0
- * @param object $element Individual Menu element.
- * @param object $children_elements Child Elements.
- * @param int $max_depth Maximum Depth.
- * @param int $depth Depth.
- * @param array $args Arguments array.
- * @param string $output Output HTML.
- * @access public
- * @return (void | null)
- */
- public function display_element( $element, &$children_elements, $max_depth, $depth, $args, &$output ) {
-
- $id_field = $this->db_fields['id'];
-
- if ( is_object( $args[0] ) ) {
- $args[0]->has_children = ! empty( $children_elements[ $element->$id_field ] );
- }
- return parent::display_element( $element, $children_elements, $max_depth, $depth, $args, $output );
- }
+class Menu_Walker extends \Walker_Nav_Menu
+{
+ /**
+ * Start element
+ *
+ * @since 1.3.0
+ *
+ * @param string $output Output HTML.
+ * @param object $item Individual Menu item.
+ * @param int $depth Depth.
+ * @param array $args Arguments array.
+ * @param int $id Menu ID.
+ *
+ * @access public
+ */
+ public function start_el(string &$output, object $item, int $depth = 0, array $args = [], int $id = 0): void
+ {
+ $indent = $depth ? str_repeat("\t", $depth) : '';
+ $args = (object) $args;
+
+ $class_names = '';
+ $value = '';
+ $rel_xfn = '';
+ $rel_blank = '';
+
+ $classes = empty($item->classes) ? [] : (array) $item->classes;
+ $submenu = $args->has_children ? ' hfe-has-submenu' : '';
+
+ if ($depth === 0) {
+ array_push($classes, 'parent');
+ }
+ $class_names = join(' ', apply_filters('nav_menu_css_class', array_filter($classes), $item, $args, $depth));
+ $class_names = ' class="' . esc_attr($class_names) . $submenu . ' hfe-creative-menu"';
+ $value = apply_filters('nav_menu_li_values', $value);
+
+ $output .= $indent . ' ';
+
+ if (isset($item->target) && $item->target === '_blank' && isset($item->xfn) && strpos($item->xfn, 'noopener') === false) {
+ $rel_xfn = ' noopener';
+ }
+ if (isset($item->target) && $item->target === '_blank' && isset($item->xfn) && empty($item->xfn)) {
+ $rel_blank = 'rel="noopener"';
+ }
+
+ $attributes = ! empty($item->attr_title) ? ' title="' . esc_attr($item->attr_title) . '"' : '';
+ $attributes .= ! empty($item->target) ? ' target="' . esc_attr($item->target) . '"' : '';
+ $attributes .= ! empty($item->xfn) ? ' rel="' . esc_attr($item->xfn) . $rel_xfn . '"' : '' . $rel_blank;
+ $attributes .= ! empty($item->url) ? ' href="' . esc_url($item->url) . '"' : '';
+
+ $atts = apply_filters('hfe_nav_menu_attrs', $attributes);
+
+ $item_output = $args->has_children ? '' : '';
+
+ $output .= apply_filters('walker_nav_menu_start_el', $item_output, $item, $depth, $args);
+ }
+
+ /**
+ * Display element
+ *
+ * @since 1.3.0
+ *
+ * @param object $element Individual Menu element.
+ * @param object $children_elements Child Elements.
+ * @param int $max_depth Maximum Depth.
+ * @param int $depth Depth.
+ * @param array $args Arguments array.
+ * @param string $output Output HTML.
+ *
+ * @access public
+ *
+ * @return (void | null)
+ */
+ public function display_element(object $element, object &$children_elements, int $max_depth, int $depth, array $args, string &$output): ?null
+ {
+ $id_field = $this->db_fields['id'];
+
+ if (is_object($args[0])) {
+ $args[0]->has_children = ! empty($children_elements[$element->$id_field]);
+ }
+ return parent::display_element($element, $children_elements, $max_depth, $depth, $args, $output);
+ }
}
diff --git a/inc/widgets-manager/widgets/class-navigation-menu.php b/inc/widgets-manager/widgets/class-navigation-menu.php
index 40adf1b45..ef08ee015 100644
--- a/inc/widgets-manager/widgets/class-navigation-menu.php
+++ b/inc/widgets-manager/widgets/class-navigation-menu.php
@@ -1,4 +1,7 @@
nav_menu_index++;
- }
-
- /**
- * Retrieve the list of available menus.
- *
- * Used to get the list of available menus.
- *
- * @since 1.3.0
- * @access private
- *
- * @return array get WordPress menus list.
- */
- private function get_available_menus() {
-
- $menus = wp_get_nav_menus();
-
- $options = [];
-
- foreach ( $menus as $menu ) {
- $options[ $menu->slug ] = $menu->name;
- }
-
- return $options;
- }
-
- /**
- * Check if the Elementor is updated.
- *
- * @since 1.3.0
- *
- * @return boolean if Elementor updated.
- */
- public static function is_elementor_updated() {
- if ( class_exists( 'Elementor\Icons_Manager' ) ) {
- return true;
- } else {
- return false;
- }
- }
-
- /**
- * Register Nav Menu controls.
- *
- * @since 1.5.7
- * @access protected
- * @return void
- */
- protected function register_controls() {
-
- $this->register_general_content_controls();
- $this->register_style_content_controls();
- $this->register_dropdown_content_controls();
- }
-
- /**
- * Register Nav Menu General Controls.
- *
- * @since 1.3.0
- * @access protected
- * @return void
- */
- protected function register_general_content_controls() {
-
- $this->start_controls_section(
- 'section_menu',
- [
- 'label' => __( 'Menu', 'header-footer-elementor' ),
- ]
- );
-
- $menus = $this->get_available_menus();
-
- if ( ! empty( $menus ) ) {
- $this->add_control(
- 'menu',
- [
- 'label' => __( 'Menu', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'options' => $menus,
- 'default' => array_keys( $menus )[0],
- 'save_default' => true,
- /* translators: %s Nav menu URL */
- 'description' => sprintf( __( 'Go to the Menus screen to manage your menus.', 'header-footer-elementor' ), admin_url( 'nav-menus.php' ) ),
- ]
- );
- } else {
- $this->add_control(
- 'menu',
- [
- 'type' => Controls_Manager::RAW_HTML,
- /* translators: %s Nav menu URL */
- 'raw' => sprintf( __( 'There are no menus in your site.
Go to the Menus screen to create one.', 'header-footer-elementor' ), admin_url( 'nav-menus.php?action=edit&menu=0' ) ), - 'content_classes' => 'elementor-panel-alert elementor-panel-alert-info', - ] - ); - } - - $this->add_control( - 'menu_last_item', - [ - 'label' => __( 'Last Menu Item', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'options' => [ - 'none' => __( 'Default', 'header-footer-elementor' ), - 'cta' => __( 'Button', 'header-footer-elementor' ), - ], - 'default' => 'none', - 'condition' => [ - 'layout!' => 'expandible', - ], - ] - ); - - $this->add_control( - 'schema_support', - [ - 'label' => __( 'Enable Schema Support', 'header-footer-elementor' ), - 'type' => Controls_Manager::SWITCHER, - 'label_on' => __( 'Yes', 'header-footer-elementor' ), - 'label_off' => __( 'No', 'header-footer-elementor' ), - 'return_value' => 'yes', - 'default' => 'no', - 'render_type' => 'template', - 'separator' => 'before', - ] - ); - - $current_theme = wp_get_theme(); - - if ( 'Twenty Twenty-One' === $current_theme->get( 'Name' ) ) { - $this->add_control( - 'hide_theme_icons', - [ - 'label' => __( 'Hide + & - Sign', 'header-footer-elementor' ), - 'type' => Controls_Manager::SWITCHER, - 'label_on' => __( 'Yes', 'header-footer-elementor' ), - 'label_off' => __( 'No', 'header-footer-elementor' ), - 'return_value' => 'yes', - 'default' => 'no', - 'prefix_class' => 'hfe-nav-menu__theme-icon-', - ] - ); - } - - $this->end_controls_section(); - - $this->start_controls_section( - 'section_layout', - [ - 'label' => __( 'Layout', 'header-footer-elementor' ), - ] - ); - - $this->add_control( - 'layout', - [ - 'label' => __( 'Layout', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'default' => 'horizontal', - 'options' => [ - 'horizontal' => __( 'Horizontal', 'header-footer-elementor' ), - 'vertical' => __( 'Vertical', 'header-footer-elementor' ), - 'expandible' => __( 'Expanded', 'header-footer-elementor' ), - 'flyout' => __( 'Flyout', 'header-footer-elementor' ), - ], - ] - ); - - $this->add_control( - 'navmenu_align', - [ - 'label' => __( 'Alignment', 'header-footer-elementor' ), - 'type' => Controls_Manager::CHOOSE, - 'options' => [ - 'left' => [ - 'title' => __( 'Left', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-left', - ], - 'center' => [ - 'title' => __( 'Center', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-center', - ], - 'right' => [ - 'title' => __( 'Right', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-right', - ], - 'justify' => [ - 'title' => __( 'Justify', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-stretch', - ], - ], - 'default' => 'left', - 'condition' => [ - 'layout' => [ 'horizontal', 'vertical' ], - ], - 'prefix_class' => 'hfe-nav-menu__align-', - ] - ); - - $this->add_control( - 'flyout_layout', - [ - 'label' => __( 'Flyout Orientation', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'default' => 'left', - 'options' => [ - 'left' => __( 'Left', 'header-footer-elementor' ), - 'right' => __( 'Right', 'header-footer-elementor' ), - ], - 'condition' => [ - 'layout' => 'flyout', - ], - ] - ); - - $this->add_control( - 'flyout_type', - [ - 'label' => __( 'Appear Effect', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'default' => 'normal', - 'label_block' => false, - 'options' => [ - 'normal' => __( 'Slide', 'header-footer-elementor' ), - 'push' => __( 'Push', 'header-footer-elementor' ), - ], - 'render_type' => 'template', - 'condition' => [ - 'layout' => 'flyout', - ], - ] - ); - - $this->add_responsive_control( - 'hamburger_align', - [ - 'label' => __( 'Hamburger Align', 'header-footer-elementor' ), - 'type' => Controls_Manager::CHOOSE, - 'default' => 'center', - 'options' => [ - 'left' => [ - 'title' => __( 'Left', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-left', - ], - 'center' => [ - 'title' => __( 'Center', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-center', - ], - 'right' => [ - 'title' => __( 'Right', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-right', - ], - ], - 'selectors_dictionary' => [ - 'left' => 'margin-right: auto', - 'center' => 'margin: 0 auto', - 'right' => 'margin-left: auto', - ], - 'selectors' => [ - '{{WRAPPER}} .hfe-nav-menu__toggle, +class Navigation_Menu extends Widget_Base +{ + /** + * Menu index. + * + * @access protected + */ + // phpcs:ignore + protected int $nav_menu_index = 1; + + /** + * Retrieve the widget name. + * + * @since 1.3.0 + * + * @access public + * + * @return string Widget name. + */ + public function get_name(): string + { + return 'navigation-menu'; + } + + /** + * Retrieve the widget title. + * + * @since 1.3.0 + * + * @access public + * + * @return string Widget title. + */ + public function get_title(): string + { + return __('Navigation Menu', 'header-footer-elementor'); + } + + /** + * Retrieve the widget icon. + * + * @since 1.3.0 + * + * @access public + * + * @return string Widget icon. + */ + public function get_icon(): string + { + return 'hfe-icon-navigation-menu'; + } + + /** + * Retrieve the list of categories the widget belongs to. + * + * Used to determine where to display the widget in the editor. + * + * Note that currently Elementor supports only one category. + * When multiple categories passed, Elementor uses the first one. + * + * @since 1.3.0 + * + * @access public + * + * @return array Widget categories. + */ + public function get_categories(): array + { + return [ 'hfe-widgets' ]; + } + + /** + * Retrieve the list of scripts the navigation menu depended on. + * + * Used to set scripts dependencies required to run the widget. + * + * @since 1.3.0 + * + * @access public + * + * @return array Widget scripts dependencies. + */ + public function get_script_depends(): array + { + return [ 'hfe-frontend-js' ]; + } + + /** + * Check if the Elementor is updated. + * + * @since 1.3.0 + * + * @return bool if Elementor updated. + */ + public static function is_elementor_updated(): bool + { + if (class_exists('Elementor\Icons_Manager')) { + return true; + } + return false; + } + + /** + * Add itemprop for Navigation Schema. + * + * @since 1.5.2 + * + * @param string $atts link attributes. + * + * @access public + */ + public function handle_link_attrs(string $atts): string + { + $atts .= ' itemprop="url"'; + return $atts; + } + + /** + * Add itemprop to the li tag of Navigation Schema. + * + * @since 1.6.0 + * + * @param string $value link attributes. + * + * @access public + */ + public function handle_li_values(string $value): string + { + $value .= ' itemprop="name"'; + return $value; + } + + /** + * Get the menu and close icon HTML. + * + * @since 1.5.2 + * + * @param array $settings Widget settings array. + * + * @access public + */ + public function get_menu_close_icon(array $settings): array + { + $menu_icon = ''; + $close_icon = ''; + $icons = []; + $icon_settings = [ + $settings['dropdown_icon'], + $settings['dropdown_close_icon'], + ]; + + foreach ($icon_settings as $icon) { + if ($this->is_elementor_updated()) { + ob_start(); + \Elementor\Icons_Manager::render_icon( + $icon, + [ + 'aria-hidden' => 'true', + 'tabindex' => '0', + ] + ); + $menu_icon = ob_get_clean(); + } else { + $menu_icon = ''; + } + + array_push($icons, $menu_icon); + } + + return $icons; + } + + /** + * Retrieve the menu index. + * + * Used to get index of nav menu. + * + * @since 1.3.0 + * + * @access protected + * + * @return int nav index. + */ + protected function get_nav_menu_index(): int + { + return $this->nav_menu_index++; + } + + /** + * Register Nav Menu controls. + * + * @since 1.5.7 + * + * @access protected + */ + protected function register_controls(): void + { + $this->register_general_content_controls(); + $this->register_style_content_controls(); + $this->register_dropdown_content_controls(); + } + + /** + * Register Nav Menu General Controls. + * + * @since 1.3.0 + * + * @access protected + */ + protected function register_general_content_controls(): void + { + $this->start_controls_section( + 'section_menu', + [ + 'label' => __('Menu', 'header-footer-elementor'), + ] + ); + + $menus = $this->get_available_menus(); + + if (! empty($menus)) { + $this->add_control( + 'menu', + [ + 'label' => __('Menu', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'options' => $menus, + 'default' => array_keys($menus)[0], + 'save_default' => true, + /* translators: %s Nav menu URL */ + 'description' => sprintf(__('Go to the Menus screen to manage your menus.', 'header-footer-elementor'), admin_url('nav-menus.php')), + ] + ); + } else { + $this->add_control( + 'menu', + [ + 'type' => Controls_Manager::RAW_HTML, + /* translators: %s Nav menu URL */ + 'raw' => sprintf(__('There are no menus in your site.
Go to the Menus screen to create one.', 'header-footer-elementor'), admin_url('nav-menus.php?action=edit&menu=0')), + 'content_classes' => 'elementor-panel-alert elementor-panel-alert-info', + ] + ); + } + + $this->add_control( + 'menu_last_item', + [ + 'label' => __('Last Menu Item', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'options' => [ + 'none' => __('Default', 'header-footer-elementor'), + 'cta' => __('Button', 'header-footer-elementor'), + ], + 'default' => 'none', + 'condition' => [ + 'layout!' => 'expandible', + ], + ] + ); + + $this->add_control( + 'schema_support', + [ + 'label' => __('Enable Schema Support', 'header-footer-elementor'), + 'type' => Controls_Manager::SWITCHER, + 'label_on' => __('Yes', 'header-footer-elementor'), + 'label_off' => __('No', 'header-footer-elementor'), + 'return_value' => 'yes', + 'default' => 'no', + 'render_type' => 'template', + 'separator' => 'before', + ] + ); + + $current_theme = wp_get_theme(); + + if ($current_theme->get('Name') === 'Twenty Twenty-One') { + $this->add_control( + 'hide_theme_icons', + [ + 'label' => __('Hide + & - Sign', 'header-footer-elementor'), + 'type' => Controls_Manager::SWITCHER, + 'label_on' => __('Yes', 'header-footer-elementor'), + 'label_off' => __('No', 'header-footer-elementor'), + 'return_value' => 'yes', + 'default' => 'no', + 'prefix_class' => 'hfe-nav-menu__theme-icon-', + ] + ); + } + + $this->end_controls_section(); + + $this->start_controls_section( + 'section_layout', + [ + 'label' => __('Layout', 'header-footer-elementor'), + ] + ); + + $this->add_control( + 'layout', + [ + 'label' => __('Layout', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'default' => 'horizontal', + 'options' => [ + 'horizontal' => __('Horizontal', 'header-footer-elementor'), + 'vertical' => __('Vertical', 'header-footer-elementor'), + 'expandible' => __('Expanded', 'header-footer-elementor'), + 'flyout' => __('Flyout', 'header-footer-elementor'), + ], + ] + ); + + $this->add_control( + 'navmenu_align', + [ + 'label' => __('Alignment', 'header-footer-elementor'), + 'type' => Controls_Manager::CHOOSE, + 'options' => [ + 'left' => [ + 'title' => __('Left', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-left', + ], + 'center' => [ + 'title' => __('Center', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-center', + ], + 'right' => [ + 'title' => __('Right', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-right', + ], + 'justify' => [ + 'title' => __('Justify', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-stretch', + ], + ], + 'default' => 'left', + 'condition' => [ + 'layout' => [ 'horizontal', 'vertical' ], + ], + 'prefix_class' => 'hfe-nav-menu__align-', + ] + ); + + $this->add_control( + 'flyout_layout', + [ + 'label' => __('Flyout Orientation', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'default' => 'left', + 'options' => [ + 'left' => __('Left', 'header-footer-elementor'), + 'right' => __('Right', 'header-footer-elementor'), + ], + 'condition' => [ + 'layout' => 'flyout', + ], + ] + ); + + $this->add_control( + 'flyout_type', + [ + 'label' => __('Appear Effect', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'default' => 'normal', + 'label_block' => false, + 'options' => [ + 'normal' => __('Slide', 'header-footer-elementor'), + 'push' => __('Push', 'header-footer-elementor'), + ], + 'render_type' => 'template', + 'condition' => [ + 'layout' => 'flyout', + ], + ] + ); + + $this->add_responsive_control( + 'hamburger_align', + [ + 'label' => __('Hamburger Align', 'header-footer-elementor'), + 'type' => Controls_Manager::CHOOSE, + 'default' => 'center', + 'options' => [ + 'left' => [ + 'title' => __('Left', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-left', + ], + 'center' => [ + 'title' => __('Center', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-center', + ], + 'right' => [ + 'title' => __('Right', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-right', + ], + ], + 'selectors_dictionary' => [ + 'left' => 'margin-right: auto', + 'center' => 'margin: 0 auto', + 'right' => 'margin-left: auto', + ], + 'selectors' => [ + '{{WRAPPER}} .hfe-nav-menu__toggle, {{WRAPPER}} .hfe-nav-menu-icon' => '{{VALUE}}', - ], - 'condition' => [ - 'layout' => [ 'expandible', 'flyout' ], - ], - 'label_block' => false, - 'frontend_available' => true, - ] - ); - - $this->add_responsive_control( - 'hamburger_menu_align', - [ - 'label' => __( 'Menu Items Align', 'header-footer-elementor' ), - 'type' => Controls_Manager::CHOOSE, - 'options' => [ - 'flex-start' => [ - 'title' => __( 'Left', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-left', - ], - 'center' => [ - 'title' => __( 'Center', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-center', - ], - 'flex-end' => [ - 'title' => __( 'Right', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-right', - ], - 'space-between' => [ - 'title' => __( 'Justify', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-stretch', - ], - ], - 'default' => 'space-between', - 'condition' => [ - 'layout' => [ 'expandible', 'flyout' ], - ], - 'selectors' => [ - '{{WRAPPER}} li.menu-item a' => 'justify-content: {{VALUE}};', - '{{WRAPPER}} li .elementor-button-wrapper' => 'text-align: {{VALUE}};', - '{{WRAPPER}}.hfe-menu-item-flex-end li .elementor-button-wrapper' => 'text-align: right;', - ], - 'prefix_class' => 'hfe-menu-item-', - 'frontend_available' => true, - ] - ); - - $this->add_control( - 'submenu_icon', - [ - 'label' => __( 'Submenu Icon', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'default' => 'arrow', - 'options' => [ - 'arrow' => __( 'Arrows', 'header-footer-elementor' ), - 'plus' => __( 'Plus Sign', 'header-footer-elementor' ), - 'classic' => __( 'Classic', 'header-footer-elementor' ), - ], - 'prefix_class' => 'hfe-submenu-icon-', - ] - ); - - $this->add_control( - 'submenu_animation', - [ - 'label' => __( 'Submenu Animation', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'default' => 'none', - 'options' => [ - 'none' => __( 'Default', 'header-footer-elementor' ), - 'slide_up' => __( 'Slide Up', 'header-footer-elementor' ), - ], - 'prefix_class' => 'hfe-submenu-animation-', - 'condition' => [ - 'layout' => 'horizontal', - ], - ] - ); - - $this->add_control( - 'link_redirect', - [ - 'label' => __( 'Action On Menu Click', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'default' => 'child', - 'description' => __( 'For Horizontal layout, this will affect on the selected breakpoint', 'header-footer-elementor' ), - 'options' => [ - 'child' => __( 'Open Submenu', 'header-footer-elementor' ), - 'self_link' => __( 'Redirect To Self Link', 'header-footer-elementor' ), - ], - 'prefix_class' => 'hfe-link-redirect-', - ] - ); - - $this->add_control( - 'heading_responsive', - [ - 'type' => Controls_Manager::HEADING, - 'label' => __( 'Responsive', 'header-footer-elementor' ), - 'separator' => 'before', - 'condition' => [ - 'layout' => [ 'horizontal', 'vertical' ], - ], - ] - ); - - $this->add_control( - 'dropdown', - [ - 'label' => __( 'Breakpoint', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'default' => 'tablet', - 'options' => [ - 'mobile' => __( 'Mobile (768px >)', 'header-footer-elementor' ), - 'tablet' => __( 'Tablet (1025px >)', 'header-footer-elementor' ), - 'none' => __( 'None', 'header-footer-elementor' ), - ], - 'prefix_class' => 'hfe-nav-menu__breakpoint-', - 'condition' => [ - 'layout' => [ 'horizontal', 'vertical' ], - ], - 'render_type' => 'template', - ] - ); - - $this->add_control( - 'resp_align', - [ - 'label' => __( 'Alignment', 'header-footer-elementor' ), - 'type' => Controls_Manager::CHOOSE, - 'options' => [ - 'left' => [ - 'title' => __( 'Left', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-left', - ], - 'center' => [ - 'title' => __( 'Center', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-center', - ], - 'right' => [ - 'title' => __( 'Right', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-right', - ], - ], - 'default' => 'center', - 'description' => __( 'This is the alignement of menu icon on selected responsive breakpoints.', 'header-footer-elementor' ), - 'condition' => [ - 'layout' => [ 'horizontal', 'vertical' ], - 'dropdown!' => 'none', - ], - 'selectors_dictionary' => [ - 'left' => 'margin-right: auto', - 'center' => 'margin: 0 auto', - 'right' => 'margin-left: auto', - ], - 'selectors' => [ - '{{WRAPPER}} .hfe-nav-menu__toggle' => '{{VALUE}}', - ], - ] - ); - - $this->add_control( - 'full_width_dropdown', - [ - 'label' => __( 'Full Width', 'header-footer-elementor' ), - 'description' => __( 'Enable this option to stretch the Sub Menu to Full Width.', 'header-footer-elementor' ), - 'type' => Controls_Manager::SWITCHER, - 'label_on' => __( 'Yes', 'header-footer-elementor' ), - 'label_off' => __( 'No', 'header-footer-elementor' ), - 'return_value' => 'yes', - 'default' => 'yes', - 'condition' => [ - 'dropdown!' => 'none', - 'layout!' => 'flyout', - ], - 'render_type' => 'template', - ] - ); - - if ( $this->is_elementor_updated() ) { - $this->add_control( - 'dropdown_icon', - [ - 'label' => __( 'Menu Icon', 'header-footer-elementor' ), - 'type' => Controls_Manager::ICONS, - 'label_block' => 'true', - 'default' => [ - 'value' => 'fas fa-align-justify', - 'library' => 'fa-solid', - ], - 'condition' => [ - 'dropdown!' => 'none', - ], - ] - ); - } else { - $this->add_control( - 'dropdown_icon', - [ - 'label' => __( 'Icon', 'header-footer-elementor' ), - 'type' => Controls_Manager::ICON, - 'label_block' => 'true', - 'default' => 'fa fa-align-justify', - 'condition' => [ - 'dropdown!' => 'none', - ], - ] - ); - } - - if ( $this->is_elementor_updated() ) { - $this->add_control( - 'dropdown_close_icon', - [ - 'label' => __( 'Close Icon', 'header-footer-elementor' ), - 'type' => Controls_Manager::ICONS, - 'label_block' => 'true', - 'default' => [ - 'value' => 'far fa-window-close', - 'library' => 'fa-regular', - ], - 'condition' => [ - 'dropdown!' => 'none', - ], - ] - ); - } else { - $this->add_control( - 'dropdown_close_icon', - [ - 'label' => __( 'Close Icon', 'header-footer-elementor' ), - 'type' => Controls_Manager::ICON, - 'label_block' => 'true', - 'default' => 'fa fa-close', - 'condition' => [ - 'dropdown!' => 'none', - ], - ] - ); - } - - $this->end_controls_section(); - } - - /** - * Register Nav Menu General Controls. - * - * @since 1.3.0 - * @access protected - * @return void - */ - protected function register_style_content_controls() { - - $this->start_controls_section( - 'section_style_main-menu', - [ - 'label' => __( 'Main Menu', 'header-footer-elementor' ), - 'tab' => Controls_Manager::TAB_STYLE, - 'condition' => [ - 'layout!' => 'expandible', - ], - ] - ); - - $this->add_responsive_control( - 'width_flyout_menu_item', - [ - 'label' => __( 'Flyout Box Width', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'range' => [ - 'px' => [ - 'max' => 500, - 'min' => 100, - ], - ], - 'default' => [ - 'size' => 300, - 'unit' => 'px', - ], - 'selectors' => [ - '{{WRAPPER}} .hfe-flyout-wrapper .hfe-side' => 'width: {{SIZE}}{{UNIT}}', - '{{WRAPPER}} .hfe-flyout-open.left' => 'left: -{{SIZE}}{{UNIT}}', - '{{WRAPPER}} .hfe-flyout-open.right' => 'right: -{{SIZE}}{{UNIT}}', - ], - 'condition' => [ - 'layout' => 'flyout', - ], - 'render_type' => 'template', - 'frontend_available' => true, - ] - ); - - $this->add_responsive_control( - 'padding_flyout_menu_item', - [ - 'label' => __( 'Flyout Box Padding', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'range' => [ - 'px' => [ - 'max' => 50, - ], - ], - 'default' => [ - 'size' => 30, - 'unit' => 'px', - ], - 'selectors' => [ - '{{WRAPPER}} .hfe-flyout-content' => 'padding: {{SIZE}}{{UNIT}}', - ], - 'condition' => [ - 'layout' => 'flyout', - ], - 'frontend_available' => true, - ] - ); - - $this->add_responsive_control( - 'padding_horizontal_menu_item', - [ - 'label' => __( 'Horizontal Padding', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'size_units' => [ 'px' ], - 'range' => [ - 'px' => [ - 'max' => 50, - ], - ], - 'default' => [ - 'size' => 15, - 'unit' => 'px', - ], - 'selectors' => [ - '{{WRAPPER}} .menu-item a.hfe-menu-item' => 'padding-left: {{SIZE}}{{UNIT}}; padding-right: {{SIZE}}{{UNIT}}', - '{{WRAPPER}} .menu-item a.hfe-sub-menu-item' => 'padding-left: calc( {{SIZE}}{{UNIT}} + 20px );padding-right: {{SIZE}}{{UNIT}};', - '{{WRAPPER}} .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item' => 'padding-left: calc( {{SIZE}}{{UNIT}} + 40px );padding-right: {{SIZE}}{{UNIT}};', - '{{WRAPPER}} .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item' => 'padding-left: calc( {{SIZE}}{{UNIT}} + 60px );padding-right: {{SIZE}}{{UNIT}};', - '{{WRAPPER}} .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item' => 'padding-left: calc( {{SIZE}}{{UNIT}} + 80px );padding-right: {{SIZE}}{{UNIT}};', - ], - 'frontend_available' => true, - ] - ); - - $this->add_responsive_control( - 'padding_vertical_menu_item', - [ - 'label' => __( 'Vertical Padding', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'size_units' => [ 'px' ], - 'range' => [ - 'px' => [ - 'max' => 50, - ], - ], - 'default' => [ - 'size' => 15, - 'unit' => 'px', - ], - 'selectors' => [ - '{{WRAPPER}} .menu-item a.hfe-menu-item, {{WRAPPER}} .menu-item a.hfe-sub-menu-item' => 'padding-top: {{SIZE}}{{UNIT}}; padding-bottom: {{SIZE}}{{UNIT}};', - ], - 'frontend_available' => true, - ] - ); - - $this->add_responsive_control( - 'menu_space_between', - [ - 'label' => __( 'Space Between', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'size_units' => [ 'px' ], - 'range' => [ - 'px' => [ - 'max' => 100, - ], - ], - 'selectors' => [ - 'body:not(.rtl) {{WRAPPER}} .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-right: {{SIZE}}{{UNIT}}', - 'body.rtl {{WRAPPER}} .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-left: {{SIZE}}{{UNIT}}', - '{{WRAPPER}} nav:not(.hfe-nav-menu__layout-horizontal) .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-bottom: {{SIZE}}{{UNIT}}', - '(tablet)body:not(.rtl) {{WRAPPER}}.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-right: 0px', - '(mobile)body:not(.rtl) {{WRAPPER}}.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-right: 0px', - '(tablet)body {{WRAPPER}} nav.hfe-nav-menu__layout-vertical .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-bottom: 0px', - '(mobile)body {{WRAPPER}} nav.hfe-nav-menu__layout-vertical .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-bottom: 0px', - ], - 'condition' => [ - 'layout!' => 'expandible', - ], - 'frontend_available' => true, - ] - ); - - $this->add_responsive_control( - 'menu_row_space', - [ - 'label' => __( 'Row Spacing', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'size_units' => [ 'px' ], - 'range' => [ - 'px' => [ - 'max' => 100, - ], - ], - 'selectors' => [ - 'body:not(.rtl) {{WRAPPER}} .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item' => 'margin-bottom: {{SIZE}}{{UNIT}}', - ], - 'condition' => [ - 'layout' => 'horizontal', - ], - 'frontend_available' => true, - ] - ); - - $this->add_responsive_control( - 'menu_top_space', - [ - 'label' => __( 'Menu Item Top Spacing', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'size_units' => [ 'px', '%' ], - 'range' => [ - 'px' => [ - 'max' => 100, - ], - ], - 'selectors' => [ - '{{WRAPPER}} .hfe-flyout-wrapper .hfe-nav-menu > li.menu-item:first-child' => 'margin-top: {{SIZE}}{{UNIT}}', - ], - 'condition' => [ - 'layout' => 'flyout', - ], - 'frontend_available' => true, - ] - ); - - $this->add_control( - 'bg_color_flyout', - [ - 'label' => __( 'Background Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '#FFFFFF', - 'selectors' => [ - '{{WRAPPER}} .hfe-flyout-content' => 'background-color: {{VALUE}}', - ], - 'condition' => [ - 'layout' => 'flyout', - ], - ] - ); - - $this->add_control( - 'pointer', - [ - 'label' => __( 'Link Hover Effect', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'default' => 'none', - 'options' => [ - 'none' => __( 'None', 'header-footer-elementor' ), - 'underline' => __( 'Underline', 'header-footer-elementor' ), - 'overline' => __( 'Overline', 'header-footer-elementor' ), - 'double-line' => __( 'Double Line', 'header-footer-elementor' ), - 'framed' => __( 'Framed', 'header-footer-elementor' ), - 'text' => __( 'Text', 'header-footer-elementor' ), - ], - 'condition' => [ - 'layout' => [ 'horizontal' ], - ], - ] - ); - - $this->add_control( - 'animation_line', - [ - 'label' => __( 'Animation', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'default' => 'fade', - 'options' => [ - 'fade' => 'Fade', - 'slide' => 'Slide', - 'grow' => 'Grow', - 'drop-in' => 'Drop In', - 'drop-out' => 'Drop Out', - 'none' => 'None', - ], - 'condition' => [ - 'layout' => [ 'horizontal' ], - 'pointer' => [ 'underline', 'overline', 'double-line' ], - ], - ] - ); - - $this->add_control( - 'animation_framed', - [ - 'label' => __( 'Frame Animation', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'default' => 'fade', - 'options' => [ - 'fade' => 'Fade', - 'grow' => 'Grow', - 'shrink' => 'Shrink', - 'draw' => 'Draw', - 'corners' => 'Corners', - 'none' => 'None', - ], - 'condition' => [ - 'layout' => [ 'horizontal' ], - 'pointer' => 'framed', - ], - ] - ); - - $this->add_control( - 'animation_text', - [ - 'label' => __( 'Animation', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'default' => 'grow', - 'options' => [ - 'grow' => 'Grow', - 'shrink' => 'Shrink', - 'sink' => 'Sink', - 'float' => 'Float', - 'skew' => 'Skew', - 'rotate' => 'Rotate', - 'none' => 'None', - ], - 'condition' => [ - 'layout' => [ 'horizontal' ], - 'pointer' => 'text', - ], - ] - ); - - $this->add_control( - 'style_divider', - [ - 'type' => Controls_Manager::DIVIDER, - ] - ); - - $this->add_group_control( - Group_Control_Typography::get_type(), - [ - 'name' => 'menu_typography', - 'global' => [ - 'default' => Global_Typography::TYPOGRAPHY_PRIMARY, - ], - 'separator' => 'before', - 'selector' => '{{WRAPPER}} a.hfe-menu-item, {{WRAPPER}} a.hfe-sub-menu-item', - ] - ); - - $this->start_controls_tabs( 'tabs_menu_item_style' ); - - $this->start_controls_tab( - 'tab_menu_item_normal', - [ - 'label' => __( 'Normal', 'header-footer-elementor' ), - ] - ); - - $this->add_control( - 'color_menu_item', - [ - 'label' => __( 'Text Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'global' => [ - 'default' => Global_Colors::COLOR_TEXT, - ], - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .menu-item a.hfe-menu-item, {{WRAPPER}} .sub-menu a.hfe-sub-menu-item' => 'color: {{VALUE}}', - ], - ] - ); - - $this->add_control( - 'bg_color_menu_item', - [ - 'label' => __( 'Background Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .menu-item a.hfe-menu-item, {{WRAPPER}} .sub-menu, {{WRAPPER}} nav.hfe-dropdown, {{WRAPPER}} .hfe-dropdown-expandible' => 'background-color: {{VALUE}}', - ], - 'condition' => [ - 'layout!' => 'flyout', - ], - ] - ); - - $this->end_controls_tab(); - - $this->start_controls_tab( - 'tab_menu_item_hover', - [ - 'label' => __( 'Hover', 'header-footer-elementor' ), - ] - ); - - $this->add_control( - 'color_menu_item_hover', - [ - 'label' => __( 'Text Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'global' => [ - 'default' => Global_Colors::COLOR_ACCENT, - ], - 'selectors' => [ - '{{WRAPPER}} .menu-item a.hfe-menu-item:hover, + ], + 'condition' => [ + 'layout' => [ 'expandible', 'flyout' ], + ], + 'label_block' => false, + 'frontend_available' => true, + ] + ); + + $this->add_responsive_control( + 'hamburger_menu_align', + [ + 'label' => __('Menu Items Align', 'header-footer-elementor'), + 'type' => Controls_Manager::CHOOSE, + 'options' => [ + 'flex-start' => [ + 'title' => __('Left', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-left', + ], + 'center' => [ + 'title' => __('Center', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-center', + ], + 'flex-end' => [ + 'title' => __('Right', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-right', + ], + 'space-between' => [ + 'title' => __('Justify', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-stretch', + ], + ], + 'default' => 'space-between', + 'condition' => [ + 'layout' => [ 'expandible', 'flyout' ], + ], + 'selectors' => [ + '{{WRAPPER}} li.menu-item a' => 'justify-content: {{VALUE}};', + '{{WRAPPER}} li .elementor-button-wrapper' => 'text-align: {{VALUE}};', + '{{WRAPPER}}.hfe-menu-item-flex-end li .elementor-button-wrapper' => 'text-align: right;', + ], + 'prefix_class' => 'hfe-menu-item-', + 'frontend_available' => true, + ] + ); + + $this->add_control( + 'submenu_icon', + [ + 'label' => __('Submenu Icon', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'default' => 'arrow', + 'options' => [ + 'arrow' => __('Arrows', 'header-footer-elementor'), + 'plus' => __('Plus Sign', 'header-footer-elementor'), + 'classic' => __('Classic', 'header-footer-elementor'), + ], + 'prefix_class' => 'hfe-submenu-icon-', + ] + ); + + $this->add_control( + 'submenu_animation', + [ + 'label' => __('Submenu Animation', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'default' => 'none', + 'options' => [ + 'none' => __('Default', 'header-footer-elementor'), + 'slide_up' => __('Slide Up', 'header-footer-elementor'), + ], + 'prefix_class' => 'hfe-submenu-animation-', + 'condition' => [ + 'layout' => 'horizontal', + ], + ] + ); + + $this->add_control( + 'link_redirect', + [ + 'label' => __('Action On Menu Click', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'default' => 'child', + 'description' => __('For Horizontal layout, this will affect on the selected breakpoint', 'header-footer-elementor'), + 'options' => [ + 'child' => __('Open Submenu', 'header-footer-elementor'), + 'self_link' => __('Redirect To Self Link', 'header-footer-elementor'), + ], + 'prefix_class' => 'hfe-link-redirect-', + ] + ); + + $this->add_control( + 'heading_responsive', + [ + 'type' => Controls_Manager::HEADING, + 'label' => __('Responsive', 'header-footer-elementor'), + 'separator' => 'before', + 'condition' => [ + 'layout' => [ 'horizontal', 'vertical' ], + ], + ] + ); + + $this->add_control( + 'dropdown', + [ + 'label' => __('Breakpoint', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'default' => 'tablet', + 'options' => [ + 'mobile' => __('Mobile (768px >)', 'header-footer-elementor'), + 'tablet' => __('Tablet (1025px >)', 'header-footer-elementor'), + 'none' => __('None', 'header-footer-elementor'), + ], + 'prefix_class' => 'hfe-nav-menu__breakpoint-', + 'condition' => [ + 'layout' => [ 'horizontal', 'vertical' ], + ], + 'render_type' => 'template', + ] + ); + + $this->add_control( + 'resp_align', + [ + 'label' => __('Alignment', 'header-footer-elementor'), + 'type' => Controls_Manager::CHOOSE, + 'options' => [ + 'left' => [ + 'title' => __('Left', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-left', + ], + 'center' => [ + 'title' => __('Center', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-center', + ], + 'right' => [ + 'title' => __('Right', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-right', + ], + ], + 'default' => 'center', + 'description' => __('This is the alignement of menu icon on selected responsive breakpoints.', 'header-footer-elementor'), + 'condition' => [ + 'layout' => [ 'horizontal', 'vertical' ], + 'dropdown!' => 'none', + ], + 'selectors_dictionary' => [ + 'left' => 'margin-right: auto', + 'center' => 'margin: 0 auto', + 'right' => 'margin-left: auto', + ], + 'selectors' => [ + '{{WRAPPER}} .hfe-nav-menu__toggle' => '{{VALUE}}', + ], + ] + ); + + $this->add_control( + 'full_width_dropdown', + [ + 'label' => __('Full Width', 'header-footer-elementor'), + 'description' => __('Enable this option to stretch the Sub Menu to Full Width.', 'header-footer-elementor'), + 'type' => Controls_Manager::SWITCHER, + 'label_on' => __('Yes', 'header-footer-elementor'), + 'label_off' => __('No', 'header-footer-elementor'), + 'return_value' => 'yes', + 'default' => 'yes', + 'condition' => [ + 'dropdown!' => 'none', + 'layout!' => 'flyout', + ], + 'render_type' => 'template', + ] + ); + + if ($this->is_elementor_updated()) { + $this->add_control( + 'dropdown_icon', + [ + 'label' => __('Menu Icon', 'header-footer-elementor'), + 'type' => Controls_Manager::ICONS, + 'label_block' => 'true', + 'default' => [ + 'value' => 'fas fa-align-justify', + 'library' => 'fa-solid', + ], + 'condition' => [ + 'dropdown!' => 'none', + ], + ] + ); + } else { + $this->add_control( + 'dropdown_icon', + [ + 'label' => __('Icon', 'header-footer-elementor'), + 'type' => Controls_Manager::ICON, + 'label_block' => 'true', + 'default' => 'fa fa-align-justify', + 'condition' => [ + 'dropdown!' => 'none', + ], + ] + ); + } + + if ($this->is_elementor_updated()) { + $this->add_control( + 'dropdown_close_icon', + [ + 'label' => __('Close Icon', 'header-footer-elementor'), + 'type' => Controls_Manager::ICONS, + 'label_block' => 'true', + 'default' => [ + 'value' => 'far fa-window-close', + 'library' => 'fa-regular', + ], + 'condition' => [ + 'dropdown!' => 'none', + ], + ] + ); + } else { + $this->add_control( + 'dropdown_close_icon', + [ + 'label' => __('Close Icon', 'header-footer-elementor'), + 'type' => Controls_Manager::ICON, + 'label_block' => 'true', + 'default' => 'fa fa-close', + 'condition' => [ + 'dropdown!' => 'none', + ], + ] + ); + } + + $this->end_controls_section(); + } + + /** + * Register Nav Menu General Controls. + * + * @since 1.3.0 + * + * @access protected + */ + protected function register_style_content_controls(): void + { + $this->start_controls_section( + 'section_style_main-menu', + [ + 'label' => __('Main Menu', 'header-footer-elementor'), + 'tab' => Controls_Manager::TAB_STYLE, + 'condition' => [ + 'layout!' => 'expandible', + ], + ] + ); + + $this->add_responsive_control( + 'width_flyout_menu_item', + [ + 'label' => __('Flyout Box Width', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'range' => [ + 'px' => [ + 'max' => 500, + 'min' => 100, + ], + ], + 'default' => [ + 'size' => 300, + 'unit' => 'px', + ], + 'selectors' => [ + '{{WRAPPER}} .hfe-flyout-wrapper .hfe-side' => 'width: {{SIZE}}{{UNIT}}', + '{{WRAPPER}} .hfe-flyout-open.left' => 'left: -{{SIZE}}{{UNIT}}', + '{{WRAPPER}} .hfe-flyout-open.right' => 'right: -{{SIZE}}{{UNIT}}', + ], + 'condition' => [ + 'layout' => 'flyout', + ], + 'render_type' => 'template', + 'frontend_available' => true, + ] + ); + + $this->add_responsive_control( + 'padding_flyout_menu_item', + [ + 'label' => __('Flyout Box Padding', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'range' => [ + 'px' => [ + 'max' => 50, + ], + ], + 'default' => [ + 'size' => 30, + 'unit' => 'px', + ], + 'selectors' => [ + '{{WRAPPER}} .hfe-flyout-content' => 'padding: {{SIZE}}{{UNIT}}', + ], + 'condition' => [ + 'layout' => 'flyout', + ], + 'frontend_available' => true, + ] + ); + + $this->add_responsive_control( + 'padding_horizontal_menu_item', + [ + 'label' => __('Horizontal Padding', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'size_units' => [ 'px' ], + 'range' => [ + 'px' => [ + 'max' => 50, + ], + ], + 'default' => [ + 'size' => 15, + 'unit' => 'px', + ], + 'selectors' => [ + '{{WRAPPER}} .menu-item a.hfe-menu-item' => 'padding-left: {{SIZE}}{{UNIT}}; padding-right: {{SIZE}}{{UNIT}}', + '{{WRAPPER}} .menu-item a.hfe-sub-menu-item' => 'padding-left: calc( {{SIZE}}{{UNIT}} + 20px );padding-right: {{SIZE}}{{UNIT}};', + '{{WRAPPER}} .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item' => 'padding-left: calc( {{SIZE}}{{UNIT}} + 40px );padding-right: {{SIZE}}{{UNIT}};', + '{{WRAPPER}} .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item' => 'padding-left: calc( {{SIZE}}{{UNIT}} + 60px );padding-right: {{SIZE}}{{UNIT}};', + '{{WRAPPER}} .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item' => 'padding-left: calc( {{SIZE}}{{UNIT}} + 80px );padding-right: {{SIZE}}{{UNIT}};', + ], + 'frontend_available' => true, + ] + ); + + $this->add_responsive_control( + 'padding_vertical_menu_item', + [ + 'label' => __('Vertical Padding', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'size_units' => [ 'px' ], + 'range' => [ + 'px' => [ + 'max' => 50, + ], + ], + 'default' => [ + 'size' => 15, + 'unit' => 'px', + ], + 'selectors' => [ + '{{WRAPPER}} .menu-item a.hfe-menu-item, {{WRAPPER}} .menu-item a.hfe-sub-menu-item' => 'padding-top: {{SIZE}}{{UNIT}}; padding-bottom: {{SIZE}}{{UNIT}};', + ], + 'frontend_available' => true, + ] + ); + + $this->add_responsive_control( + 'menu_space_between', + [ + 'label' => __('Space Between', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'size_units' => [ 'px' ], + 'range' => [ + 'px' => [ + 'max' => 100, + ], + ], + 'selectors' => [ + 'body:not(.rtl) {{WRAPPER}} .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-right: {{SIZE}}{{UNIT}}', + 'body.rtl {{WRAPPER}} .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-left: {{SIZE}}{{UNIT}}', + '{{WRAPPER}} nav:not(.hfe-nav-menu__layout-horizontal) .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-bottom: {{SIZE}}{{UNIT}}', + '(tablet)body:not(.rtl) {{WRAPPER}}.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-right: 0px', + '(mobile)body:not(.rtl) {{WRAPPER}}.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-right: 0px', + '(tablet)body {{WRAPPER}} nav.hfe-nav-menu__layout-vertical .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-bottom: 0px', + '(mobile)body {{WRAPPER}} nav.hfe-nav-menu__layout-vertical .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-bottom: 0px', + ], + 'condition' => [ + 'layout!' => 'expandible', + ], + 'frontend_available' => true, + ] + ); + + $this->add_responsive_control( + 'menu_row_space', + [ + 'label' => __('Row Spacing', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'size_units' => [ 'px' ], + 'range' => [ + 'px' => [ + 'max' => 100, + ], + ], + 'selectors' => [ + 'body:not(.rtl) {{WRAPPER}} .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item' => 'margin-bottom: {{SIZE}}{{UNIT}}', + ], + 'condition' => [ + 'layout' => 'horizontal', + ], + 'frontend_available' => true, + ] + ); + + $this->add_responsive_control( + 'menu_top_space', + [ + 'label' => __('Menu Item Top Spacing', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'size_units' => [ 'px', '%' ], + 'range' => [ + 'px' => [ + 'max' => 100, + ], + ], + 'selectors' => [ + '{{WRAPPER}} .hfe-flyout-wrapper .hfe-nav-menu > li.menu-item:first-child' => 'margin-top: {{SIZE}}{{UNIT}}', + ], + 'condition' => [ + 'layout' => 'flyout', + ], + 'frontend_available' => true, + ] + ); + + $this->add_control( + 'bg_color_flyout', + [ + 'label' => __('Background Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '#FFFFFF', + 'selectors' => [ + '{{WRAPPER}} .hfe-flyout-content' => 'background-color: {{VALUE}}', + ], + 'condition' => [ + 'layout' => 'flyout', + ], + ] + ); + + $this->add_control( + 'pointer', + [ + 'label' => __('Link Hover Effect', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'default' => 'none', + 'options' => [ + 'none' => __('None', 'header-footer-elementor'), + 'underline' => __('Underline', 'header-footer-elementor'), + 'overline' => __('Overline', 'header-footer-elementor'), + 'double-line' => __('Double Line', 'header-footer-elementor'), + 'framed' => __('Framed', 'header-footer-elementor'), + 'text' => __('Text', 'header-footer-elementor'), + ], + 'condition' => [ + 'layout' => [ 'horizontal' ], + ], + ] + ); + + $this->add_control( + 'animation_line', + [ + 'label' => __('Animation', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'default' => 'fade', + 'options' => [ + 'fade' => 'Fade', + 'slide' => 'Slide', + 'grow' => 'Grow', + 'drop-in' => 'Drop In', + 'drop-out' => 'Drop Out', + 'none' => 'None', + ], + 'condition' => [ + 'layout' => [ 'horizontal' ], + 'pointer' => [ 'underline', 'overline', 'double-line' ], + ], + ] + ); + + $this->add_control( + 'animation_framed', + [ + 'label' => __('Frame Animation', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'default' => 'fade', + 'options' => [ + 'fade' => 'Fade', + 'grow' => 'Grow', + 'shrink' => 'Shrink', + 'draw' => 'Draw', + 'corners' => 'Corners', + 'none' => 'None', + ], + 'condition' => [ + 'layout' => [ 'horizontal' ], + 'pointer' => 'framed', + ], + ] + ); + + $this->add_control( + 'animation_text', + [ + 'label' => __('Animation', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'default' => 'grow', + 'options' => [ + 'grow' => 'Grow', + 'shrink' => 'Shrink', + 'sink' => 'Sink', + 'float' => 'Float', + 'skew' => 'Skew', + 'rotate' => 'Rotate', + 'none' => 'None', + ], + 'condition' => [ + 'layout' => [ 'horizontal' ], + 'pointer' => 'text', + ], + ] + ); + + $this->add_control( + 'style_divider', + [ + 'type' => Controls_Manager::DIVIDER, + ] + ); + + $this->add_group_control( + Group_Control_Typography::get_type(), + [ + 'name' => 'menu_typography', + 'global' => [ + 'default' => Global_Typography::TYPOGRAPHY_PRIMARY, + ], + 'separator' => 'before', + 'selector' => '{{WRAPPER}} a.hfe-menu-item, {{WRAPPER}} a.hfe-sub-menu-item', + ] + ); + + $this->start_controls_tabs('tabs_menu_item_style'); + + $this->start_controls_tab( + 'tab_menu_item_normal', + [ + 'label' => __('Normal', 'header-footer-elementor'), + ] + ); + + $this->add_control( + 'color_menu_item', + [ + 'label' => __('Text Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'global' => [ + 'default' => Global_Colors::COLOR_TEXT, + ], + 'default' => '', + 'selectors' => [ + '{{WRAPPER}} .menu-item a.hfe-menu-item, {{WRAPPER}} .sub-menu a.hfe-sub-menu-item' => 'color: {{VALUE}}', + ], + ] + ); + + $this->add_control( + 'bg_color_menu_item', + [ + 'label' => __('Background Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '', + 'selectors' => [ + '{{WRAPPER}} .menu-item a.hfe-menu-item, {{WRAPPER}} .sub-menu, {{WRAPPER}} nav.hfe-dropdown, {{WRAPPER}} .hfe-dropdown-expandible' => 'background-color: {{VALUE}}', + ], + 'condition' => [ + 'layout!' => 'flyout', + ], + ] + ); + + $this->end_controls_tab(); + + $this->start_controls_tab( + 'tab_menu_item_hover', + [ + 'label' => __('Hover', 'header-footer-elementor'), + ] + ); + + $this->add_control( + 'color_menu_item_hover', + [ + 'label' => __('Text Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'global' => [ + 'default' => Global_Colors::COLOR_ACCENT, + ], + 'selectors' => [ + '{{WRAPPER}} .menu-item a.hfe-menu-item:hover, {{WRAPPER}} .sub-menu a.hfe-sub-menu-item:hover, {{WRAPPER}} .menu-item.current-menu-item a.hfe-menu-item, {{WRAPPER}} .menu-item a.hfe-menu-item.highlighted, {{WRAPPER}} .menu-item a.hfe-menu-item:focus' => 'color: {{VALUE}}', - ], - ] - ); - - $this->add_control( - 'bg_color_menu_item_hover', - [ - 'label' => __( 'Background Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'selectors' => [ - '{{WRAPPER}} .menu-item a.hfe-menu-item:hover, + ], + ] + ); + + $this->add_control( + 'bg_color_menu_item_hover', + [ + 'label' => __('Background Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'selectors' => [ + '{{WRAPPER}} .menu-item a.hfe-menu-item:hover, {{WRAPPER}} .sub-menu a.hfe-sub-menu-item:hover, {{WRAPPER}} .menu-item.current-menu-item a.hfe-menu-item, {{WRAPPER}} .menu-item a.hfe-menu-item.highlighted, {{WRAPPER}} .menu-item a.hfe-menu-item:focus' => 'background-color: {{VALUE}}', - ], - 'condition' => [ - 'layout!' => 'flyout', - ], - ] - ); - - $this->add_control( - 'pointer_color_menu_item_hover', - [ - 'label' => __( 'Link Hover Effect Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'global' => [ - 'default' => Global_Colors::COLOR_ACCENT, - ], - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before, + ], + 'condition' => [ + 'layout!' => 'flyout', + ], + ] + ); + + $this->add_control( + 'pointer_color_menu_item_hover', + [ + 'label' => __('Link Hover Effect Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'global' => [ + 'default' => Global_Colors::COLOR_ACCENT, + ], + 'default' => '', + 'selectors' => [ + '{{WRAPPER}} .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before, {{WRAPPER}} .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after' => 'background-color: {{VALUE}}', - '{{WRAPPER}} .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent .sub-menu .hfe-has-submenu-container a:after' => 'background-color: unset', - '{{WRAPPER}} .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before, + '{{WRAPPER}} .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent .sub-menu .hfe-has-submenu-container a:after' => 'background-color: unset', + '{{WRAPPER}} .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before, {{WRAPPER}} .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:after' => 'border-color: {{VALUE}}', - ], - 'condition' => [ - 'pointer!' => [ 'none', 'text' ], - 'layout!' => 'flyout', - ], - ] - ); - - $this->end_controls_tab(); - - $this->start_controls_tab( - 'tab_menu_item_active', - [ - 'label' => __( 'Active', 'header-footer-elementor' ), - ] - ); - - $this->add_control( - 'color_menu_item_active', - [ - 'label' => __( 'Text Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .menu-item.current-menu-item a.hfe-menu-item, + ], + 'condition' => [ + 'pointer!' => [ 'none', 'text' ], + 'layout!' => 'flyout', + ], + ] + ); + + $this->end_controls_tab(); + + $this->start_controls_tab( + 'tab_menu_item_active', + [ + 'label' => __('Active', 'header-footer-elementor'), + ] + ); + + $this->add_control( + 'color_menu_item_active', + [ + 'label' => __('Text Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '', + 'selectors' => [ + '{{WRAPPER}} .menu-item.current-menu-item a.hfe-menu-item, {{WRAPPER}} .menu-item.current-menu-ancestor a.hfe-menu-item' => 'color: {{VALUE}}', - ], - ] - ); - - $this->add_control( - 'bg_color_menu_item_active', - [ - 'label' => __( 'Background Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .menu-item.current-menu-item a.hfe-menu-item, + ], + ] + ); + + $this->add_control( + 'bg_color_menu_item_active', + [ + 'label' => __('Background Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '', + 'selectors' => [ + '{{WRAPPER}} .menu-item.current-menu-item a.hfe-menu-item, {{WRAPPER}} .menu-item.current-menu-ancestor a.hfe-menu-item' => 'background-color: {{VALUE}}', - ], - 'condition' => [ - 'layout!' => 'flyout', - ], - ] - ); - - $this->add_control( - 'pointer_color_menu_item_active', - [ - 'label' => __( 'Link Hover Effect Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent.current-menu-item a.hfe-menu-item:before, + ], + 'condition' => [ + 'layout!' => 'flyout', + ], + ] + ); + + $this->add_control( + 'pointer_color_menu_item_active', + [ + 'label' => __('Link Hover Effect Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '', + 'selectors' => [ + '{{WRAPPER}} .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent.current-menu-item a.hfe-menu-item:before, {{WRAPPER}} .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent.current-menu-item a.hfe-menu-item:after' => 'background-color: {{VALUE}}', - '{{WRAPPER}} .hfe-nav-menu:not(.hfe-pointer__framed) .menu-item.parent .sub-menu .hfe-has-submenu-container a.current-menu-item:after' => 'background-color: unset', - '{{WRAPPER}} .hfe-pointer__framed .menu-item.parent.current-menu-item a.hfe-menu-item:before, + '{{WRAPPER}} .hfe-nav-menu:not(.hfe-pointer__framed) .menu-item.parent .sub-menu .hfe-has-submenu-container a.current-menu-item:after' => 'background-color: unset', + '{{WRAPPER}} .hfe-pointer__framed .menu-item.parent.current-menu-item a.hfe-menu-item:before, {{WRAPPER}} .hfe-pointer__framed .menu-item.parent.current-menu-item a.hfe-menu-item:after' => 'border-color: {{VALUE}}', - ], - 'condition' => [ - 'pointer!' => [ 'none', 'text' ], - 'layout!' => 'flyout', - ], - ] - ); - - $this->end_controls_tab(); - - $this->end_controls_tabs(); - - $this->end_controls_section(); - } - - /** - * Register Nav Menu General Controls. - * - * @since 1.3.0 - * @access protected - * @return void - */ - protected function register_dropdown_content_controls() { - - $this->start_controls_section( - 'section_style_dropdown', - [ - 'label' => __( 'Dropdown', 'header-footer-elementor' ), - 'tab' => Controls_Manager::TAB_STYLE, - ] - ); - - $this->add_control( - 'dropdown_description', - [ - 'raw' => __( 'Note: On desktop, below style options will apply to the submenu. On mobile, this will apply to the entire menu.', 'header-footer-elementor' ), - 'type' => Controls_Manager::RAW_HTML, - 'content_classes' => 'elementor-descriptor', - 'condition' => [ - 'layout!' => [ - 'expandible', - 'flyout', - ], - ], - ] - ); - - $this->start_controls_tabs( 'tabs_dropdown_item_style' ); - - $this->start_controls_tab( - 'tab_dropdown_item_normal', - [ - 'label' => __( 'Normal', 'header-footer-elementor' ), - ] - ); - - $this->add_control( - 'color_dropdown_item', - [ - 'label' => __( 'Text Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .sub-menu a.hfe-sub-menu-item, + ], + 'condition' => [ + 'pointer!' => [ 'none', 'text' ], + 'layout!' => 'flyout', + ], + ] + ); + + $this->end_controls_tab(); + + $this->end_controls_tabs(); + + $this->end_controls_section(); + } + + /** + * Register Nav Menu General Controls. + * + * @since 1.3.0 + * + * @access protected + */ + protected function register_dropdown_content_controls(): void + { + $this->start_controls_section( + 'section_style_dropdown', + [ + 'label' => __('Dropdown', 'header-footer-elementor'), + 'tab' => Controls_Manager::TAB_STYLE, + ] + ); + + $this->add_control( + 'dropdown_description', + [ + 'raw' => __('Note: On desktop, below style options will apply to the submenu. On mobile, this will apply to the entire menu.', 'header-footer-elementor'), + 'type' => Controls_Manager::RAW_HTML, + 'content_classes' => 'elementor-descriptor', + 'condition' => [ + 'layout!' => [ + 'expandible', + 'flyout', + ], + ], + ] + ); + + $this->start_controls_tabs('tabs_dropdown_item_style'); + + $this->start_controls_tab( + 'tab_dropdown_item_normal', + [ + 'label' => __('Normal', 'header-footer-elementor'), + ] + ); + + $this->add_control( + 'color_dropdown_item', + [ + 'label' => __('Text Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '', + 'selectors' => [ + '{{WRAPPER}} .sub-menu a.hfe-sub-menu-item, {{WRAPPER}} .elementor-menu-toggle, {{WRAPPER}} nav.hfe-dropdown li a.hfe-menu-item, {{WRAPPER}} nav.hfe-dropdown li a.hfe-sub-menu-item, {{WRAPPER}} nav.hfe-dropdown-expandible li a.hfe-menu-item, {{WRAPPER}} nav.hfe-dropdown-expandible li a.hfe-sub-menu-item' => 'color: {{VALUE}}', - ], - ] - ); - - $this->add_control( - 'background_color_dropdown_item', - [ - 'label' => __( 'Background Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '#fff', - 'selectors' => [ - '{{WRAPPER}} .sub-menu, + ], + ] + ); + + $this->add_control( + 'background_color_dropdown_item', + [ + 'label' => __('Background Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '#fff', + 'selectors' => [ + '{{WRAPPER}} .sub-menu, {{WRAPPER}} nav.hfe-dropdown, {{WRAPPER}} nav.hfe-dropdown-expandible, {{WRAPPER}} nav.hfe-dropdown .menu-item a.hfe-menu-item, {{WRAPPER}} nav.hfe-dropdown .menu-item a.hfe-sub-menu-item' => 'background-color: {{VALUE}}', - ], - 'separator' => 'after', - ] - ); - - $this->end_controls_tab(); - - $this->start_controls_tab( - 'tab_dropdown_item_hover', - [ - 'label' => __( 'Hover', 'header-footer-elementor' ), - ] - ); - - $this->add_control( - 'color_dropdown_item_hover', - [ - 'label' => __( 'Text Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .sub-menu a.hfe-sub-menu-item:hover, + ], + 'separator' => 'after', + ] + ); + + $this->end_controls_tab(); + + $this->start_controls_tab( + 'tab_dropdown_item_hover', + [ + 'label' => __('Hover', 'header-footer-elementor'), + ] + ); + + $this->add_control( + 'color_dropdown_item_hover', + [ + 'label' => __('Text Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '', + 'selectors' => [ + '{{WRAPPER}} .sub-menu a.hfe-sub-menu-item:hover, {{WRAPPER}} .elementor-menu-toggle:hover, {{WRAPPER}} nav.hfe-dropdown li a.hfe-menu-item:hover, {{WRAPPER}} nav.hfe-dropdown li a.hfe-sub-menu-item:hover, {{WRAPPER}} nav.hfe-dropdown-expandible li a.hfe-menu-item:hover, {{WRAPPER}} nav.hfe-dropdown-expandible li a.hfe-sub-menu-item:hover' => 'color: {{VALUE}}', - ], - ] - ); - - $this->add_control( - 'background_color_dropdown_item_hover', - [ - 'label' => __( 'Background Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .sub-menu a.hfe-sub-menu-item:hover, + ], + ] + ); + + $this->add_control( + 'background_color_dropdown_item_hover', + [ + 'label' => __('Background Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '', + 'selectors' => [ + '{{WRAPPER}} .sub-menu a.hfe-sub-menu-item:hover, {{WRAPPER}} nav.hfe-dropdown li a.hfe-menu-item:hover, {{WRAPPER}} nav.hfe-dropdown li a.hfe-sub-menu-item:hover, {{WRAPPER}} nav.hfe-dropdown-expandible li a.hfe-menu-item:hover, {{WRAPPER}} nav.hfe-dropdown-expandible li a.hfe-sub-menu-item:hover' => 'background-color: {{VALUE}}', - ], - 'separator' => 'after', - ] - ); - - $this->end_controls_tab(); - - $this->start_controls_tab( - 'tab_dropdown_item_active', - [ - 'label' => __( 'Active', 'header-footer-elementor' ), - ] - ); - - $this->add_control( - 'color_dropdown_item_active', - [ - 'label' => __( 'Text Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .sub-menu .menu-item.current-menu-item a.hfe-sub-menu-item.hfe-sub-menu-item-active, + ], + 'separator' => 'after', + ] + ); + + $this->end_controls_tab(); + + $this->start_controls_tab( + 'tab_dropdown_item_active', + [ + 'label' => __('Active', 'header-footer-elementor'), + ] + ); + + $this->add_control( + 'color_dropdown_item_active', + [ + 'label' => __('Text Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '', + 'selectors' => [ + '{{WRAPPER}} .sub-menu .menu-item.current-menu-item a.hfe-sub-menu-item.hfe-sub-menu-item-active, {{WRAPPER}} nav.hfe-dropdown .menu-item.current-menu-item a.hfe-menu-item, {{WRAPPER}} nav.hfe-dropdown .menu-item.current-menu-ancestor a.hfe-menu-item, {{WRAPPER}} nav.hfe-dropdown .sub-menu .menu-item.current-menu-item a.hfe-sub-menu-item.hfe-sub-menu-item-active ' => 'color: {{VALUE}}', - ], - ] - ); - - $this->add_control( - 'background_color_dropdown_item_active', - [ - 'label' => __( 'Background Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .sub-menu .menu-item.current-menu-item a.hfe-sub-menu-item.hfe-sub-menu-item-active, + ], + ] + ); + + $this->add_control( + 'background_color_dropdown_item_active', + [ + 'label' => __('Background Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '', + 'selectors' => [ + '{{WRAPPER}} .sub-menu .menu-item.current-menu-item a.hfe-sub-menu-item.hfe-sub-menu-item-active, {{WRAPPER}} nav.hfe-dropdown .menu-item.current-menu-item a.hfe-menu-item, {{WRAPPER}} nav.hfe-dropdown .menu-item.current-menu-ancestor a.hfe-menu-item, {{WRAPPER}} nav.hfe-dropdown .sub-menu .menu-item.current-menu-item a.hfe-sub-menu-item.hfe-sub-menu-item-active' => 'background-color: {{VALUE}}', - ], - 'separator' => 'after', - ] - ); - - $this->end_controls_tabs(); - - $this->end_controls_tabs(); - - $this->add_group_control( - Group_Control_Typography::get_type(), - [ - 'name' => 'dropdown_typography', - 'global' => [ - 'default' => Global_Typography::TYPOGRAPHY_ACCENT, - ], - 'separator' => 'before', - 'selector' => ' + ], + 'separator' => 'after', + ] + ); + + $this->end_controls_tabs(); + + $this->end_controls_tabs(); + + $this->add_group_control( + Group_Control_Typography::get_type(), + [ + 'name' => 'dropdown_typography', + 'global' => [ + 'default' => Global_Typography::TYPOGRAPHY_ACCENT, + ], + 'separator' => 'before', + 'selector' => ' {{WRAPPER}} .sub-menu li a.hfe-sub-menu-item, {{WRAPPER}} nav.hfe-dropdown li a.hfe-sub-menu-item, {{WRAPPER}} nav.hfe-dropdown li a.hfe-menu-item, {{WRAPPER}} nav.hfe-dropdown-expandible li a.hfe-menu-item, {{WRAPPER}} nav.hfe-dropdown-expandible li a.hfe-sub-menu-item', - ] - ); - - $this->add_group_control( - Group_Control_Border::get_type(), - [ - 'name' => 'dropdown_border', - 'selector' => '{{WRAPPER}} nav.hfe-nav-menu__layout-horizontal .sub-menu, + ] + ); + + $this->add_group_control( + Group_Control_Border::get_type(), + [ + 'name' => 'dropdown_border', + 'selector' => '{{WRAPPER}} nav.hfe-nav-menu__layout-horizontal .sub-menu, {{WRAPPER}} nav:not(.hfe-nav-menu__layout-horizontal) .sub-menu.sub-menu-open, {{WRAPPER}} nav.hfe-dropdown .hfe-nav-menu, {{WRAPPER}} nav.hfe-dropdown-expandible .hfe-nav-menu', - ] - ); - - $this->add_responsive_control( - 'dropdown_border_radius', - [ - 'label' => __( 'Border Radius', 'header-footer-elementor' ), - 'type' => Controls_Manager::DIMENSIONS, - 'size_units' => [ 'px', '%' ], - 'selectors' => [ - '{{WRAPPER}} .sub-menu' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', - '{{WRAPPER}} .sub-menu li.menu-item:first-child' => 'border-top-left-radius: {{TOP}}{{UNIT}}; border-top-right-radius: {{RIGHT}}{{UNIT}};overflow:hidden;', - '{{WRAPPER}} .sub-menu li.menu-item:last-child' => 'border-bottom-right-radius: {{BOTTOM}}{{UNIT}}; border-bottom-left-radius: {{LEFT}}{{UNIT}};overflow:hidden', - '{{WRAPPER}} nav.hfe-dropdown' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', - '{{WRAPPER}} nav.hfe-dropdown li.menu-item:first-child' => 'border-top-left-radius: {{TOP}}{{UNIT}}; border-top-right-radius: {{RIGHT}}{{UNIT}};overflow:hidden', - '{{WRAPPER}} nav.hfe-dropdown li.menu-item:last-child' => 'border-bottom-right-radius: {{BOTTOM}}{{UNIT}}; border-bottom-left-radius: {{LEFT}}{{UNIT}};overflow:hidden', - '{{WRAPPER}} nav.hfe-dropdown-expandible' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', - '{{WRAPPER}} nav.hfe-dropdown-expandible li.menu-item:first-child' => 'border-top-left-radius: {{TOP}}{{UNIT}}; border-top-right-radius: {{RIGHT}}{{UNIT}};overflow:hidden', - '{{WRAPPER}} nav.hfe-dropdown-expandible li.menu-item:last-child' => 'border-bottom-right-radius: {{BOTTOM}}{{UNIT}}; border-bottom-left-radius: {{LEFT}}{{UNIT}};overflow:hidden', - ], - 'frontend_available' => true, - ] - ); - - $this->add_group_control( - Group_Control_Box_Shadow::get_type(), - [ - 'name' => 'dropdown_box_shadow', - 'exclude' => [ - 'box_shadow_position', - ], - 'selector' => '{{WRAPPER}} .hfe-nav-menu .sub-menu, + ] + ); + + $this->add_responsive_control( + 'dropdown_border_radius', + [ + 'label' => __('Border Radius', 'header-footer-elementor'), + 'type' => Controls_Manager::DIMENSIONS, + 'size_units' => [ 'px', '%' ], + 'selectors' => [ + '{{WRAPPER}} .sub-menu' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', + '{{WRAPPER}} .sub-menu li.menu-item:first-child' => 'border-top-left-radius: {{TOP}}{{UNIT}}; border-top-right-radius: {{RIGHT}}{{UNIT}};overflow:hidden;', + '{{WRAPPER}} .sub-menu li.menu-item:last-child' => 'border-bottom-right-radius: {{BOTTOM}}{{UNIT}}; border-bottom-left-radius: {{LEFT}}{{UNIT}};overflow:hidden', + '{{WRAPPER}} nav.hfe-dropdown' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', + '{{WRAPPER}} nav.hfe-dropdown li.menu-item:first-child' => 'border-top-left-radius: {{TOP}}{{UNIT}}; border-top-right-radius: {{RIGHT}}{{UNIT}};overflow:hidden', + '{{WRAPPER}} nav.hfe-dropdown li.menu-item:last-child' => 'border-bottom-right-radius: {{BOTTOM}}{{UNIT}}; border-bottom-left-radius: {{LEFT}}{{UNIT}};overflow:hidden', + '{{WRAPPER}} nav.hfe-dropdown-expandible' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', + '{{WRAPPER}} nav.hfe-dropdown-expandible li.menu-item:first-child' => 'border-top-left-radius: {{TOP}}{{UNIT}}; border-top-right-radius: {{RIGHT}}{{UNIT}};overflow:hidden', + '{{WRAPPER}} nav.hfe-dropdown-expandible li.menu-item:last-child' => 'border-bottom-right-radius: {{BOTTOM}}{{UNIT}}; border-bottom-left-radius: {{LEFT}}{{UNIT}};overflow:hidden', + ], + 'frontend_available' => true, + ] + ); + + $this->add_group_control( + Group_Control_Box_Shadow::get_type(), + [ + 'name' => 'dropdown_box_shadow', + 'exclude' => [ + 'box_shadow_position', + ], + 'selector' => '{{WRAPPER}} .hfe-nav-menu .sub-menu, {{WRAPPER}} nav.hfe-dropdown, {{WRAPPER}} nav.hfe-dropdown-expandible', - 'separator' => 'after', - ] - ); - - $this->add_responsive_control( - 'width_dropdown_item', - [ - 'label' => __( 'Dropdown Width (px)', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'range' => [ - 'px' => [ - 'min' => 0, - 'max' => 500, - ], - ], - 'default' => [ - 'size' => '220', - 'unit' => 'px', - ], - 'selectors' => [ - '{{WRAPPER}} ul.sub-menu' => 'width: {{SIZE}}{{UNIT}}', - ], - 'condition' => [ - 'layout' => 'horizontal', - ], - 'frontend_available' => true, - ] - ); - - $this->add_responsive_control( - 'padding_horizontal_dropdown_item', - [ - 'label' => __( 'Horizontal Padding', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'size_units' => [ 'px' ], - 'selectors' => [ - '{{WRAPPER}} .sub-menu li a.hfe-sub-menu-item, + 'separator' => 'after', + ] + ); + + $this->add_responsive_control( + 'width_dropdown_item', + [ + 'label' => __('Dropdown Width (px)', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'range' => [ + 'px' => [ + 'min' => 0, + 'max' => 500, + ], + ], + 'default' => [ + 'size' => '220', + 'unit' => 'px', + ], + 'selectors' => [ + '{{WRAPPER}} ul.sub-menu' => 'width: {{SIZE}}{{UNIT}}', + ], + 'condition' => [ + 'layout' => 'horizontal', + ], + 'frontend_available' => true, + ] + ); + + $this->add_responsive_control( + 'padding_horizontal_dropdown_item', + [ + 'label' => __('Horizontal Padding', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'size_units' => [ 'px' ], + 'selectors' => [ + '{{WRAPPER}} .sub-menu li a.hfe-sub-menu-item, {{WRAPPER}} nav.hfe-dropdown li a.hfe-menu-item, {{WRAPPER}} nav.hfe-dropdown-expandible li a.hfe-menu-item' => 'padding-left: {{SIZE}}{{UNIT}}; padding-right: {{SIZE}}{{UNIT}}', - '{{WRAPPER}} nav.hfe-dropdown-expandible a.hfe-sub-menu-item, + '{{WRAPPER}} nav.hfe-dropdown-expandible a.hfe-sub-menu-item, {{WRAPPER}} nav.hfe-dropdown li a.hfe-sub-menu-item' => 'padding-left: calc( {{SIZE}}{{UNIT}} + 20px );padding-right: {{SIZE}}{{UNIT}};', - '{{WRAPPER}} .hfe-dropdown .menu-item ul ul a.hfe-sub-menu-item, + '{{WRAPPER}} .hfe-dropdown .menu-item ul ul a.hfe-sub-menu-item, {{WRAPPER}} .hfe-dropdown-expandible .menu-item ul ul a.hfe-sub-menu-item' => 'padding-left: calc( {{SIZE}}{{UNIT}} + 40px );padding-right: {{SIZE}}{{UNIT}};', - '{{WRAPPER}} .hfe-dropdown .menu-item ul ul ul a.hfe-sub-menu-item, + '{{WRAPPER}} .hfe-dropdown .menu-item ul ul ul a.hfe-sub-menu-item, {{WRAPPER}} .hfe-dropdown-expandible .menu-item ul ul ul a.hfe-sub-menu-item' => 'padding-left: calc( {{SIZE}}{{UNIT}} + 60px );padding-right: {{SIZE}}{{UNIT}};', - '{{WRAPPER}} .hfe-dropdown .menu-item ul ul ul ul a.hfe-sub-menu-item, + '{{WRAPPER}} .hfe-dropdown .menu-item ul ul ul ul a.hfe-sub-menu-item, {{WRAPPER}} .hfe-dropdown-expandible .menu-item ul ul ul ul a.hfe-sub-menu-item' => 'padding-left: calc( {{SIZE}}{{UNIT}} + 80px );padding-right: {{SIZE}}{{UNIT}};', - ], - 'frontend_available' => true, - ] - ); - - $this->add_responsive_control( - 'padding_vertical_dropdown_item', - [ - 'label' => __( 'Vertical Padding', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'size_units' => [ 'px' ], - 'default' => [ - 'size' => 15, - 'unit' => 'px', - ], - 'range' => [ - 'px' => [ - 'max' => 50, - ], - ], - 'selectors' => [ - '{{WRAPPER}} .sub-menu a.hfe-sub-menu-item, + ], + 'frontend_available' => true, + ] + ); + + $this->add_responsive_control( + 'padding_vertical_dropdown_item', + [ + 'label' => __('Vertical Padding', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'size_units' => [ 'px' ], + 'default' => [ + 'size' => 15, + 'unit' => 'px', + ], + 'range' => [ + 'px' => [ + 'max' => 50, + ], + ], + 'selectors' => [ + '{{WRAPPER}} .sub-menu a.hfe-sub-menu-item, {{WRAPPER}} nav.hfe-dropdown li a.hfe-menu-item, {{WRAPPER}} nav.hfe-dropdown li a.hfe-sub-menu-item, {{WRAPPER}} nav.hfe-dropdown-expandible li a.hfe-menu-item, {{WRAPPER}} nav.hfe-dropdown-expandible li a.hfe-sub-menu-item' => 'padding-top: {{SIZE}}{{UNIT}}; padding-bottom: {{SIZE}}{{UNIT}}', - ], - 'frontend_available' => true, - ] - ); - - $this->add_responsive_control( - 'distance_from_menu', - [ - 'label' => __( 'Top Distance', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'range' => [ - 'px' => [ - 'min' => -100, - 'max' => 100, - ], - ], - 'selectors' => [ - '{{WRAPPER}} nav.hfe-nav-menu__layout-horizontal:not(.hfe-dropdown) ul.sub-menu, {{WRAPPER}} nav.hfe-nav-menu__layout-expandible.menu-is-active, {{WRAPPER}} nav.hfe-nav-menu__layout-vertical:not(.hfe-dropdown) ul.sub-menu' => 'margin-top: {{SIZE}}px;', - '{{WRAPPER}} .hfe-dropdown.menu-is-active' => 'margin-top: {{SIZE}}px;', - ], - 'condition' => [ - 'layout' => [ 'horizontal', 'vertical', 'expandible' ], - ], - 'frontend_available' => true, - ] - ); - - $this->add_control( - 'heading_dropdown_divider', - [ - 'label' => __( 'Divider', 'header-footer-elementor' ), - 'type' => Controls_Manager::HEADING, - 'separator' => 'before', - ] - ); - - $this->add_control( - 'dropdown_divider_border', - [ - 'label' => __( 'Border Style', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'default' => 'solid', - 'label_block' => false, - 'options' => [ - 'none' => __( 'None', 'header-footer-elementor' ), - 'solid' => __( 'Solid', 'header-footer-elementor' ), - 'double' => __( 'Double', 'header-footer-elementor' ), - 'dotted' => __( 'Dotted', 'header-footer-elementor' ), - 'dashed' => __( 'Dashed', 'header-footer-elementor' ), - ], - 'selectors' => [ - '{{WRAPPER}} .sub-menu li.menu-item:not(:last-child), + ], + 'frontend_available' => true, + ] + ); + + $this->add_responsive_control( + 'distance_from_menu', + [ + 'label' => __('Top Distance', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'range' => [ + 'px' => [ + 'min' => -100, + 'max' => 100, + ], + ], + 'selectors' => [ + '{{WRAPPER}} nav.hfe-nav-menu__layout-horizontal:not(.hfe-dropdown) ul.sub-menu, {{WRAPPER}} nav.hfe-nav-menu__layout-expandible.menu-is-active, {{WRAPPER}} nav.hfe-nav-menu__layout-vertical:not(.hfe-dropdown) ul.sub-menu' => 'margin-top: {{SIZE}}px;', + '{{WRAPPER}} .hfe-dropdown.menu-is-active' => 'margin-top: {{SIZE}}px;', + ], + 'condition' => [ + 'layout' => [ 'horizontal', 'vertical', 'expandible' ], + ], + 'frontend_available' => true, + ] + ); + + $this->add_control( + 'heading_dropdown_divider', + [ + 'label' => __('Divider', 'header-footer-elementor'), + 'type' => Controls_Manager::HEADING, + 'separator' => 'before', + ] + ); + + $this->add_control( + 'dropdown_divider_border', + [ + 'label' => __('Border Style', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'default' => 'solid', + 'label_block' => false, + 'options' => [ + 'none' => __('None', 'header-footer-elementor'), + 'solid' => __('Solid', 'header-footer-elementor'), + 'double' => __('Double', 'header-footer-elementor'), + 'dotted' => __('Dotted', 'header-footer-elementor'), + 'dashed' => __('Dashed', 'header-footer-elementor'), + ], + 'selectors' => [ + '{{WRAPPER}} .sub-menu li.menu-item:not(:last-child), {{WRAPPER}} nav.hfe-dropdown li.menu-item:not(:last-child), {{WRAPPER}} nav.hfe-dropdown-expandible li.menu-item:not(:last-child)' => 'border-bottom-style: {{VALUE}};', - ], - ] - ); - $this->add_control( - 'divider_border_color', - [ - 'label' => __( 'Border Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '#c4c4c4', - 'selectors' => [ - '{{WRAPPER}} .sub-menu li.menu-item:not(:last-child), + ], + ] + ); + $this->add_control( + 'divider_border_color', + [ + 'label' => __('Border Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '#c4c4c4', + 'selectors' => [ + '{{WRAPPER}} .sub-menu li.menu-item:not(:last-child), {{WRAPPER}} nav.hfe-dropdown li.menu-item:not(:last-child), {{WRAPPER}} nav.hfe-dropdown-expandible li.menu-item:not(:last-child)' => 'border-bottom-color: {{VALUE}};', - ], - 'condition' => [ - 'dropdown_divider_border!' => 'none', - ], - ] - ); - - $this->add_control( - 'dropdown_divider_width', - [ - 'label' => __( 'Border Width', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'range' => [ - 'px' => [ - 'max' => 50, - ], - ], - 'default' => [ - 'size' => '1', - 'unit' => 'px', - ], - 'selectors' => [ - '{{WRAPPER}} .sub-menu li.menu-item:not(:last-child), + ], + 'condition' => [ + 'dropdown_divider_border!' => 'none', + ], + ] + ); + + $this->add_control( + 'dropdown_divider_width', + [ + 'label' => __('Border Width', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'range' => [ + 'px' => [ + 'max' => 50, + ], + ], + 'default' => [ + 'size' => '1', + 'unit' => 'px', + ], + 'selectors' => [ + '{{WRAPPER}} .sub-menu li.menu-item:not(:last-child), {{WRAPPER}} nav.hfe-dropdown li.menu-item:not(:last-child), {{WRAPPER}} nav.hfe-dropdown-expandible li.menu-item:not(:last-child)' => 'border-bottom-width: {{SIZE}}{{UNIT}}', - ], - 'condition' => [ - 'dropdown_divider_border!' => 'none', - ], - ] - ); - - $this->end_controls_section(); - - $this->start_controls_section( - 'style_toggle', - [ - 'label' => __( 'Menu Trigger & Close Icon', 'header-footer-elementor' ), - 'tab' => Controls_Manager::TAB_STYLE, - ] - ); - - $this->start_controls_tabs( 'tabs_toggle_style' ); - - $this->start_controls_tab( - 'toggle_style_normal', - [ - 'label' => __( 'Normal', 'header-footer-elementor' ), - ] - ); - - $this->add_control( - 'toggle_color', - [ - 'label' => __( 'Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'selectors' => [ - '{{WRAPPER}} div.hfe-nav-menu-icon' => 'color: {{VALUE}}', - '{{WRAPPER}} div.hfe-nav-menu-icon svg' => 'fill: {{VALUE}}', - ], - ] - ); - - $this->add_control( - 'toggle_background_color', - [ - 'label' => __( 'Background Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'selectors' => [ - '{{WRAPPER}} .hfe-nav-menu-icon' => 'background-color: {{VALUE}}; padding: 0.35em;', - ], - ] - ); - - $this->end_controls_tab(); - - $this->start_controls_tab( - 'toggle_hover', - [ - 'label' => __( 'Hover', 'header-footer-elementor' ), - ] - ); - - $this->add_control( - 'toggle_hover_color', - [ - 'label' => __( 'Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'selectors' => [ - '{{WRAPPER}} div.hfe-nav-menu-icon:hover' => 'color: {{VALUE}}', - '{{WRAPPER}} div.hfe-nav-menu-icon:hover svg' => 'fill: {{VALUE}}', - - ], - ] - ); - - $this->add_control( - 'toggle_hover_background_color', - [ - 'label' => __( 'Background Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'selectors' => [ - '{{WRAPPER}} .hfe-nav-menu-icon:hover' => 'background-color: {{VALUE}}; padding: 0.35em;', - ], - ] - ); - - $this->end_controls_tab(); - - $this->end_controls_tabs(); - - $this->add_responsive_control( - 'toggle_size', - [ - 'label' => __( 'Icon Size', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'range' => [ - 'px' => [ - 'min' => 15, - ], - ], - 'selectors' => [ - '{{WRAPPER}} .hfe-nav-menu-icon' => 'font-size: {{SIZE}}{{UNIT}}', - '{{WRAPPER}} .hfe-nav-menu-icon svg' => 'font-size: {{SIZE}}px;line-height: {{SIZE}}px;height: {{SIZE}}px;width: {{SIZE}}px;', - ], - 'frontend_available' => true, - 'separator' => 'before', - ] - ); - - $this->add_responsive_control( - 'toggle_border_width', - [ - 'label' => __( 'Border Width', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'range' => [ - 'px' => [ - 'max' => 10, - ], - ], - 'selectors' => [ - '{{WRAPPER}} .hfe-nav-menu-icon' => 'border-width: {{SIZE}}{{UNIT}}; padding: 0.35em;', - ], - 'frontend_available' => true, - ] - ); - - $this->add_responsive_control( - 'toggle_border_radius', - [ - 'label' => __( 'Border Radius', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'size_units' => [ 'px', '%' ], - 'selectors' => [ - '{{WRAPPER}} .hfe-nav-menu-icon' => 'border-radius: {{SIZE}}{{UNIT}}', - ], - 'frontend_available' => true, - ] - ); - - $this->add_control( - 'close_color_flyout', - [ - 'label' => __( 'Close Icon Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '#7A7A7A', - 'selectors' => [ - '{{WRAPPER}} .hfe-flyout-close' => 'color: {{VALUE}}', - '{{WRAPPER}} .hfe-flyout-close svg' => 'fill: {{VALUE}}', - - ], - 'condition' => [ - 'layout' => 'flyout', - ], - 'separator' => 'before', - ] - ); - - $this->add_responsive_control( - 'close_flyout_size', - [ - 'label' => __( 'Close Icon Size', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'range' => [ - 'px' => [ - 'min' => 15, - ], - ], - 'selectors' => [ - '{{WRAPPER}} .hfe-flyout-close, + ], + 'condition' => [ + 'dropdown_divider_border!' => 'none', + ], + ] + ); + + $this->end_controls_section(); + + $this->start_controls_section( + 'style_toggle', + [ + 'label' => __('Menu Trigger & Close Icon', 'header-footer-elementor'), + 'tab' => Controls_Manager::TAB_STYLE, + ] + ); + + $this->start_controls_tabs('tabs_toggle_style'); + + $this->start_controls_tab( + 'toggle_style_normal', + [ + 'label' => __('Normal', 'header-footer-elementor'), + ] + ); + + $this->add_control( + 'toggle_color', + [ + 'label' => __('Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'selectors' => [ + '{{WRAPPER}} div.hfe-nav-menu-icon' => 'color: {{VALUE}}', + '{{WRAPPER}} div.hfe-nav-menu-icon svg' => 'fill: {{VALUE}}', + ], + ] + ); + + $this->add_control( + 'toggle_background_color', + [ + 'label' => __('Background Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'selectors' => [ + '{{WRAPPER}} .hfe-nav-menu-icon' => 'background-color: {{VALUE}}; padding: 0.35em;', + ], + ] + ); + + $this->end_controls_tab(); + + $this->start_controls_tab( + 'toggle_hover', + [ + 'label' => __('Hover', 'header-footer-elementor'), + ] + ); + + $this->add_control( + 'toggle_hover_color', + [ + 'label' => __('Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'selectors' => [ + '{{WRAPPER}} div.hfe-nav-menu-icon:hover' => 'color: {{VALUE}}', + '{{WRAPPER}} div.hfe-nav-menu-icon:hover svg' => 'fill: {{VALUE}}', + + ], + ] + ); + + $this->add_control( + 'toggle_hover_background_color', + [ + 'label' => __('Background Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'selectors' => [ + '{{WRAPPER}} .hfe-nav-menu-icon:hover' => 'background-color: {{VALUE}}; padding: 0.35em;', + ], + ] + ); + + $this->end_controls_tab(); + + $this->end_controls_tabs(); + + $this->add_responsive_control( + 'toggle_size', + [ + 'label' => __('Icon Size', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'range' => [ + 'px' => [ + 'min' => 15, + ], + ], + 'selectors' => [ + '{{WRAPPER}} .hfe-nav-menu-icon' => 'font-size: {{SIZE}}{{UNIT}}', + '{{WRAPPER}} .hfe-nav-menu-icon svg' => 'font-size: {{SIZE}}px;line-height: {{SIZE}}px;height: {{SIZE}}px;width: {{SIZE}}px;', + ], + 'frontend_available' => true, + 'separator' => 'before', + ] + ); + + $this->add_responsive_control( + 'toggle_border_width', + [ + 'label' => __('Border Width', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'range' => [ + 'px' => [ + 'max' => 10, + ], + ], + 'selectors' => [ + '{{WRAPPER}} .hfe-nav-menu-icon' => 'border-width: {{SIZE}}{{UNIT}}; padding: 0.35em;', + ], + 'frontend_available' => true, + ] + ); + + $this->add_responsive_control( + 'toggle_border_radius', + [ + 'label' => __('Border Radius', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'size_units' => [ 'px', '%' ], + 'selectors' => [ + '{{WRAPPER}} .hfe-nav-menu-icon' => 'border-radius: {{SIZE}}{{UNIT}}', + ], + 'frontend_available' => true, + ] + ); + + $this->add_control( + 'close_color_flyout', + [ + 'label' => __('Close Icon Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '#7A7A7A', + 'selectors' => [ + '{{WRAPPER}} .hfe-flyout-close' => 'color: {{VALUE}}', + '{{WRAPPER}} .hfe-flyout-close svg' => 'fill: {{VALUE}}', + + ], + 'condition' => [ + 'layout' => 'flyout', + ], + 'separator' => 'before', + ] + ); + + $this->add_responsive_control( + 'close_flyout_size', + [ + 'label' => __('Close Icon Size', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'range' => [ + 'px' => [ + 'min' => 15, + ], + ], + 'selectors' => [ + '{{WRAPPER}} .hfe-flyout-close, {{WRAPPER}} .hfe-flyout-close svg' => 'height: {{SIZE}}px; width: {{SIZE}}px; font-size: {{SIZE}}px; line-height: {{SIZE}}px;', - ], - 'condition' => [ - 'layout' => 'flyout', - ], - 'frontend_available' => true, - ] - ); - - $this->end_controls_section(); - $this->start_controls_section( - 'style_button', - [ - 'label' => __( 'Button', 'header-footer-elementor' ), - 'tab' => Controls_Manager::TAB_STYLE, - 'condition' => [ - 'menu_last_item' => 'cta', - ], - ] - ); - - $this->add_group_control( - Group_Control_Typography::get_type(), - [ - 'name' => 'all_typography', - 'label' => __( 'Typography', 'header-footer-elementor' ), - 'global' => [ - 'default' => Global_Typography::TYPOGRAPHY_ACCENT, - ], - 'selector' => '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button', - ] - ); - $this->add_responsive_control( - 'padding', - [ - 'label' => __( 'Padding', 'header-footer-elementor' ), - 'type' => Controls_Manager::DIMENSIONS, - 'size_units' => [ 'px', 'em', '%' ], - 'selectors' => [ - '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', - ], - 'frontend_available' => true, - ] - ); - - $this->start_controls_tabs( '_button_style' ); - - $this->start_controls_tab( - '_button_normal', - [ - 'label' => __( 'Normal', 'header-footer-elementor' ), - ] - ); - - $this->add_control( - 'all_text_color', - [ - 'label' => __( 'Text Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button' => 'color: {{VALUE}};', - ], - ] - ); - - $this->add_group_control( - Group_Control_Background::get_type(), - [ - 'name' => 'all_background_color', - 'label' => __( 'Background Color', 'header-footer-elementor' ), - 'types' => [ 'classic', 'gradient' ], - 'selector' => '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button', - 'fields_options' => [ - 'color' => [ - 'global' => [ - 'default' => Global_Colors::COLOR_ACCENT, - ], - ], - ], - ] - ); - - $this->add_group_control( - Group_Control_Border::get_type(), - [ - 'name' => 'all_border', - 'label' => __( 'Border', 'header-footer-elementor' ), - 'selector' => '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button', - ] - ); - - $this->add_control( - 'all_border_radius', - [ - 'label' => __( 'Border Radius', 'header-footer-elementor' ), - 'type' => Controls_Manager::DIMENSIONS, - 'size_units' => [ 'px', '%' ], - 'selectors' => [ - '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', - ], - ] - ); - - $this->add_group_control( - Group_Control_Box_Shadow::get_type(), - [ - 'name' => 'all_button_box_shadow', - 'selector' => '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button', - ] - ); - - $this->end_controls_tab(); - - $this->start_controls_tab( - 'all_button_hover', - [ - 'label' => __( 'Hover', 'header-footer-elementor' ), - ] - ); - - $this->add_control( - 'all_hover_color', - [ - 'label' => __( 'Text Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'selectors' => [ - '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button:hover' => 'color: {{VALUE}};', - ], - ] - ); - - $this->add_group_control( - Group_Control_Background::get_type(), - [ - 'name' => 'all_background_hover_color', - 'label' => __( 'Background Color', 'header-footer-elementor' ), - 'types' => [ 'classic', 'gradient' ], - 'selector' => '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button:hover', - 'fields_options' => [ - 'color' => [ - 'global' => [ - 'default' => Global_Colors::COLOR_ACCENT, - ], - ], - ], - ] - ); - - $this->add_control( - 'all_border_hover_color', - [ - 'label' => __( 'Border Hover Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button:hover' => 'border-color: {{VALUE}};', - ], - ] - ); - - $this->add_group_control( - Group_Control_Box_Shadow::get_type(), - [ - 'name' => 'all_button_hover_box_shadow', - 'selector' => '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button:hover', - 'separator' => 'after', - ] - ); - - $this->end_controls_tab(); - - $this->end_controls_tabs(); - - $this->end_controls_section(); - } - - /** - * Add itemprop for Navigation Schema. - * - * @since 1.5.2 - * @param string $atts link attributes. - * @access public - * @return string - */ - public function handle_link_attrs( $atts ) { - - $atts .= ' itemprop="url"'; - return $atts; - } - - /** - * Add itemprop to the li tag of Navigation Schema. - * - * @since 1.6.0 - * @param string $value link attributes. - * @access public - * @return string - */ - public function handle_li_values( $value ) { - - $value .= ' itemprop="name"'; - return $value; - } - - /** - * Get the menu and close icon HTML. - * - * @since 1.5.2 - * @param array $settings Widget settings array. - * @access public - * @return array - */ - public function get_menu_close_icon( $settings ) { - $menu_icon = ''; - $close_icon = ''; - $icons = []; - $icon_settings = [ - $settings['dropdown_icon'], - $settings['dropdown_close_icon'], - ]; - - foreach ( $icon_settings as $icon ) { - if ( $this->is_elementor_updated() ) { - ob_start(); - \Elementor\Icons_Manager::render_icon( - $icon, - [ - 'aria-hidden' => 'true', - 'tabindex' => '0', - ] - ); - $menu_icon = ob_get_clean(); - } else { - $menu_icon = ''; - } - - array_push( $icons, $menu_icon ); - } - - return $icons; - } - - /** - * Render Nav Menu output on the frontend. - * - * Written in PHP and used to generate the final HTML. - * - * @since 1.3.0 - * @access protected - * @return (void | false) - */ - protected function render() { - - $menus = $this->get_available_menus(); - - if ( empty( $menus ) ) { - return false; - } - - $settings = $this->get_settings_for_display(); - - $menu_close_icons = []; - $menu_close_icons = $this->get_menu_close_icon( $settings ); - - $args = [ - 'echo' => false, - 'menu' => $settings['menu'], - 'menu_class' => 'hfe-nav-menu', - 'menu_id' => 'menu-' . $this->get_nav_menu_index() . '-' . $this->get_id(), - 'fallback_cb' => '__return_empty_string', - 'container' => '', - 'walker' => new Menu_Walker(), - ]; - - if ( 'yes' === $settings['schema_support'] ) { - $this->add_render_attribute( 'hfe-nav-menu', 'itemscope', 'itemscope' ); - $this->add_render_attribute( 'hfe-nav-menu', 'itemtype', 'https://schema.org/SiteNavigationElement' ); - - add_filter( 'hfe_nav_menu_attrs', [ $this, 'handle_link_attrs' ] ); - add_filter( 'nav_menu_li_values', [ $this, 'handle_li_values' ] ); - } - - if ( 'flyout' === $settings['layout'] ) { - - $this->add_render_attribute( 'hfe-flyout', 'class', 'hfe-flyout-wrapper' ); - if ( 'cta' === $settings['menu_last_item'] ) { - - $this->add_render_attribute( 'hfe-flyout', 'data-last-item', $settings['menu_last_item'] ); - } - - ?> -
-
-
-
-
+
+
+
+
+
-
-
+
+ ';
- do_action( 'hfe_fallback_header' );
- echo '
';
- }
- }
+ if (! did_action('wp_body_open')) {
+ echo '
@@ -174,480 +172,456 @@ public function register_notices() {
' . esc_html( $button_label ) . '
'; - - printf( '%2$s
%3$s' . esc_html( $button_label ) . '
'; - - printf( '%2$s
%3$s' . esc_html($button_label) . '
'; + + printf('%2$s
%3$s' . esc_html($button_label) . '
'; + + printf('%2$s
%3$s%2$s
- plugin.', 'header-footer-elementor' ), - [ - 'a' => [ - 'href' => [], - ], - ] - ), - 'https://github.com/Nikschavan/header-footer-elementor/wiki/Adding-Header-Footer-Elementor-support-for-your-theme' - ); - ?> -
- - '; - esc_attr_e( 'Elementor Header & Footer Builder ', 'header-footer-elementor' ); - echo ''; - $this->hfe_tabs(); - ?> - - get_themes_support(); - break; - - case 'hfe-about': - $this->get_about_html(); - break; - - case 'default': - break; - } - } - } - - /** - * Settings page - load modal content. - * - * Call back function for add submenu page function. - * - * @since 1.6.2 - * @return (void | bool) - */ - public function hfe_modal() { - $is_dismissed = []; - $is_dismissed = get_user_meta( get_current_user_id(), 'hfe-popup' ); - - $is_subscribed = get_user_meta( get_current_user_ID(), 'hfe-subscribed' ); - $subscribe_valid = ( is_array( $is_subscribed ) && isset( $is_subscribed[0] ) && 'yes' === $is_subscribed[0] ) ? 'yes' : false; - - if ( ( ! empty( $is_dismissed ) && 'dismissed' === $is_dismissed[0] ) || 'yes' === $subscribe_valid ) { - return false; - } else { - $this->get_guide_modal(); - } - } - - /** - * Function for adding tabs - * - * @since 1.6.0 - * @return void - */ - public function hfe_tabs() { - ?> - - post_type || 'appearance_page_hfe-guide' === $current_screen->id || 'appearance_page_hfe-about' === $current_screen->id || 'appearance_page_hfe-settings' === $current_screen->id ) ); - - if ( $is_elementor_screen ) { - $footer_text = sprintf( - /* translators: 1: Elementor, 2: Link to plugin review */ - __( 'Help us spread the word about the plugin by leaving %2$s %1$s %3$s ratings on %2$s WordPress.org %3$s. Thank you from the Brainstorm Force team!', 'header-footer-elementor' ), - '★★★★★', - '', - '' - ); - } - - return $footer_text; - } - - /** - * Function for theme support tab - * - * @since 1.6.0 - * @return void - */ - public function get_themes_support() { - ?> - - - -
-
-
-
- get_form_row_1(); ?>
- get_form_row_2(); ?>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ', '', '', '' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - -
-
-
- output_about_info();
- $this->output_about_addons();
- }
-
- /**
- * Function for Astra Pro white labels with defaults.
- *
- * @since 1.6.24
- * @return array
- */
- protected function get_white_label() {
- $white_labels = is_callable( 'Astra_Admin_Helper::get_admin_settings_option' ) ? \Astra_Admin_Helper::get_admin_settings_option( '_astra_ext_white_label', true ) : [];
-
- $theme_name = ! empty( $white_labels['astra']['name'] ) ? $white_labels['astra']['name'] : 'Astra';
-
- return [
- 'theme_name' => $theme_name,
- /* translators: %s: theme name */
- 'description' => ! empty( $white_labels['astra']['description'] ) ? $white_labels['astra']['description'] : esc_html( sprintf( __( 'Powering over 1+ Million websites, %s is loved for the fast performance and ease of use it offers. It is suitable for all kinds of websites like blogs, portfolios, business, and WooCommerce stores.', 'header-footer-elementor' ), esc_html( $theme_name ) ) ),
- 'theme_icon' => ! empty( $white_labels['astra']['icon'] ) ? $white_labels['astra']['icon'] : '',
- 'author_url' => ! empty( $white_labels['astra']['author_url'] ) ? $white_labels['astra']['author_url'] : 'https://wpastra.com/',
- ];
- }
-
- /**
- * Display the General Info section of About tab.
- *
- * @since 1.6.0
- * @return void
- */
- protected function output_about_info() {
-
- $white_labels = $this->get_white_label();
-
- ?>
-
-
-
-
-
-
-
- ; ?>)
-
-
- get_guide_html(); ?>
-
-
-
-
-
- get_bsf_plugins();
- $can_install_plugins = $this->hfe_can_install( 'plugin' );
- $can_install_themes = $this->hfe_can_install( 'theme' );
-
- ?>
-
-
-
-
-
-
-
-
-
-
-
-
- - -
-
- ; ?>assets/images/settings/our-team.jpeg)
-
-
-
-
-
-
-
- -
-
- name || 'Astra' === $theme->parent_theme ) ) ) {
-
- // Status text/status.
- $plugin_data['status_class'] = 'status-active';
- $plugin_data['status_text'] = esc_html__( 'Active', 'header-footer-elementor' );
- // Button text/status.
- $plugin_data['action_class'] = $plugin_data['status_class'] . ' button button-secondary disabled';
- $plugin_data['action_text'] = esc_html__( 'Activated', 'header-footer-elementor' );
- $plugin_data['plugin_src'] = esc_attr( $addon );
- } else {
- // Status text/status.
- $plugin_data['status_class'] = 'status-inactive';
- $plugin_data['status_text'] = esc_html__( 'Inactive', 'header-footer-elementor' );
- // Button text/status.
- $plugin_data['action_class'] = $plugin_data['status_class'] . ' button button-secondary';
- $plugin_data['action_text'] = esc_html__( 'Activate', 'header-footer-elementor' );
- $plugin_data['plugin_src'] = esc_attr( $addon );
- }
- } else {
- // install if already doesn't exists.
- // Status text/status.
- $plugin_data['status_class'] = 'status-download';
- if ( isset( $details['act'] ) && 'go-to-url' === $details['act'] ) {
- $plugin_data['status_class'] = 'status-go-to-url';
- }
- $plugin_data['status_text'] = esc_html__( 'Not Installed', 'header-footer-elementor' );
- // Button text/status.
- $plugin_data['action_class'] = $plugin_data['status_class'] . ' button button-primary';
- $plugin_data['action_text'] = esc_html__( 'Install', 'header-footer-elementor' );
- $plugin_data['plugin_src'] = esc_url( $details['url'] );
-
- if ( $have_pro ) {
- $plugin_data['status_class'] = '';
- $plugin_data['action_text'] = esc_html__( 'Visit Website', 'header-footer-elementor' );
- }
- }
-
- $plugin_data['details'] = $details;
-
- return $plugin_data;
- }
-
- /**
- * List of plugins that we propose to install.
- *
- * @since 1.6.0
- *
- * @return array
- */
- protected function get_bsf_plugins() {
-
- $white_labels = $this->get_white_label();
-
- $images_url = HFE_URL . 'assets/images/settings/';
-
- return [
-
- 'astra' => [
- 'icon' => ! empty( $white_labels['theme_icon'] ) ? $white_labels['theme_icon'] : $images_url . 'plugin-astra.png',
- 'type' => 'theme',
- 'name' => $white_labels['theme_name'],
- 'desc' => $white_labels['description'],
- 'wporg' => 'https://wordpress.org/themes/astra/',
- 'url' => 'https://downloads.wordpress.org/theme/astra.zip',
- 'siteurl' => $white_labels['author_url'],
- 'pro' => false,
- 'slug' => 'astra',
- ],
-
- 'astra-sites/astra-sites.php' => [
- 'icon' => $images_url . 'plugin-st.png',
- 'type' => 'plugin',
- 'name' => esc_html__( 'Starter Templates', 'header-footer-elementor' ),
- 'desc' => esc_html__( 'A popular templates plugin that provides an extensive library of professional and fully customizable 600+ ready website and templates. More than 1+ Million websites have built with this plugin.', 'header-footer-elementor' ),
- 'wporg' => 'https://wordpress.org/plugins/astra-sites/',
- 'url' => 'https://downloads.wordpress.org/plugin/astra-sites.zip',
- 'siteurl' => 'https://startertemplates.com/',
- 'pro' => false,
- 'slug' => 'astra-sites',
- ],
-
- 'ultimate-elementor/ultimate-elementor.php' => [
- 'icon' => $images_url . 'plugin-uae.png',
- 'type' => 'plugin',
- 'name' => esc_html__( 'Ultimate Addons for Elementor', 'header-footer-elementor' ),
- 'desc' => esc_html__( 'It’s a collection of 40+ unique, creative, and optimized Elementor widgets with 100+ readymade templates. Trusted by more than 600+ K web professionals. It’s a #1 toolkit for Elementor Page Builder.', 'header-footer-elementor' ),
- 'wporg' => '',
- 'url' => 'https://ultimateelementor.com/',
- 'siteurl' => 'https://ultimateelementor.com/',
- 'pro' => true,
- 'slug' => 'ultimate-elementor',
- ],
- ];
- }
-
- /**
- * Determine if the plugin/addon installations are allowed.
- *
- * @since 1.6.0
- * @param string $type defines addon type.
- * @return bool
- */
- public function hfe_can_install( $type ) {
-
- if ( ! in_array( $type, [ 'plugin', 'theme' ], true ) ) {
- return false;
- }
-
- // Determine whether file modifications are allowed.
- if ( ! wp_is_file_mod_allowed( 'hfe_can_install' ) ) {
- return false;
- }
-
- if ( 'theme' === $type ) {
- if ( ! current_user_can( 'install_themes' ) ) {
- return false;
- }
-
- return true;
-
- } elseif ( 'plugin' === $type ) {
- if ( ! current_user_can( 'install_plugins' ) ) {
- return false;
- }
-
- return true;
- }
-
- return false;
- }
-
- /**
- * Add settings link to the Plugins page.
- *
- * @since 1.6.0
- *
- * @param array $links Plugin row links.
- *
- * @return array $links
- */
- public function settings_link( $links ) {
-
- $custom['settings'] = sprintf(
- '%s',
- esc_url(
- add_query_arg(
- [
- 'post_type' => 'elementor-hf',
- ],
- admin_url( 'edit.php' )
- )
- ),
- esc_attr__( 'Go to HFE Settings page', 'header-footer-elementor' ),
- esc_html__( 'Settings', 'header-footer-elementor' )
- );
-
- return array_merge( $custom, (array) $links );
- }
-}
-
-new HFE_Settings_Page();
diff --git a/inc/class-hfe-update.php b/inc/class-hfe-update.php
index c99caf607..79c589721 100644
--- a/inc/class-hfe-update.php
+++ b/inc/class-hfe-update.php
@@ -1,176 +1,184 @@
+ *
* @copyright Copyright (c) 2019, Header Footer Elementor
+ *
* @link https://github.com/Nikschavan/header-footer-elementor/
+ *
* @since HFE 1.1.4
*/
-if ( ! defined( 'ABSPATH' ) ) {
- exit; // Exit if accessed directly.
+if (! defined('ABSPATH')) {
+ exit; // Exit if accessed directly.
}
-if ( ! class_exists( 'HFE_Update' ) ) {
-
- /**
- * HFE_Update initial setup
- *
- * @since 1.1.4
- */
- class HFE_Update {
-
- /**
- * Option key for stored version number.
- *
- * @since 1.1.4
- * @var string
- */
- // phpcs:ignore
- private string $db_option_key = '_hfe_db_version';
-
- /**
- * Constructor
- *
- * @since 1.1.4
- */
- public function __construct() {
-
- // Theme Updates.
- if ( is_admin() ) {
- add_action( 'admin_init', [ $this, 'init' ], 5 );
- } else {
- add_action( 'wp', [ $this, 'init' ], 5 );
- }
- }
-
- /**
- * Implement theme update logic.
- *
- * @since 1.1.4
- * @return void
- */
- public function init() {
- do_action( 'hfe_update_before' );
-
- if ( ! $this->needs_db_update() ) {
- return;
- }
-
- $db_version = get_option( $this->db_option_key, false );
-
- if ( version_compare( $db_version, '1.2.0-beta.2', '<' ) ) {
- $this->setup_default_terget_rules();
- }
-
- // flush rewrite rules on plugin update.
- flush_rewrite_rules(); // PHPCS:Ignore WordPressVIPMinimum.Functions.RestrictedFunctions.flush_rewrite_rules_flush_rewrite_rules
-
- $this->update_db_version();
-
- do_action( 'hfe_update_after' );
- }
-
- /**
- * Set default target rules for header, footer, before footers being used before target rules were added to the plugin.
- *
- * @since 1.2.0-beta.1
- * @return void
- */
- private function setup_default_terget_rules() {
- $default_include_locations = [
- 'rule' => [ 0 => 'basic-global' ],
- 'specific' => [],
- ];
-
- $header_id = $this->get_legacy_template_id( 'type_header' );
- $footer_id = $this->get_legacy_template_id( 'type_footer' );
- $before_footer_id = $this->get_legacy_template_id( 'type_before_footer' );
-
- // Header.
- if ( ! empty( $header_id ) ) {
- update_post_meta( $header_id, 'ehf_target_include_locations', $default_include_locations );
- }
-
- // Footer.
- if ( ! empty( $footer_id ) ) {
- update_post_meta( $footer_id, 'ehf_target_include_locations', $default_include_locations );
- }
-
- // Before Footer.
- if ( ! empty( $before_footer_id ) ) {
- update_post_meta( $before_footer_id, 'ehf_target_include_locations', $default_include_locations );
- }
- }
-
- /**
- * Get header or footer template id based on the meta query.
- *
- * @param string $type Type of the template header/footer.
- *
- * @return mixed Returns the header or footer template id if found, else returns string ''.
- */
- public function get_legacy_template_id( $type ) {
- $args = [
- 'post_type' => 'elementor-hf',
- 'meta_key' => 'ehf_template_type',
- 'meta_value' => $type, // PHPCS:Ignore WordPress.DB.SlowDBQuery.slow_db_query_meta_value
- 'meta_type' => 'post',
- 'meta_compare' => '>=',
- 'orderby' => 'meta_value',
- 'order' => 'ASC',
- 'meta_query' => [ // PHPCS:Ignore WordPress.DB.SlowDBQuery.slow_db_query_meta_query
- 'relation' => 'OR',
- [
- 'key' => 'ehf_template_type',
- 'value' => $type,
- 'compare' => '==',
- 'type' => 'post',
- ],
- ],
- ];
-
- $args = apply_filters( 'hfe_get_template_id_args', $args );
- $template = new WP_Query(
- $args
- );
-
- if ( $template->have_posts() ) {
- $posts = wp_list_pluck( $template->posts, 'ID' );
- return $posts[0];
- }
-
- return '';
- }
-
- /**
- * Check if db upgrade is required.
- *
- * @since 1.1.4
- * @return bool True if stored database version is lower than constant; false if otherwise.
- */
- private function needs_db_update() {
- $db_version = get_option( $this->db_option_key, false );
-
- if ( false === $db_version || version_compare( $db_version, HFE_VER ) ) {
- return true;
- }
-
- return false;
- }
-
- /**
- * Update DB version.
- *
- * @since 1.1.4
- * @return void
- */
- private function update_db_version() {
- update_option( $this->db_option_key, HFE_VER );
- }
- }
+if (! class_exists('HFE_Update')) {
+ /**
+ * HFE_Update initial setup
+ *
+ * @since 1.1.4
+ */
+ class HFE_Update
+ {
+ /**
+ * Option key for stored version number.
+ *
+ * @since 1.1.4
+ */
+ // phpcs:ignore
+ private string $db_option_key = '_hfe_db_version';
+
+ /**
+ * Constructor
+ *
+ * @since 1.1.4
+ */
+ public function __construct()
+ {
+ // Theme Updates.
+ if (is_admin()) {
+ add_action('admin_init', [ $this, 'init' ], 5);
+ } else {
+ add_action('wp', [ $this, 'init' ], 5);
+ }
+ }
+
+ /**
+ * Implement theme update logic.
+ *
+ * @since 1.1.4
+ */
+ public function init(): void
+ {
+ do_action('hfe_update_before');
+
+ if (! $this->needs_db_update()) {
+ return;
+ }
+
+ $db_version = get_option($this->db_option_key, false);
+
+ if (version_compare($db_version, '1.2.0-beta.2', '<')) {
+ $this->setup_default_terget_rules();
+ }
+
+ // flush rewrite rules on plugin update.
+ flush_rewrite_rules(); // PHPCS:Ignore WordPressVIPMinimum.Functions.RestrictedFunctions.flush_rewrite_rules_flush_rewrite_rules
+
+ $this->update_db_version();
+
+ do_action('hfe_update_after');
+ }
+
+ /**
+ * Get header or footer template id based on the meta query.
+ *
+ * @param string $type Type of the template header/footer.
+ *
+ * @return mixed Returns the header or footer template id if found, else returns string ''.
+ */
+ public function get_legacy_template_id(string $type): mixed
+ {
+ $args = [
+ 'post_type' => 'elementor-hf',
+ 'meta_key' => 'ehf_template_type',
+ 'meta_value' => $type, // PHPCS:Ignore WordPress.DB.SlowDBQuery.slow_db_query_meta_value
+ 'meta_type' => 'post',
+ 'meta_compare' => '>=',
+ 'orderby' => 'meta_value',
+ 'order' => 'ASC',
+ 'meta_query' => [ // PHPCS:Ignore WordPress.DB.SlowDBQuery.slow_db_query_meta_query
+ 'relation' => 'OR',
+ [
+ 'key' => 'ehf_template_type',
+ 'value' => $type,
+ 'compare' => '==',
+ 'type' => 'post',
+ ],
+ ],
+ ];
+
+ $args = apply_filters('hfe_get_template_id_args', $args);
+ $template = new WP_Query(
+ $args
+ );
+
+ if ($template->have_posts()) {
+ $posts = wp_list_pluck($template->posts, 'ID');
+ return $posts[0];
+ }
+
+ return '';
+ }
+
+ /**
+ * Set default target rules for header, footer, before footers being used before target rules were added to the plugin.
+ *
+ * @since 1.2.0-beta.1
+ */
+ private function setup_default_terget_rules(): void
+ {
+ $default_include_locations = [
+ 'rule' => [ 0 => 'basic-global' ],
+ 'specific' => [],
+ ];
+
+ $header_id = $this->get_legacy_template_id('type_header');
+ $footer_id = $this->get_legacy_template_id('type_footer');
+ $before_footer_id = $this->get_legacy_template_id('type_before_footer');
+
+ // Header.
+ if (! empty($header_id)) {
+ update_post_meta($header_id, 'ehf_target_include_locations', $default_include_locations);
+ }
+
+ // Footer.
+ if (! empty($footer_id)) {
+ update_post_meta($footer_id, 'ehf_target_include_locations', $default_include_locations);
+ }
+
+ // Before Footer.
+ if (! empty($before_footer_id)) {
+ update_post_meta($before_footer_id, 'ehf_target_include_locations', $default_include_locations);
+ }
+ }
+
+ /**
+ * Check if db upgrade is required.
+ *
+ * @since 1.1.4
+ *
+ * @return bool True if stored database version is lower than constant; false if otherwise.
+ */
+ private function needs_db_update(): bool
+ {
+ $db_version = get_option($this->db_option_key, false);
+
+ if ($db_version === false || version_compare($db_version, HFE_VER)) {
+ return true;
+ }
+
+ return false;
+ }
+
+ /**
+ * Update DB version.
+ *
+ * @since 1.1.4
+ */
+ private function update_db_version(): void
+ {
+ update_option($this->db_option_key, HFE_VER);
+ }
+ }
}
new HFE_Update();
diff --git a/inc/compatibility/class-hfe-wpml-compatibility.php b/inc/compatibility/class-hfe-wpml-compatibility.php
index 011c00bd2..0e1a0cdab 100644
--- a/inc/compatibility/class-hfe-wpml-compatibility.php
+++ b/inc/compatibility/class-hfe-wpml-compatibility.php
@@ -1,84 +1,93 @@
-
- $details ) :
-
- $plugin_data = $this->get_plugin_data( $plugin, $details, $all_plugins, $all_themes );
-
- ?>
-
-
-
-
-
-
-
- ; ?>)
-
-
-
- - ', - '', - esc_html( $plugin_data['details']['name'] ) - ); - ?> -
- - -
-
-
-
- ' . wp_kses_post( $plugin_data['status_text'] ) . ''
- );
- ?>
-
-
-
-
-
- register_general_content_controls();
- $this->register_cart_typo_content_controls();
- }
-
- /**
- * Register Menu Cart General Controls.
- *
- * @since 1.4.0
- * @access protected
- * @return void
- */
- protected function register_general_content_controls() {
-
- $this->start_controls_section(
- 'section_general_fields',
- [
- 'label' => __( 'Menu Cart', 'header-footer-elementor' ),
- ]
- );
-
- $this->add_control(
- 'hfe_cart_type',
- [
- 'label' => __( 'Type', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'default' => 'default',
- 'options' => [
- 'default' => __( 'Default', 'header-footer-elementor' ),
- 'custom' => __( 'Custom', 'header-footer-elementor' ),
- ],
- ]
- );
-
- $this->add_control(
- 'icon',
- [
- 'label' => __( 'Icon', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'options' => [
- 'bag-light' => __( 'Bag Light', 'header-footer-elementor' ),
- 'bag-medium' => __( 'Bag Medium', 'header-footer-elementor' ),
- 'bag-solid' => __( 'Bag Solid', 'header-footer-elementor' ),
- ],
- 'default' => 'bag-light',
- 'prefix_class' => 'toggle-icon--',
- 'condition' => [
- 'hfe_cart_type' => 'custom',
- ],
- ]
- );
-
- $this->add_control(
- 'items_indicator',
- [
- 'label' => __( 'Items Count', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'options' => [
- 'none' => __( 'None', 'header-footer-elementor' ),
- 'bubble' => __( 'Bubble', 'header-footer-elementor' ),
- ],
- 'prefix_class' => 'hfe-menu-cart--items-indicator-',
- 'default' => 'bubble',
- 'condition' => [
- 'hfe_cart_type' => 'custom',
- ],
- ]
- );
-
- $this->add_control(
- 'show_subtotal',
- [
- 'label' => __( 'Show Total Price', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SWITCHER,
- 'label_on' => __( 'Yes', 'header-footer-elementor' ),
- 'label_off' => __( 'No', 'header-footer-elementor' ),
- 'return_value' => 'yes',
- 'default' => 'yes',
- 'prefix_class' => 'hfe-menu-cart--show-subtotal-',
- 'condition' => [
- 'hfe_cart_type' => 'custom',
- ],
- ]
- );
-
- $this->add_control(
- 'hide_empty_indicator',
- [
- 'label' => __( 'Hide Empty', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SWITCHER,
- 'label_on' => __( 'Yes', 'header-footer-elementor' ),
- 'label_off' => __( 'No', 'header-footer-elementor' ),
- 'return_value' => 'hide',
- 'prefix_class' => 'hfe-menu-cart--empty-indicator-',
- 'description' => __( 'This will hide the items count until the cart is empty', 'header-footer-elementor' ),
- 'condition' => [
- 'items_indicator!' => 'none',
- 'hfe_cart_type' => 'custom',
- ],
- ]
- );
-
- $this->add_responsive_control(
- 'align',
- [
- 'label' => __( 'Alignment', 'header-footer-elementor' ),
- 'type' => Controls_Manager::CHOOSE,
- 'options' => [
- 'left' => [
- 'title' => __( 'Left', 'header-footer-elementor' ),
- 'icon' => 'eicon-text-align-left',
- ],
- 'center' => [
- 'title' => __( 'Center', 'header-footer-elementor' ),
- 'icon' => 'eicon-text-align-center',
- ],
- 'right' => [
- 'title' => __( 'Right', 'header-footer-elementor' ),
- 'icon' => 'eicon-text-align-right',
- ],
- ],
- 'frontend_available' => true,
- 'prefix_class' => 'elementor%s-align-',
- 'default' => '',
- ]
- );
-
- $this->end_controls_section();
- }
-
-
- /**
- * Register Menu Cart Typography Controls.
- *
- * @since 1.4.0
- * @access protected
- * @return void
- */
- protected function register_cart_typo_content_controls() {
- $this->start_controls_section(
- 'section_heading_typography',
- [
- 'label' => __( 'Menu Cart', 'header-footer-elementor' ),
- 'tab' => Controls_Manager::TAB_STYLE,
- ]
- );
-
- $this->add_group_control(
- Group_Control_Typography::get_type(),
- [
- 'name' => 'toggle_button_typography',
- 'global' => [
- 'default' => Global_Typography::TYPOGRAPHY_PRIMARY,
- ],
- 'selector' => '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button',
- 'condition' => [
- 'hfe_cart_type' => 'custom',
- ],
- ]
- );
- $this->add_control(
- 'icon_size',
- [
- 'label' => __( 'Size', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'range' => [
- 'px' => [
- 'min' => 15,
- 'max' => 30,
- ],
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-masthead-custom-menu-items .hfe-site-header-cart .hfe-site-header-cart-li ' => 'font-size: {{SIZE}}{{UNIT}};',
- ],
- 'condition' => [
- 'hfe_cart_type' => 'default',
- ],
- ]
- );
- $this->add_control(
- 'toggle_button_border_width',
- [
- 'label' => __( 'Border Width', 'header-footer-elementor' ),
- 'type' => Controls_Manager::DIMENSIONS,
- 'size_units' => [ 'px' ],
- 'default' => [
- 'top' => '1',
- 'bottom' => '1',
- 'left' => '1',
- 'right' => '1',
- 'unit' => 'px',
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button,{{WRAPPER}} .hfe-cart-menu-wrap-default .hfe-cart-count:after, {{WRAPPER}} .hfe-cart-menu-wrap-default .hfe-cart-count' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
- ],
- ]
- );
-
- $this->add_control(
- 'toggle_button_border_radius',
- [
- 'label' => __( 'Border Radius', 'header-footer-elementor' ),
- 'type' => Controls_Manager::DIMENSIONS,
- 'default' => [
- 'top' => '',
- 'bottom' => '',
- 'left' => '',
- 'right' => '',
- 'unit' => 'px',
- ],
- 'size_units' => [ 'px', 'em', '%' ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button,{{WRAPPER}} .hfe-cart-menu-wrap-default .hfe-cart-count:after, {{WRAPPER}} .hfe-cart-menu-wrap-default .hfe-cart-count' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
- ],
-
- ]
- );
-
- $this->add_responsive_control(
- 'toggle_button_padding',
- [
- 'label' => __( 'Padding', 'header-footer-elementor' ),
- 'type' => Controls_Manager::DIMENSIONS,
- 'size_units' => [ 'px', 'em' ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
- ],
- 'condition' => [
- 'hfe_cart_type' => 'custom',
- ],
- 'frontend_available' => true,
- ]
- );
-
- $this->start_controls_tabs( 'toggle_button_colors' );
-
- $this->start_controls_tab(
- 'toggle_button_normal_colors',
- [
- 'label' => __( 'Normal', 'header-footer-elementor' ),
- ]
- );
-
- $this->add_control(
- 'toggle_button_text_color',
- [
- 'label' => __( 'Text Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button,{{WRAPPER}} .hfe-cart-menu-wrap-default span.hfe-cart-count' => 'color: {{VALUE}}',
- ],
- ]
- );
-
- $this->add_control(
- 'toggle_button_icon_color',
- [
- 'label' => __( 'Icon Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button-icon' => 'color: {{VALUE}}',
- ],
- 'condition' => [
- 'hfe_cart_type' => 'custom',
- ],
- ]
- );
-
- $this->add_control(
- 'toggle_button_background_color',
- [
- 'label' => __( 'Background Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button,{{WRAPPER}} .hfe-cart-menu-wrap-default span.hfe-cart-count' => 'background-color: {{VALUE}}',
- ],
- ]
- );
-
- $this->add_control(
- 'toggle_button_border_color',
- [
- 'label' => __( 'Border Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button,{{WRAPPER}} .hfe-cart-menu-wrap-default .hfe-cart-count:after, {{WRAPPER}} .hfe-masthead-custom-menu-items .hfe-cart-menu-wrap-default .hfe-cart-count' => 'border-color: {{VALUE}}',
- ],
- ]
- );
-
- $this->end_controls_tab();
-
- $this->start_controls_tab(
- 'toggle_button_hover_colors',
- [
- 'label' => __( 'Hover', 'header-footer-elementor' ),
- ]
- );
-
- $this->add_control(
- 'toggle_button_hover_text_color',
- [
- 'label' => __( 'Text Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button:hover,{{WRAPPER}} .hfe-cart-menu-wrap-default span.hfe-cart-count:hover' => 'color: {{VALUE}}',
- ],
- ]
- );
-
- $this->add_control(
- 'toggle_button_hover_icon_color',
- [
- 'label' => __( 'Icon Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button:hover .elementor-button-icon' => 'color: {{VALUE}}',
- ],
- 'condition' => [
- 'hfe_cart_type' => 'custom',
- ],
- ]
- );
-
- $this->add_control(
- 'toggle_button_hover_background_color',
- [
- 'label' => __( 'Background Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button:hover,{{WRAPPER}} .hfe-cart-menu-wrap-default span.hfe-cart-count:hover' => 'background-color: {{VALUE}}',
- ],
- ]
- );
-
- $this->add_control(
- 'toggle_button_hover_border_color',
- [
- 'label' => __( 'Border Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button:hover,{{WRAPPER}} .hfe-cart-menu-wrap-default:hover .hfe-cart-count:after, {{WRAPPER}} .hfe-cart-menu-wrap-default:hover .hfe-cart-count' => 'border-color: {{VALUE}}',
- ],
- ]
- );
-
- $this->end_controls_tab();
-
- $this->end_controls_tabs();
- $this->add_control(
- 'toggle_icon_size',
- [
- 'label' => __( 'Icon Size', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'range' => [
- 'px' => [
- 'min' => 0,
- 'max' => 50,
- ],
- ],
- 'size_units' => [ 'px', 'em' ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button-icon' => 'font-size: {{SIZE}}{{UNIT}}',
- ],
- 'condition' => [
- 'hfe_cart_type' => 'custom',
- ],
- 'separator' => 'before',
- ]
- );
-
- $this->add_control(
- 'toggle_icon_spacing',
- [
- 'label' => __( 'Icon Spacing', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'range' => [
- 'px' => [
- 'min' => 0,
- 'max' => 50,
- ],
- ],
- 'size-units' => [ 'px', 'em' ],
- 'selectors' => [
- 'body:not(.rtl) {{WRAPPER}} .hfe-menu-cart__toggle .elementor-button-text' => 'margin-right: {{SIZE}}{{UNIT}}',
- 'body.rtl {{WRAPPER}} .hfe-menu-cart__toggle .elementor-button-text' => 'margin-left: {{SIZE}}{{UNIT}}',
- ],
- 'condition' => [
- 'hfe_cart_type' => 'custom',
- ],
- ]
- );
-
- $this->end_controls_section();
-
- $this->start_controls_section(
- 'section_icon',
- [
- 'label' => __( 'Items Count', 'header-footer-elementor' ),
- 'tab' => Controls_Manager::TAB_STYLE,
- 'condition' => [
- 'icon[value]!' => '',
- 'items_indicator!' => 'none',
- 'hfe_cart_type' => 'custom',
- ],
- ]
- );
-
- $this->add_control(
- 'items_indicator_distance',
- [
- 'label' => __( 'Distance', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'default' => [
- 'unit' => 'em',
- ],
- 'range' => [
- 'em' => [
- 'min' => 0,
- 'max' => 4,
- 'step' => 0.1,
- ],
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button-icon[data-counter]:before' => 'right: -{{SIZE}}{{UNIT}}; top: -{{SIZE}}{{UNIT}}',
- ],
- 'condition' => [
- 'items_indicator' => 'bubble',
- ],
- ]
- );
-
- $this->start_controls_tabs( 'count_colors' );
-
- $this->start_controls_tab(
- 'count_normal_colors',
- [
- 'label' => __( 'Normal', 'header-footer-elementor' ),
- ]
- );
-
- $this->add_control(
- 'items_indicator_text_color',
- [
- 'label' => __( 'Text Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button-icon[data-counter]:before' => 'color: {{VALUE}}',
- ],
- 'condition' => [
- 'items_indicator!' => 'none',
- ],
- ]
- );
-
- $this->add_control(
- 'items_indicator_background_color',
- [
- 'label' => __( 'Background Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button-icon[data-counter]:before' => 'background-color: {{VALUE}}',
- ],
- 'condition' => [
- 'items_indicator' => 'bubble',
- ],
- ]
- );
-
- $this->end_controls_tab();
-
- $this->start_controls_tab(
- 'count_hover_colors',
- [
- 'label' => __( 'Hover', 'header-footer-elementor' ),
- ]
- );
-
- $this->add_control(
- 'items_indicator_text_hover_color',
- [
- 'label' => __( 'Text Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .hfe-menu-cart__toggle:hover .elementor-button-icon[data-counter]:before' => 'color: {{VALUE}}',
- ],
- 'condition' => [
- 'items_indicator!' => 'none',
- ],
- ]
- );
-
- $this->add_control(
- 'items_indicator_background_hover_color',
- [
- 'label' => __( 'Background Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .hfe-menu-cart__toggle:hover .elementor-button-icon[data-counter]:before' => 'background-color: {{VALUE}}',
- ],
- 'condition' => [
- 'items_indicator' => 'bubble',
- ],
- ]
- );
-
- $this->end_controls_tab();
-
- $this->end_controls_tabs();
-
- $this->end_controls_section();
- }
-
- /**
- * Render Menu Cart output on the frontend.
- *
- * Written in PHP and used to generate the final HTML.
- *
- * @since 1.4.0
- * @access protected
- * @return void
- */
- protected function render() {
-
- if ( null === WC()->cart ) {
- return;
- }
-
- $settings = $this->get_settings_for_display();
- $cart_type = $settings['hfe_cart_type'];
-
- ?>
-
-
- register_general_content_controls();
+ $this->register_cart_typo_content_controls();
+ }
+
+ /**
+ * Register Menu Cart General Controls.
+ *
+ * @since 1.4.0
+ *
+ * @access protected
+ */
+ protected function register_general_content_controls(): void
+ {
+ $this->start_controls_section(
+ 'section_general_fields',
+ [
+ 'label' => __('Menu Cart', 'header-footer-elementor'),
+ ]
+ );
+
+ $this->add_control(
+ 'hfe_cart_type',
+ [
+ 'label' => __('Type', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SELECT,
+ 'default' => 'default',
+ 'options' => [
+ 'default' => __('Default', 'header-footer-elementor'),
+ 'custom' => __('Custom', 'header-footer-elementor'),
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'icon',
+ [
+ 'label' => __('Icon', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SELECT,
+ 'options' => [
+ 'bag-light' => __('Bag Light', 'header-footer-elementor'),
+ 'bag-medium' => __('Bag Medium', 'header-footer-elementor'),
+ 'bag-solid' => __('Bag Solid', 'header-footer-elementor'),
+ ],
+ 'default' => 'bag-light',
+ 'prefix_class' => 'toggle-icon--',
+ 'condition' => [
+ 'hfe_cart_type' => 'custom',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'items_indicator',
+ [
+ 'label' => __('Items Count', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SELECT,
+ 'options' => [
+ 'none' => __('None', 'header-footer-elementor'),
+ 'bubble' => __('Bubble', 'header-footer-elementor'),
+ ],
+ 'prefix_class' => 'hfe-menu-cart--items-indicator-',
+ 'default' => 'bubble',
+ 'condition' => [
+ 'hfe_cart_type' => 'custom',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'show_subtotal',
+ [
+ 'label' => __('Show Total Price', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SWITCHER,
+ 'label_on' => __('Yes', 'header-footer-elementor'),
+ 'label_off' => __('No', 'header-footer-elementor'),
+ 'return_value' => 'yes',
+ 'default' => 'yes',
+ 'prefix_class' => 'hfe-menu-cart--show-subtotal-',
+ 'condition' => [
+ 'hfe_cart_type' => 'custom',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'hide_empty_indicator',
+ [
+ 'label' => __('Hide Empty', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SWITCHER,
+ 'label_on' => __('Yes', 'header-footer-elementor'),
+ 'label_off' => __('No', 'header-footer-elementor'),
+ 'return_value' => 'hide',
+ 'prefix_class' => 'hfe-menu-cart--empty-indicator-',
+ 'description' => __('This will hide the items count until the cart is empty', 'header-footer-elementor'),
+ 'condition' => [
+ 'items_indicator!' => 'none',
+ 'hfe_cart_type' => 'custom',
+ ],
+ ]
+ );
+
+ $this->add_responsive_control(
+ 'align',
+ [
+ 'label' => __('Alignment', 'header-footer-elementor'),
+ 'type' => Controls_Manager::CHOOSE,
+ 'options' => [
+ 'left' => [
+ 'title' => __('Left', 'header-footer-elementor'),
+ 'icon' => 'eicon-text-align-left',
+ ],
+ 'center' => [
+ 'title' => __('Center', 'header-footer-elementor'),
+ 'icon' => 'eicon-text-align-center',
+ ],
+ 'right' => [
+ 'title' => __('Right', 'header-footer-elementor'),
+ 'icon' => 'eicon-text-align-right',
+ ],
+ ],
+ 'frontend_available' => true,
+ 'prefix_class' => 'elementor%s-align-',
+ 'default' => '',
+ ]
+ );
+
+ $this->end_controls_section();
+ }
+
+ /**
+ * Register Menu Cart Typography Controls.
+ *
+ * @since 1.4.0
+ *
+ * @access protected
+ */
+ protected function register_cart_typo_content_controls(): void
+ {
+ $this->start_controls_section(
+ 'section_heading_typography',
+ [
+ 'label' => __('Menu Cart', 'header-footer-elementor'),
+ 'tab' => Controls_Manager::TAB_STYLE,
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Typography::get_type(),
+ [
+ 'name' => 'toggle_button_typography',
+ 'global' => [
+ 'default' => Global_Typography::TYPOGRAPHY_PRIMARY,
+ ],
+ 'selector' => '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button',
+ 'condition' => [
+ 'hfe_cart_type' => 'custom',
+ ],
+ ]
+ );
+ $this->add_control(
+ 'icon_size',
+ [
+ 'label' => __('Size', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SLIDER,
+ 'range' => [
+ 'px' => [
+ 'min' => 15,
+ 'max' => 30,
+ ],
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-masthead-custom-menu-items .hfe-site-header-cart .hfe-site-header-cart-li ' => 'font-size: {{SIZE}}{{UNIT}};',
+ ],
+ 'condition' => [
+ 'hfe_cart_type' => 'default',
+ ],
+ ]
+ );
+ $this->add_control(
+ 'toggle_button_border_width',
+ [
+ 'label' => __('Border Width', 'header-footer-elementor'),
+ 'type' => Controls_Manager::DIMENSIONS,
+ 'size_units' => [ 'px' ],
+ 'default' => [
+ 'top' => '1',
+ 'bottom' => '1',
+ 'left' => '1',
+ 'right' => '1',
+ 'unit' => 'px',
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button,{{WRAPPER}} .hfe-cart-menu-wrap-default .hfe-cart-count:after, {{WRAPPER}} .hfe-cart-menu-wrap-default .hfe-cart-count' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'toggle_button_border_radius',
+ [
+ 'label' => __('Border Radius', 'header-footer-elementor'),
+ 'type' => Controls_Manager::DIMENSIONS,
+ 'default' => [
+ 'top' => '',
+ 'bottom' => '',
+ 'left' => '',
+ 'right' => '',
+ 'unit' => 'px',
+ ],
+ 'size_units' => [ 'px', 'em', '%' ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button,{{WRAPPER}} .hfe-cart-menu-wrap-default .hfe-cart-count:after, {{WRAPPER}} .hfe-cart-menu-wrap-default .hfe-cart-count' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
+ ],
+
+ ]
+ );
+
+ $this->add_responsive_control(
+ 'toggle_button_padding',
+ [
+ 'label' => __('Padding', 'header-footer-elementor'),
+ 'type' => Controls_Manager::DIMENSIONS,
+ 'size_units' => [ 'px', 'em' ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}}',
+ ],
+ 'condition' => [
+ 'hfe_cart_type' => 'custom',
+ ],
+ 'frontend_available' => true,
+ ]
+ );
+
+ $this->start_controls_tabs('toggle_button_colors');
+
+ $this->start_controls_tab(
+ 'toggle_button_normal_colors',
+ [
+ 'label' => __('Normal', 'header-footer-elementor'),
+ ]
+ );
+
+ $this->add_control(
+ 'toggle_button_text_color',
+ [
+ 'label' => __('Text Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button,{{WRAPPER}} .hfe-cart-menu-wrap-default span.hfe-cart-count' => 'color: {{VALUE}}',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'toggle_button_icon_color',
+ [
+ 'label' => __('Icon Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button-icon' => 'color: {{VALUE}}',
+ ],
+ 'condition' => [
+ 'hfe_cart_type' => 'custom',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'toggle_button_background_color',
+ [
+ 'label' => __('Background Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button,{{WRAPPER}} .hfe-cart-menu-wrap-default span.hfe-cart-count' => 'background-color: {{VALUE}}',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'toggle_button_border_color',
+ [
+ 'label' => __('Border Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button,{{WRAPPER}} .hfe-cart-menu-wrap-default .hfe-cart-count:after, {{WRAPPER}} .hfe-masthead-custom-menu-items .hfe-cart-menu-wrap-default .hfe-cart-count' => 'border-color: {{VALUE}}',
+ ],
+ ]
+ );
+
+ $this->end_controls_tab();
+
+ $this->start_controls_tab(
+ 'toggle_button_hover_colors',
+ [
+ 'label' => __('Hover', 'header-footer-elementor'),
+ ]
+ );
+
+ $this->add_control(
+ 'toggle_button_hover_text_color',
+ [
+ 'label' => __('Text Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button:hover,{{WRAPPER}} .hfe-cart-menu-wrap-default span.hfe-cart-count:hover' => 'color: {{VALUE}}',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'toggle_button_hover_icon_color',
+ [
+ 'label' => __('Icon Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button:hover .elementor-button-icon' => 'color: {{VALUE}}',
+ ],
+ 'condition' => [
+ 'hfe_cart_type' => 'custom',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'toggle_button_hover_background_color',
+ [
+ 'label' => __('Background Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button:hover,{{WRAPPER}} .hfe-cart-menu-wrap-default span.hfe-cart-count:hover' => 'background-color: {{VALUE}}',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'toggle_button_hover_border_color',
+ [
+ 'label' => __('Border Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button:hover,{{WRAPPER}} .hfe-cart-menu-wrap-default:hover .hfe-cart-count:after, {{WRAPPER}} .hfe-cart-menu-wrap-default:hover .hfe-cart-count' => 'border-color: {{VALUE}}',
+ ],
+ ]
+ );
+
+ $this->end_controls_tab();
+
+ $this->end_controls_tabs();
+ $this->add_control(
+ 'toggle_icon_size',
+ [
+ 'label' => __('Icon Size', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SLIDER,
+ 'range' => [
+ 'px' => [
+ 'min' => 0,
+ 'max' => 50,
+ ],
+ ],
+ 'size_units' => [ 'px', 'em' ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button-icon' => 'font-size: {{SIZE}}{{UNIT}}',
+ ],
+ 'condition' => [
+ 'hfe_cart_type' => 'custom',
+ ],
+ 'separator' => 'before',
+ ]
+ );
+
+ $this->add_control(
+ 'toggle_icon_spacing',
+ [
+ 'label' => __('Icon Spacing', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SLIDER,
+ 'range' => [
+ 'px' => [
+ 'min' => 0,
+ 'max' => 50,
+ ],
+ ],
+ 'size-units' => [ 'px', 'em' ],
+ 'selectors' => [
+ 'body:not(.rtl) {{WRAPPER}} .hfe-menu-cart__toggle .elementor-button-text' => 'margin-right: {{SIZE}}{{UNIT}}',
+ 'body.rtl {{WRAPPER}} .hfe-menu-cart__toggle .elementor-button-text' => 'margin-left: {{SIZE}}{{UNIT}}',
+ ],
+ 'condition' => [
+ 'hfe_cart_type' => 'custom',
+ ],
+ ]
+ );
+
+ $this->end_controls_section();
+
+ $this->start_controls_section(
+ 'section_icon',
+ [
+ 'label' => __('Items Count', 'header-footer-elementor'),
+ 'tab' => Controls_Manager::TAB_STYLE,
+ 'condition' => [
+ 'icon[value]!' => '',
+ 'items_indicator!' => 'none',
+ 'hfe_cart_type' => 'custom',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'items_indicator_distance',
+ [
+ 'label' => __('Distance', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SLIDER,
+ 'default' => [
+ 'unit' => 'em',
+ ],
+ 'range' => [
+ 'em' => [
+ 'min' => 0,
+ 'max' => 4,
+ 'step' => 0.1,
+ ],
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button-icon[data-counter]:before' => 'right: -{{SIZE}}{{UNIT}}; top: -{{SIZE}}{{UNIT}}',
+ ],
+ 'condition' => [
+ 'items_indicator' => 'bubble',
+ ],
+ ]
+ );
+
+ $this->start_controls_tabs('count_colors');
+
+ $this->start_controls_tab(
+ 'count_normal_colors',
+ [
+ 'label' => __('Normal', 'header-footer-elementor'),
+ ]
+ );
+
+ $this->add_control(
+ 'items_indicator_text_color',
+ [
+ 'label' => __('Text Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button-icon[data-counter]:before' => 'color: {{VALUE}}',
+ ],
+ 'condition' => [
+ 'items_indicator!' => 'none',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'items_indicator_background_color',
+ [
+ 'label' => __('Background Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-menu-cart__toggle .elementor-button-icon[data-counter]:before' => 'background-color: {{VALUE}}',
+ ],
+ 'condition' => [
+ 'items_indicator' => 'bubble',
+ ],
+ ]
+ );
+
+ $this->end_controls_tab();
+
+ $this->start_controls_tab(
+ 'count_hover_colors',
+ [
+ 'label' => __('Hover', 'header-footer-elementor'),
+ ]
+ );
+
+ $this->add_control(
+ 'items_indicator_text_hover_color',
+ [
+ 'label' => __('Text Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-menu-cart__toggle:hover .elementor-button-icon[data-counter]:before' => 'color: {{VALUE}}',
+ ],
+ 'condition' => [
+ 'items_indicator!' => 'none',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'items_indicator_background_hover_color',
+ [
+ 'label' => __('Background Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-menu-cart__toggle:hover .elementor-button-icon[data-counter]:before' => 'background-color: {{VALUE}}',
+ ],
+ 'condition' => [
+ 'items_indicator' => 'bubble',
+ ],
+ ]
+ );
+
+ $this->end_controls_tab();
+
+ $this->end_controls_tabs();
+
+ $this->end_controls_section();
+ }
+
+ /**
+ * Render Menu Cart output on the frontend.
+ *
+ * Written in PHP and used to generate the final HTML.
+ *
+ * @since 1.4.0
+ *
+ * @access protected
+ */
+ protected function render(): void
+ {
+ if (WC()->cart === null) {
+ return;
+ }
+
+ $settings = $this->get_settings_for_display();
+ $cart_type = $settings['hfe_cart_type'];
+
+ ?>
+
+
+ register_content_copy_right_controls();
- }
- /**
- * Register Copyright General Controls.
- *
- * @since 1.2.0
- * @access protected
- * @return void
- */
- protected function register_content_copy_right_controls() {
- $this->start_controls_section(
- 'section_title',
- [
- 'label' => __( 'Copyright', 'header-footer-elementor' ),
- ]
- );
-
- $this->add_control(
- 'shortcode',
- [
- 'label' => __( 'Copyright Text', 'header-footer-elementor' ),
- 'type' => Controls_Manager::TEXTAREA,
- 'dynamic' => [
- 'active' => true,
- ],
- 'default' => __( 'Copyright © [hfe_current_year] [hfe_site_title] | Powered by [hfe_site_title]', 'header-footer-elementor' ),
- ]
- );
-
- $this->add_control(
- 'link',
- [
- 'label' => __( 'Link', 'header-footer-elementor' ),
- 'type' => Controls_Manager::URL,
- 'placeholder' => __( 'https://your-link.com', 'header-footer-elementor' ),
- ]
- );
-
- $this->add_responsive_control(
- 'align',
- [
- 'label' => __( 'Alignment', 'header-footer-elementor' ),
- 'type' => Controls_Manager::CHOOSE,
- 'options' => [
- 'left' => [
- 'title' => __( 'Left', 'header-footer-elementor' ),
- 'icon' => 'fa fa-align-left',
- ],
- 'center' => [
- 'title' => __( 'Center', 'header-footer-elementor' ),
- 'icon' => 'fa fa-align-center',
- ],
- 'right' => [
- 'title' => __( 'Right', 'header-footer-elementor' ),
- 'icon' => 'fa fa-align-right',
- ],
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-copyright-wrapper' => 'text-align: {{VALUE}};',
- ],
- 'frontend_available' => true,
- ]
- );
-
- $this->add_control(
- 'title_color',
- [
- 'label' => __( 'Text Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'global' => [
- 'default' => Global_Colors::COLOR_TEXT,
- ],
- 'selectors' => [
- // Stronger selector to avoid section style from overwriting.
- '{{WRAPPER}} .hfe-copyright-wrapper a, {{WRAPPER}} .hfe-copyright-wrapper' => 'color: {{VALUE}};',
- ],
- ]
- );
-
- $this->add_group_control(
- Group_Control_Typography::get_type(),
- [
- 'name' => 'caption_typography',
- 'selector' => '{{WRAPPER}} .hfe-copyright-wrapper, {{WRAPPER}} .hfe-copyright-wrapper a',
- 'global' => [
- 'default' => Global_Typography::TYPOGRAPHY_TEXT,
- ],
- ]
- );
- }
-
- /**
- * Render Copyright output on the frontend.
- *
- * Written in PHP and used to generate the final HTML.
- *
- * @since 1.2.0
- * @access protected
- * @return void
- */
- protected function render() {
- $settings = $this->get_settings_for_display();
- $link = isset( $settings['link']['url'] ) ? $settings['link']['url'] : '';
-
- if ( ! empty( $link ) ) {
- $this->add_link_attributes( 'link', $settings['link'] );
- }
-
- $copy_right_shortcode = do_shortcode( shortcode_unautop( $settings['shortcode'] ) ); ?>
-
-
-
-
-
-
- get_render_attribute_string( 'link' ) ); ?>>
-
-
-
-
-
-
- get_settings( 'shortcode' ) );
- }
-
- /**
- * Render shortcode widget output in the editor.
- *
- * Written as a Backbone JavaScript template and used to generate the live preview.
- *
- * @since 1.3.0
- * @access protected
- * @return void
- */
- protected function content_template() {}
+class Copyright extends Widget_Base
+{
+ /**
+ * Retrieve the widget name.
+ *
+ * @since 1.2.0
+ *
+ * @access public
+ *
+ * @return string Widget name.
+ */
+ public function get_name(): string
+ {
+ return 'copyright';
+ }
+ /**
+ * Retrieve the widget title.
+ *
+ * @since 1.2.0
+ *
+ * @access public
+ *
+ * @return string Widget title.
+ */
+ public function get_title(): string
+ {
+ return __('Copyright', 'header-footer-elementor');
+ }
+ /**
+ * Retrieve the widget icon.
+ *
+ * @since 1.2.0
+ *
+ * @access public
+ *
+ * @return string Widget icon.
+ */
+ public function get_icon(): string
+ {
+ return 'hfe-icon-copyright-widget';
+ }
+ /**
+ * Retrieve the list of categories the widget belongs to.
+ *
+ * Used to determine where to display the widget in the editor.
+ *
+ * Note that currently Elementor supports only one category.
+ * When multiple categories passed, Elementor uses the first one.
+ *
+ * @since 1.2.0
+ *
+ * @access public
+ *
+ * @return array Widget categories.
+ */
+ public function get_categories(): array
+ {
+ return [ 'hfe-widgets' ];
+ }
+
+ /**
+ * Render shortcode widget as plain content.
+ *
+ * Override the default behavior by printing the shortcode instead of rendering it.
+ *
+ * @since 1.2.0
+ *
+ * @access public
+ */
+ public function render_plain_content(): void
+ {
+ // In plain mode, render without shortcode.
+ echo esc_attr($this->get_settings('shortcode'));
+ }
+
+ /**
+ * Indicates if the widget's content is dynamic.
+ *
+ * This method returns true if the widget's output is dynamic and should not be cached,
+ * or false if the content is static and can be cached.
+ *
+ * @since 1.6.41
+ *
+ * @return bool True for dynamic content, false for static content.
+ */
+ protected function is_dynamic_content(): bool // phpcs:ignore
+ {return false;
+ }
+
+ /**
+ * Register Copyright controls.
+ *
+ * @since 1.5.7
+ *
+ * @access protected
+ */
+ protected function register_controls(): void
+ {
+ $this->register_content_copy_right_controls();
+ }
+ /**
+ * Register Copyright General Controls.
+ *
+ * @since 1.2.0
+ *
+ * @access protected
+ */
+ protected function register_content_copy_right_controls(): void
+ {
+ $this->start_controls_section(
+ 'section_title',
+ [
+ 'label' => __('Copyright', 'header-footer-elementor'),
+ ]
+ );
+
+ $this->add_control(
+ 'shortcode',
+ [
+ 'label' => __('Copyright Text', 'header-footer-elementor'),
+ 'type' => Controls_Manager::TEXTAREA,
+ 'dynamic' => [
+ 'active' => true,
+ ],
+ 'default' => __('Copyright © [hfe_current_year] [hfe_site_title] | Powered by [hfe_site_title]', 'header-footer-elementor'),
+ ]
+ );
+
+ $this->add_control(
+ 'link',
+ [
+ 'label' => __('Link', 'header-footer-elementor'),
+ 'type' => Controls_Manager::URL,
+ 'placeholder' => __('https://your-link.com', 'header-footer-elementor'),
+ ]
+ );
+
+ $this->add_responsive_control(
+ 'align',
+ [
+ 'label' => __('Alignment', 'header-footer-elementor'),
+ 'type' => Controls_Manager::CHOOSE,
+ 'options' => [
+ 'left' => [
+ 'title' => __('Left', 'header-footer-elementor'),
+ 'icon' => 'fa fa-align-left',
+ ],
+ 'center' => [
+ 'title' => __('Center', 'header-footer-elementor'),
+ 'icon' => 'fa fa-align-center',
+ ],
+ 'right' => [
+ 'title' => __('Right', 'header-footer-elementor'),
+ 'icon' => 'fa fa-align-right',
+ ],
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-copyright-wrapper' => 'text-align: {{VALUE}};',
+ ],
+ 'frontend_available' => true,
+ ]
+ );
+
+ $this->add_control(
+ 'title_color',
+ [
+ 'label' => __('Text Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'global' => [
+ 'default' => Global_Colors::COLOR_TEXT,
+ ],
+ 'selectors' => [
+ // Stronger selector to avoid section style from overwriting.
+ '{{WRAPPER}} .hfe-copyright-wrapper a, {{WRAPPER}} .hfe-copyright-wrapper' => 'color: {{VALUE}};',
+ ],
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Typography::get_type(),
+ [
+ 'name' => 'caption_typography',
+ 'selector' => '{{WRAPPER}} .hfe-copyright-wrapper, {{WRAPPER}} .hfe-copyright-wrapper a',
+ 'global' => [
+ 'default' => Global_Typography::TYPOGRAPHY_TEXT,
+ ],
+ ]
+ );
+ }
+
+ /**
+ * Render Copyright output on the frontend.
+ *
+ * Written in PHP and used to generate the final HTML.
+ *
+ * @since 1.2.0
+ *
+ * @access protected
+ */
+ protected function render(): void
+ {
+ $settings = $this->get_settings_for_display();
+ $link = $settings['link']['url'] ?? '';
+
+ if (! empty($link)) {
+ $this->add_link_attributes('link', $settings['link']);
+ }
+
+ $copy_right_shortcode = do_shortcode(shortcode_unautop($settings['shortcode'])); ?>
+
+
+ get_render_attribute_string('link')); ?>>
+
+
+
+
+
+
+ classes ) ? [] : (array) $item->classes;
- $submenu = $args->has_children ? ' hfe-has-submenu' : '';
-
- if ( 0 === $depth ) {
- array_push( $classes, 'parent' );
- }
- $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item, $args, $depth ) );
- $class_names = ' class="' . esc_attr( $class_names ) . $submenu . ' hfe-creative-menu"';
- $value = apply_filters( 'nav_menu_li_values', $value );
-
- $output .= $indent . 'Go to the Menus screen to create one.', 'header-footer-elementor' ), admin_url( 'nav-menus.php?action=edit&menu=0' ) ), - 'content_classes' => 'elementor-panel-alert elementor-panel-alert-info', - ] - ); - } - - $this->add_control( - 'menu_last_item', - [ - 'label' => __( 'Last Menu Item', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'options' => [ - 'none' => __( 'Default', 'header-footer-elementor' ), - 'cta' => __( 'Button', 'header-footer-elementor' ), - ], - 'default' => 'none', - 'condition' => [ - 'layout!' => 'expandible', - ], - ] - ); - - $this->add_control( - 'schema_support', - [ - 'label' => __( 'Enable Schema Support', 'header-footer-elementor' ), - 'type' => Controls_Manager::SWITCHER, - 'label_on' => __( 'Yes', 'header-footer-elementor' ), - 'label_off' => __( 'No', 'header-footer-elementor' ), - 'return_value' => 'yes', - 'default' => 'no', - 'render_type' => 'template', - 'separator' => 'before', - ] - ); - - $current_theme = wp_get_theme(); - - if ( 'Twenty Twenty-One' === $current_theme->get( 'Name' ) ) { - $this->add_control( - 'hide_theme_icons', - [ - 'label' => __( 'Hide + & - Sign', 'header-footer-elementor' ), - 'type' => Controls_Manager::SWITCHER, - 'label_on' => __( 'Yes', 'header-footer-elementor' ), - 'label_off' => __( 'No', 'header-footer-elementor' ), - 'return_value' => 'yes', - 'default' => 'no', - 'prefix_class' => 'hfe-nav-menu__theme-icon-', - ] - ); - } - - $this->end_controls_section(); - - $this->start_controls_section( - 'section_layout', - [ - 'label' => __( 'Layout', 'header-footer-elementor' ), - ] - ); - - $this->add_control( - 'layout', - [ - 'label' => __( 'Layout', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'default' => 'horizontal', - 'options' => [ - 'horizontal' => __( 'Horizontal', 'header-footer-elementor' ), - 'vertical' => __( 'Vertical', 'header-footer-elementor' ), - 'expandible' => __( 'Expanded', 'header-footer-elementor' ), - 'flyout' => __( 'Flyout', 'header-footer-elementor' ), - ], - ] - ); - - $this->add_control( - 'navmenu_align', - [ - 'label' => __( 'Alignment', 'header-footer-elementor' ), - 'type' => Controls_Manager::CHOOSE, - 'options' => [ - 'left' => [ - 'title' => __( 'Left', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-left', - ], - 'center' => [ - 'title' => __( 'Center', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-center', - ], - 'right' => [ - 'title' => __( 'Right', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-right', - ], - 'justify' => [ - 'title' => __( 'Justify', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-stretch', - ], - ], - 'default' => 'left', - 'condition' => [ - 'layout' => [ 'horizontal', 'vertical' ], - ], - 'prefix_class' => 'hfe-nav-menu__align-', - ] - ); - - $this->add_control( - 'flyout_layout', - [ - 'label' => __( 'Flyout Orientation', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'default' => 'left', - 'options' => [ - 'left' => __( 'Left', 'header-footer-elementor' ), - 'right' => __( 'Right', 'header-footer-elementor' ), - ], - 'condition' => [ - 'layout' => 'flyout', - ], - ] - ); - - $this->add_control( - 'flyout_type', - [ - 'label' => __( 'Appear Effect', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'default' => 'normal', - 'label_block' => false, - 'options' => [ - 'normal' => __( 'Slide', 'header-footer-elementor' ), - 'push' => __( 'Push', 'header-footer-elementor' ), - ], - 'render_type' => 'template', - 'condition' => [ - 'layout' => 'flyout', - ], - ] - ); - - $this->add_responsive_control( - 'hamburger_align', - [ - 'label' => __( 'Hamburger Align', 'header-footer-elementor' ), - 'type' => Controls_Manager::CHOOSE, - 'default' => 'center', - 'options' => [ - 'left' => [ - 'title' => __( 'Left', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-left', - ], - 'center' => [ - 'title' => __( 'Center', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-center', - ], - 'right' => [ - 'title' => __( 'Right', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-right', - ], - ], - 'selectors_dictionary' => [ - 'left' => 'margin-right: auto', - 'center' => 'margin: 0 auto', - 'right' => 'margin-left: auto', - ], - 'selectors' => [ - '{{WRAPPER}} .hfe-nav-menu__toggle, +class Navigation_Menu extends Widget_Base +{ + /** + * Menu index. + * + * @access protected + */ + // phpcs:ignore + protected int $nav_menu_index = 1; + + /** + * Retrieve the widget name. + * + * @since 1.3.0 + * + * @access public + * + * @return string Widget name. + */ + public function get_name(): string + { + return 'navigation-menu'; + } + + /** + * Retrieve the widget title. + * + * @since 1.3.0 + * + * @access public + * + * @return string Widget title. + */ + public function get_title(): string + { + return __('Navigation Menu', 'header-footer-elementor'); + } + + /** + * Retrieve the widget icon. + * + * @since 1.3.0 + * + * @access public + * + * @return string Widget icon. + */ + public function get_icon(): string + { + return 'hfe-icon-navigation-menu'; + } + + /** + * Retrieve the list of categories the widget belongs to. + * + * Used to determine where to display the widget in the editor. + * + * Note that currently Elementor supports only one category. + * When multiple categories passed, Elementor uses the first one. + * + * @since 1.3.0 + * + * @access public + * + * @return array Widget categories. + */ + public function get_categories(): array + { + return [ 'hfe-widgets' ]; + } + + /** + * Retrieve the list of scripts the navigation menu depended on. + * + * Used to set scripts dependencies required to run the widget. + * + * @since 1.3.0 + * + * @access public + * + * @return array Widget scripts dependencies. + */ + public function get_script_depends(): array + { + return [ 'hfe-frontend-js' ]; + } + + /** + * Check if the Elementor is updated. + * + * @since 1.3.0 + * + * @return bool if Elementor updated. + */ + public static function is_elementor_updated(): bool + { + if (class_exists('Elementor\Icons_Manager')) { + return true; + } + return false; + } + + /** + * Add itemprop for Navigation Schema. + * + * @since 1.5.2 + * + * @param string $atts link attributes. + * + * @access public + */ + public function handle_link_attrs(string $atts): string + { + $atts .= ' itemprop="url"'; + return $atts; + } + + /** + * Add itemprop to the li tag of Navigation Schema. + * + * @since 1.6.0 + * + * @param string $value link attributes. + * + * @access public + */ + public function handle_li_values(string $value): string + { + $value .= ' itemprop="name"'; + return $value; + } + + /** + * Get the menu and close icon HTML. + * + * @since 1.5.2 + * + * @param array $settings Widget settings array. + * + * @access public + */ + public function get_menu_close_icon(array $settings): array + { + $menu_icon = ''; + $close_icon = ''; + $icons = []; + $icon_settings = [ + $settings['dropdown_icon'], + $settings['dropdown_close_icon'], + ]; + + foreach ($icon_settings as $icon) { + if ($this->is_elementor_updated()) { + ob_start(); + \Elementor\Icons_Manager::render_icon( + $icon, + [ + 'aria-hidden' => 'true', + 'tabindex' => '0', + ] + ); + $menu_icon = ob_get_clean(); + } else { + $menu_icon = ''; + } + + array_push($icons, $menu_icon); + } + + return $icons; + } + + /** + * Retrieve the menu index. + * + * Used to get index of nav menu. + * + * @since 1.3.0 + * + * @access protected + * + * @return int nav index. + */ + protected function get_nav_menu_index(): int + { + return $this->nav_menu_index++; + } + + /** + * Register Nav Menu controls. + * + * @since 1.5.7 + * + * @access protected + */ + protected function register_controls(): void + { + $this->register_general_content_controls(); + $this->register_style_content_controls(); + $this->register_dropdown_content_controls(); + } + + /** + * Register Nav Menu General Controls. + * + * @since 1.3.0 + * + * @access protected + */ + protected function register_general_content_controls(): void + { + $this->start_controls_section( + 'section_menu', + [ + 'label' => __('Menu', 'header-footer-elementor'), + ] + ); + + $menus = $this->get_available_menus(); + + if (! empty($menus)) { + $this->add_control( + 'menu', + [ + 'label' => __('Menu', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'options' => $menus, + 'default' => array_keys($menus)[0], + 'save_default' => true, + /* translators: %s Nav menu URL */ + 'description' => sprintf(__('Go to the Menus screen to manage your menus.', 'header-footer-elementor'), admin_url('nav-menus.php')), + ] + ); + } else { + $this->add_control( + 'menu', + [ + 'type' => Controls_Manager::RAW_HTML, + /* translators: %s Nav menu URL */ + 'raw' => sprintf(__('There are no menus in your site.
Go to the Menus screen to create one.', 'header-footer-elementor'), admin_url('nav-menus.php?action=edit&menu=0')), + 'content_classes' => 'elementor-panel-alert elementor-panel-alert-info', + ] + ); + } + + $this->add_control( + 'menu_last_item', + [ + 'label' => __('Last Menu Item', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'options' => [ + 'none' => __('Default', 'header-footer-elementor'), + 'cta' => __('Button', 'header-footer-elementor'), + ], + 'default' => 'none', + 'condition' => [ + 'layout!' => 'expandible', + ], + ] + ); + + $this->add_control( + 'schema_support', + [ + 'label' => __('Enable Schema Support', 'header-footer-elementor'), + 'type' => Controls_Manager::SWITCHER, + 'label_on' => __('Yes', 'header-footer-elementor'), + 'label_off' => __('No', 'header-footer-elementor'), + 'return_value' => 'yes', + 'default' => 'no', + 'render_type' => 'template', + 'separator' => 'before', + ] + ); + + $current_theme = wp_get_theme(); + + if ($current_theme->get('Name') === 'Twenty Twenty-One') { + $this->add_control( + 'hide_theme_icons', + [ + 'label' => __('Hide + & - Sign', 'header-footer-elementor'), + 'type' => Controls_Manager::SWITCHER, + 'label_on' => __('Yes', 'header-footer-elementor'), + 'label_off' => __('No', 'header-footer-elementor'), + 'return_value' => 'yes', + 'default' => 'no', + 'prefix_class' => 'hfe-nav-menu__theme-icon-', + ] + ); + } + + $this->end_controls_section(); + + $this->start_controls_section( + 'section_layout', + [ + 'label' => __('Layout', 'header-footer-elementor'), + ] + ); + + $this->add_control( + 'layout', + [ + 'label' => __('Layout', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'default' => 'horizontal', + 'options' => [ + 'horizontal' => __('Horizontal', 'header-footer-elementor'), + 'vertical' => __('Vertical', 'header-footer-elementor'), + 'expandible' => __('Expanded', 'header-footer-elementor'), + 'flyout' => __('Flyout', 'header-footer-elementor'), + ], + ] + ); + + $this->add_control( + 'navmenu_align', + [ + 'label' => __('Alignment', 'header-footer-elementor'), + 'type' => Controls_Manager::CHOOSE, + 'options' => [ + 'left' => [ + 'title' => __('Left', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-left', + ], + 'center' => [ + 'title' => __('Center', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-center', + ], + 'right' => [ + 'title' => __('Right', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-right', + ], + 'justify' => [ + 'title' => __('Justify', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-stretch', + ], + ], + 'default' => 'left', + 'condition' => [ + 'layout' => [ 'horizontal', 'vertical' ], + ], + 'prefix_class' => 'hfe-nav-menu__align-', + ] + ); + + $this->add_control( + 'flyout_layout', + [ + 'label' => __('Flyout Orientation', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'default' => 'left', + 'options' => [ + 'left' => __('Left', 'header-footer-elementor'), + 'right' => __('Right', 'header-footer-elementor'), + ], + 'condition' => [ + 'layout' => 'flyout', + ], + ] + ); + + $this->add_control( + 'flyout_type', + [ + 'label' => __('Appear Effect', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'default' => 'normal', + 'label_block' => false, + 'options' => [ + 'normal' => __('Slide', 'header-footer-elementor'), + 'push' => __('Push', 'header-footer-elementor'), + ], + 'render_type' => 'template', + 'condition' => [ + 'layout' => 'flyout', + ], + ] + ); + + $this->add_responsive_control( + 'hamburger_align', + [ + 'label' => __('Hamburger Align', 'header-footer-elementor'), + 'type' => Controls_Manager::CHOOSE, + 'default' => 'center', + 'options' => [ + 'left' => [ + 'title' => __('Left', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-left', + ], + 'center' => [ + 'title' => __('Center', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-center', + ], + 'right' => [ + 'title' => __('Right', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-right', + ], + ], + 'selectors_dictionary' => [ + 'left' => 'margin-right: auto', + 'center' => 'margin: 0 auto', + 'right' => 'margin-left: auto', + ], + 'selectors' => [ + '{{WRAPPER}} .hfe-nav-menu__toggle, {{WRAPPER}} .hfe-nav-menu-icon' => '{{VALUE}}', - ], - 'condition' => [ - 'layout' => [ 'expandible', 'flyout' ], - ], - 'label_block' => false, - 'frontend_available' => true, - ] - ); - - $this->add_responsive_control( - 'hamburger_menu_align', - [ - 'label' => __( 'Menu Items Align', 'header-footer-elementor' ), - 'type' => Controls_Manager::CHOOSE, - 'options' => [ - 'flex-start' => [ - 'title' => __( 'Left', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-left', - ], - 'center' => [ - 'title' => __( 'Center', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-center', - ], - 'flex-end' => [ - 'title' => __( 'Right', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-right', - ], - 'space-between' => [ - 'title' => __( 'Justify', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-stretch', - ], - ], - 'default' => 'space-between', - 'condition' => [ - 'layout' => [ 'expandible', 'flyout' ], - ], - 'selectors' => [ - '{{WRAPPER}} li.menu-item a' => 'justify-content: {{VALUE}};', - '{{WRAPPER}} li .elementor-button-wrapper' => 'text-align: {{VALUE}};', - '{{WRAPPER}}.hfe-menu-item-flex-end li .elementor-button-wrapper' => 'text-align: right;', - ], - 'prefix_class' => 'hfe-menu-item-', - 'frontend_available' => true, - ] - ); - - $this->add_control( - 'submenu_icon', - [ - 'label' => __( 'Submenu Icon', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'default' => 'arrow', - 'options' => [ - 'arrow' => __( 'Arrows', 'header-footer-elementor' ), - 'plus' => __( 'Plus Sign', 'header-footer-elementor' ), - 'classic' => __( 'Classic', 'header-footer-elementor' ), - ], - 'prefix_class' => 'hfe-submenu-icon-', - ] - ); - - $this->add_control( - 'submenu_animation', - [ - 'label' => __( 'Submenu Animation', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'default' => 'none', - 'options' => [ - 'none' => __( 'Default', 'header-footer-elementor' ), - 'slide_up' => __( 'Slide Up', 'header-footer-elementor' ), - ], - 'prefix_class' => 'hfe-submenu-animation-', - 'condition' => [ - 'layout' => 'horizontal', - ], - ] - ); - - $this->add_control( - 'link_redirect', - [ - 'label' => __( 'Action On Menu Click', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'default' => 'child', - 'description' => __( 'For Horizontal layout, this will affect on the selected breakpoint', 'header-footer-elementor' ), - 'options' => [ - 'child' => __( 'Open Submenu', 'header-footer-elementor' ), - 'self_link' => __( 'Redirect To Self Link', 'header-footer-elementor' ), - ], - 'prefix_class' => 'hfe-link-redirect-', - ] - ); - - $this->add_control( - 'heading_responsive', - [ - 'type' => Controls_Manager::HEADING, - 'label' => __( 'Responsive', 'header-footer-elementor' ), - 'separator' => 'before', - 'condition' => [ - 'layout' => [ 'horizontal', 'vertical' ], - ], - ] - ); - - $this->add_control( - 'dropdown', - [ - 'label' => __( 'Breakpoint', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'default' => 'tablet', - 'options' => [ - 'mobile' => __( 'Mobile (768px >)', 'header-footer-elementor' ), - 'tablet' => __( 'Tablet (1025px >)', 'header-footer-elementor' ), - 'none' => __( 'None', 'header-footer-elementor' ), - ], - 'prefix_class' => 'hfe-nav-menu__breakpoint-', - 'condition' => [ - 'layout' => [ 'horizontal', 'vertical' ], - ], - 'render_type' => 'template', - ] - ); - - $this->add_control( - 'resp_align', - [ - 'label' => __( 'Alignment', 'header-footer-elementor' ), - 'type' => Controls_Manager::CHOOSE, - 'options' => [ - 'left' => [ - 'title' => __( 'Left', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-left', - ], - 'center' => [ - 'title' => __( 'Center', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-center', - ], - 'right' => [ - 'title' => __( 'Right', 'header-footer-elementor' ), - 'icon' => 'eicon-h-align-right', - ], - ], - 'default' => 'center', - 'description' => __( 'This is the alignement of menu icon on selected responsive breakpoints.', 'header-footer-elementor' ), - 'condition' => [ - 'layout' => [ 'horizontal', 'vertical' ], - 'dropdown!' => 'none', - ], - 'selectors_dictionary' => [ - 'left' => 'margin-right: auto', - 'center' => 'margin: 0 auto', - 'right' => 'margin-left: auto', - ], - 'selectors' => [ - '{{WRAPPER}} .hfe-nav-menu__toggle' => '{{VALUE}}', - ], - ] - ); - - $this->add_control( - 'full_width_dropdown', - [ - 'label' => __( 'Full Width', 'header-footer-elementor' ), - 'description' => __( 'Enable this option to stretch the Sub Menu to Full Width.', 'header-footer-elementor' ), - 'type' => Controls_Manager::SWITCHER, - 'label_on' => __( 'Yes', 'header-footer-elementor' ), - 'label_off' => __( 'No', 'header-footer-elementor' ), - 'return_value' => 'yes', - 'default' => 'yes', - 'condition' => [ - 'dropdown!' => 'none', - 'layout!' => 'flyout', - ], - 'render_type' => 'template', - ] - ); - - if ( $this->is_elementor_updated() ) { - $this->add_control( - 'dropdown_icon', - [ - 'label' => __( 'Menu Icon', 'header-footer-elementor' ), - 'type' => Controls_Manager::ICONS, - 'label_block' => 'true', - 'default' => [ - 'value' => 'fas fa-align-justify', - 'library' => 'fa-solid', - ], - 'condition' => [ - 'dropdown!' => 'none', - ], - ] - ); - } else { - $this->add_control( - 'dropdown_icon', - [ - 'label' => __( 'Icon', 'header-footer-elementor' ), - 'type' => Controls_Manager::ICON, - 'label_block' => 'true', - 'default' => 'fa fa-align-justify', - 'condition' => [ - 'dropdown!' => 'none', - ], - ] - ); - } - - if ( $this->is_elementor_updated() ) { - $this->add_control( - 'dropdown_close_icon', - [ - 'label' => __( 'Close Icon', 'header-footer-elementor' ), - 'type' => Controls_Manager::ICONS, - 'label_block' => 'true', - 'default' => [ - 'value' => 'far fa-window-close', - 'library' => 'fa-regular', - ], - 'condition' => [ - 'dropdown!' => 'none', - ], - ] - ); - } else { - $this->add_control( - 'dropdown_close_icon', - [ - 'label' => __( 'Close Icon', 'header-footer-elementor' ), - 'type' => Controls_Manager::ICON, - 'label_block' => 'true', - 'default' => 'fa fa-close', - 'condition' => [ - 'dropdown!' => 'none', - ], - ] - ); - } - - $this->end_controls_section(); - } - - /** - * Register Nav Menu General Controls. - * - * @since 1.3.0 - * @access protected - * @return void - */ - protected function register_style_content_controls() { - - $this->start_controls_section( - 'section_style_main-menu', - [ - 'label' => __( 'Main Menu', 'header-footer-elementor' ), - 'tab' => Controls_Manager::TAB_STYLE, - 'condition' => [ - 'layout!' => 'expandible', - ], - ] - ); - - $this->add_responsive_control( - 'width_flyout_menu_item', - [ - 'label' => __( 'Flyout Box Width', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'range' => [ - 'px' => [ - 'max' => 500, - 'min' => 100, - ], - ], - 'default' => [ - 'size' => 300, - 'unit' => 'px', - ], - 'selectors' => [ - '{{WRAPPER}} .hfe-flyout-wrapper .hfe-side' => 'width: {{SIZE}}{{UNIT}}', - '{{WRAPPER}} .hfe-flyout-open.left' => 'left: -{{SIZE}}{{UNIT}}', - '{{WRAPPER}} .hfe-flyout-open.right' => 'right: -{{SIZE}}{{UNIT}}', - ], - 'condition' => [ - 'layout' => 'flyout', - ], - 'render_type' => 'template', - 'frontend_available' => true, - ] - ); - - $this->add_responsive_control( - 'padding_flyout_menu_item', - [ - 'label' => __( 'Flyout Box Padding', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'range' => [ - 'px' => [ - 'max' => 50, - ], - ], - 'default' => [ - 'size' => 30, - 'unit' => 'px', - ], - 'selectors' => [ - '{{WRAPPER}} .hfe-flyout-content' => 'padding: {{SIZE}}{{UNIT}}', - ], - 'condition' => [ - 'layout' => 'flyout', - ], - 'frontend_available' => true, - ] - ); - - $this->add_responsive_control( - 'padding_horizontal_menu_item', - [ - 'label' => __( 'Horizontal Padding', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'size_units' => [ 'px' ], - 'range' => [ - 'px' => [ - 'max' => 50, - ], - ], - 'default' => [ - 'size' => 15, - 'unit' => 'px', - ], - 'selectors' => [ - '{{WRAPPER}} .menu-item a.hfe-menu-item' => 'padding-left: {{SIZE}}{{UNIT}}; padding-right: {{SIZE}}{{UNIT}}', - '{{WRAPPER}} .menu-item a.hfe-sub-menu-item' => 'padding-left: calc( {{SIZE}}{{UNIT}} + 20px );padding-right: {{SIZE}}{{UNIT}};', - '{{WRAPPER}} .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item' => 'padding-left: calc( {{SIZE}}{{UNIT}} + 40px );padding-right: {{SIZE}}{{UNIT}};', - '{{WRAPPER}} .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item' => 'padding-left: calc( {{SIZE}}{{UNIT}} + 60px );padding-right: {{SIZE}}{{UNIT}};', - '{{WRAPPER}} .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item' => 'padding-left: calc( {{SIZE}}{{UNIT}} + 80px );padding-right: {{SIZE}}{{UNIT}};', - ], - 'frontend_available' => true, - ] - ); - - $this->add_responsive_control( - 'padding_vertical_menu_item', - [ - 'label' => __( 'Vertical Padding', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'size_units' => [ 'px' ], - 'range' => [ - 'px' => [ - 'max' => 50, - ], - ], - 'default' => [ - 'size' => 15, - 'unit' => 'px', - ], - 'selectors' => [ - '{{WRAPPER}} .menu-item a.hfe-menu-item, {{WRAPPER}} .menu-item a.hfe-sub-menu-item' => 'padding-top: {{SIZE}}{{UNIT}}; padding-bottom: {{SIZE}}{{UNIT}};', - ], - 'frontend_available' => true, - ] - ); - - $this->add_responsive_control( - 'menu_space_between', - [ - 'label' => __( 'Space Between', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'size_units' => [ 'px' ], - 'range' => [ - 'px' => [ - 'max' => 100, - ], - ], - 'selectors' => [ - 'body:not(.rtl) {{WRAPPER}} .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-right: {{SIZE}}{{UNIT}}', - 'body.rtl {{WRAPPER}} .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-left: {{SIZE}}{{UNIT}}', - '{{WRAPPER}} nav:not(.hfe-nav-menu__layout-horizontal) .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-bottom: {{SIZE}}{{UNIT}}', - '(tablet)body:not(.rtl) {{WRAPPER}}.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-right: 0px', - '(mobile)body:not(.rtl) {{WRAPPER}}.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-right: 0px', - '(tablet)body {{WRAPPER}} nav.hfe-nav-menu__layout-vertical .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-bottom: 0px', - '(mobile)body {{WRAPPER}} nav.hfe-nav-menu__layout-vertical .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-bottom: 0px', - ], - 'condition' => [ - 'layout!' => 'expandible', - ], - 'frontend_available' => true, - ] - ); - - $this->add_responsive_control( - 'menu_row_space', - [ - 'label' => __( 'Row Spacing', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'size_units' => [ 'px' ], - 'range' => [ - 'px' => [ - 'max' => 100, - ], - ], - 'selectors' => [ - 'body:not(.rtl) {{WRAPPER}} .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item' => 'margin-bottom: {{SIZE}}{{UNIT}}', - ], - 'condition' => [ - 'layout' => 'horizontal', - ], - 'frontend_available' => true, - ] - ); - - $this->add_responsive_control( - 'menu_top_space', - [ - 'label' => __( 'Menu Item Top Spacing', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'size_units' => [ 'px', '%' ], - 'range' => [ - 'px' => [ - 'max' => 100, - ], - ], - 'selectors' => [ - '{{WRAPPER}} .hfe-flyout-wrapper .hfe-nav-menu > li.menu-item:first-child' => 'margin-top: {{SIZE}}{{UNIT}}', - ], - 'condition' => [ - 'layout' => 'flyout', - ], - 'frontend_available' => true, - ] - ); - - $this->add_control( - 'bg_color_flyout', - [ - 'label' => __( 'Background Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '#FFFFFF', - 'selectors' => [ - '{{WRAPPER}} .hfe-flyout-content' => 'background-color: {{VALUE}}', - ], - 'condition' => [ - 'layout' => 'flyout', - ], - ] - ); - - $this->add_control( - 'pointer', - [ - 'label' => __( 'Link Hover Effect', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'default' => 'none', - 'options' => [ - 'none' => __( 'None', 'header-footer-elementor' ), - 'underline' => __( 'Underline', 'header-footer-elementor' ), - 'overline' => __( 'Overline', 'header-footer-elementor' ), - 'double-line' => __( 'Double Line', 'header-footer-elementor' ), - 'framed' => __( 'Framed', 'header-footer-elementor' ), - 'text' => __( 'Text', 'header-footer-elementor' ), - ], - 'condition' => [ - 'layout' => [ 'horizontal' ], - ], - ] - ); - - $this->add_control( - 'animation_line', - [ - 'label' => __( 'Animation', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'default' => 'fade', - 'options' => [ - 'fade' => 'Fade', - 'slide' => 'Slide', - 'grow' => 'Grow', - 'drop-in' => 'Drop In', - 'drop-out' => 'Drop Out', - 'none' => 'None', - ], - 'condition' => [ - 'layout' => [ 'horizontal' ], - 'pointer' => [ 'underline', 'overline', 'double-line' ], - ], - ] - ); - - $this->add_control( - 'animation_framed', - [ - 'label' => __( 'Frame Animation', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'default' => 'fade', - 'options' => [ - 'fade' => 'Fade', - 'grow' => 'Grow', - 'shrink' => 'Shrink', - 'draw' => 'Draw', - 'corners' => 'Corners', - 'none' => 'None', - ], - 'condition' => [ - 'layout' => [ 'horizontal' ], - 'pointer' => 'framed', - ], - ] - ); - - $this->add_control( - 'animation_text', - [ - 'label' => __( 'Animation', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'default' => 'grow', - 'options' => [ - 'grow' => 'Grow', - 'shrink' => 'Shrink', - 'sink' => 'Sink', - 'float' => 'Float', - 'skew' => 'Skew', - 'rotate' => 'Rotate', - 'none' => 'None', - ], - 'condition' => [ - 'layout' => [ 'horizontal' ], - 'pointer' => 'text', - ], - ] - ); - - $this->add_control( - 'style_divider', - [ - 'type' => Controls_Manager::DIVIDER, - ] - ); - - $this->add_group_control( - Group_Control_Typography::get_type(), - [ - 'name' => 'menu_typography', - 'global' => [ - 'default' => Global_Typography::TYPOGRAPHY_PRIMARY, - ], - 'separator' => 'before', - 'selector' => '{{WRAPPER}} a.hfe-menu-item, {{WRAPPER}} a.hfe-sub-menu-item', - ] - ); - - $this->start_controls_tabs( 'tabs_menu_item_style' ); - - $this->start_controls_tab( - 'tab_menu_item_normal', - [ - 'label' => __( 'Normal', 'header-footer-elementor' ), - ] - ); - - $this->add_control( - 'color_menu_item', - [ - 'label' => __( 'Text Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'global' => [ - 'default' => Global_Colors::COLOR_TEXT, - ], - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .menu-item a.hfe-menu-item, {{WRAPPER}} .sub-menu a.hfe-sub-menu-item' => 'color: {{VALUE}}', - ], - ] - ); - - $this->add_control( - 'bg_color_menu_item', - [ - 'label' => __( 'Background Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .menu-item a.hfe-menu-item, {{WRAPPER}} .sub-menu, {{WRAPPER}} nav.hfe-dropdown, {{WRAPPER}} .hfe-dropdown-expandible' => 'background-color: {{VALUE}}', - ], - 'condition' => [ - 'layout!' => 'flyout', - ], - ] - ); - - $this->end_controls_tab(); - - $this->start_controls_tab( - 'tab_menu_item_hover', - [ - 'label' => __( 'Hover', 'header-footer-elementor' ), - ] - ); - - $this->add_control( - 'color_menu_item_hover', - [ - 'label' => __( 'Text Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'global' => [ - 'default' => Global_Colors::COLOR_ACCENT, - ], - 'selectors' => [ - '{{WRAPPER}} .menu-item a.hfe-menu-item:hover, + ], + 'condition' => [ + 'layout' => [ 'expandible', 'flyout' ], + ], + 'label_block' => false, + 'frontend_available' => true, + ] + ); + + $this->add_responsive_control( + 'hamburger_menu_align', + [ + 'label' => __('Menu Items Align', 'header-footer-elementor'), + 'type' => Controls_Manager::CHOOSE, + 'options' => [ + 'flex-start' => [ + 'title' => __('Left', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-left', + ], + 'center' => [ + 'title' => __('Center', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-center', + ], + 'flex-end' => [ + 'title' => __('Right', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-right', + ], + 'space-between' => [ + 'title' => __('Justify', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-stretch', + ], + ], + 'default' => 'space-between', + 'condition' => [ + 'layout' => [ 'expandible', 'flyout' ], + ], + 'selectors' => [ + '{{WRAPPER}} li.menu-item a' => 'justify-content: {{VALUE}};', + '{{WRAPPER}} li .elementor-button-wrapper' => 'text-align: {{VALUE}};', + '{{WRAPPER}}.hfe-menu-item-flex-end li .elementor-button-wrapper' => 'text-align: right;', + ], + 'prefix_class' => 'hfe-menu-item-', + 'frontend_available' => true, + ] + ); + + $this->add_control( + 'submenu_icon', + [ + 'label' => __('Submenu Icon', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'default' => 'arrow', + 'options' => [ + 'arrow' => __('Arrows', 'header-footer-elementor'), + 'plus' => __('Plus Sign', 'header-footer-elementor'), + 'classic' => __('Classic', 'header-footer-elementor'), + ], + 'prefix_class' => 'hfe-submenu-icon-', + ] + ); + + $this->add_control( + 'submenu_animation', + [ + 'label' => __('Submenu Animation', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'default' => 'none', + 'options' => [ + 'none' => __('Default', 'header-footer-elementor'), + 'slide_up' => __('Slide Up', 'header-footer-elementor'), + ], + 'prefix_class' => 'hfe-submenu-animation-', + 'condition' => [ + 'layout' => 'horizontal', + ], + ] + ); + + $this->add_control( + 'link_redirect', + [ + 'label' => __('Action On Menu Click', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'default' => 'child', + 'description' => __('For Horizontal layout, this will affect on the selected breakpoint', 'header-footer-elementor'), + 'options' => [ + 'child' => __('Open Submenu', 'header-footer-elementor'), + 'self_link' => __('Redirect To Self Link', 'header-footer-elementor'), + ], + 'prefix_class' => 'hfe-link-redirect-', + ] + ); + + $this->add_control( + 'heading_responsive', + [ + 'type' => Controls_Manager::HEADING, + 'label' => __('Responsive', 'header-footer-elementor'), + 'separator' => 'before', + 'condition' => [ + 'layout' => [ 'horizontal', 'vertical' ], + ], + ] + ); + + $this->add_control( + 'dropdown', + [ + 'label' => __('Breakpoint', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'default' => 'tablet', + 'options' => [ + 'mobile' => __('Mobile (768px >)', 'header-footer-elementor'), + 'tablet' => __('Tablet (1025px >)', 'header-footer-elementor'), + 'none' => __('None', 'header-footer-elementor'), + ], + 'prefix_class' => 'hfe-nav-menu__breakpoint-', + 'condition' => [ + 'layout' => [ 'horizontal', 'vertical' ], + ], + 'render_type' => 'template', + ] + ); + + $this->add_control( + 'resp_align', + [ + 'label' => __('Alignment', 'header-footer-elementor'), + 'type' => Controls_Manager::CHOOSE, + 'options' => [ + 'left' => [ + 'title' => __('Left', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-left', + ], + 'center' => [ + 'title' => __('Center', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-center', + ], + 'right' => [ + 'title' => __('Right', 'header-footer-elementor'), + 'icon' => 'eicon-h-align-right', + ], + ], + 'default' => 'center', + 'description' => __('This is the alignement of menu icon on selected responsive breakpoints.', 'header-footer-elementor'), + 'condition' => [ + 'layout' => [ 'horizontal', 'vertical' ], + 'dropdown!' => 'none', + ], + 'selectors_dictionary' => [ + 'left' => 'margin-right: auto', + 'center' => 'margin: 0 auto', + 'right' => 'margin-left: auto', + ], + 'selectors' => [ + '{{WRAPPER}} .hfe-nav-menu__toggle' => '{{VALUE}}', + ], + ] + ); + + $this->add_control( + 'full_width_dropdown', + [ + 'label' => __('Full Width', 'header-footer-elementor'), + 'description' => __('Enable this option to stretch the Sub Menu to Full Width.', 'header-footer-elementor'), + 'type' => Controls_Manager::SWITCHER, + 'label_on' => __('Yes', 'header-footer-elementor'), + 'label_off' => __('No', 'header-footer-elementor'), + 'return_value' => 'yes', + 'default' => 'yes', + 'condition' => [ + 'dropdown!' => 'none', + 'layout!' => 'flyout', + ], + 'render_type' => 'template', + ] + ); + + if ($this->is_elementor_updated()) { + $this->add_control( + 'dropdown_icon', + [ + 'label' => __('Menu Icon', 'header-footer-elementor'), + 'type' => Controls_Manager::ICONS, + 'label_block' => 'true', + 'default' => [ + 'value' => 'fas fa-align-justify', + 'library' => 'fa-solid', + ], + 'condition' => [ + 'dropdown!' => 'none', + ], + ] + ); + } else { + $this->add_control( + 'dropdown_icon', + [ + 'label' => __('Icon', 'header-footer-elementor'), + 'type' => Controls_Manager::ICON, + 'label_block' => 'true', + 'default' => 'fa fa-align-justify', + 'condition' => [ + 'dropdown!' => 'none', + ], + ] + ); + } + + if ($this->is_elementor_updated()) { + $this->add_control( + 'dropdown_close_icon', + [ + 'label' => __('Close Icon', 'header-footer-elementor'), + 'type' => Controls_Manager::ICONS, + 'label_block' => 'true', + 'default' => [ + 'value' => 'far fa-window-close', + 'library' => 'fa-regular', + ], + 'condition' => [ + 'dropdown!' => 'none', + ], + ] + ); + } else { + $this->add_control( + 'dropdown_close_icon', + [ + 'label' => __('Close Icon', 'header-footer-elementor'), + 'type' => Controls_Manager::ICON, + 'label_block' => 'true', + 'default' => 'fa fa-close', + 'condition' => [ + 'dropdown!' => 'none', + ], + ] + ); + } + + $this->end_controls_section(); + } + + /** + * Register Nav Menu General Controls. + * + * @since 1.3.0 + * + * @access protected + */ + protected function register_style_content_controls(): void + { + $this->start_controls_section( + 'section_style_main-menu', + [ + 'label' => __('Main Menu', 'header-footer-elementor'), + 'tab' => Controls_Manager::TAB_STYLE, + 'condition' => [ + 'layout!' => 'expandible', + ], + ] + ); + + $this->add_responsive_control( + 'width_flyout_menu_item', + [ + 'label' => __('Flyout Box Width', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'range' => [ + 'px' => [ + 'max' => 500, + 'min' => 100, + ], + ], + 'default' => [ + 'size' => 300, + 'unit' => 'px', + ], + 'selectors' => [ + '{{WRAPPER}} .hfe-flyout-wrapper .hfe-side' => 'width: {{SIZE}}{{UNIT}}', + '{{WRAPPER}} .hfe-flyout-open.left' => 'left: -{{SIZE}}{{UNIT}}', + '{{WRAPPER}} .hfe-flyout-open.right' => 'right: -{{SIZE}}{{UNIT}}', + ], + 'condition' => [ + 'layout' => 'flyout', + ], + 'render_type' => 'template', + 'frontend_available' => true, + ] + ); + + $this->add_responsive_control( + 'padding_flyout_menu_item', + [ + 'label' => __('Flyout Box Padding', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'range' => [ + 'px' => [ + 'max' => 50, + ], + ], + 'default' => [ + 'size' => 30, + 'unit' => 'px', + ], + 'selectors' => [ + '{{WRAPPER}} .hfe-flyout-content' => 'padding: {{SIZE}}{{UNIT}}', + ], + 'condition' => [ + 'layout' => 'flyout', + ], + 'frontend_available' => true, + ] + ); + + $this->add_responsive_control( + 'padding_horizontal_menu_item', + [ + 'label' => __('Horizontal Padding', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'size_units' => [ 'px' ], + 'range' => [ + 'px' => [ + 'max' => 50, + ], + ], + 'default' => [ + 'size' => 15, + 'unit' => 'px', + ], + 'selectors' => [ + '{{WRAPPER}} .menu-item a.hfe-menu-item' => 'padding-left: {{SIZE}}{{UNIT}}; padding-right: {{SIZE}}{{UNIT}}', + '{{WRAPPER}} .menu-item a.hfe-sub-menu-item' => 'padding-left: calc( {{SIZE}}{{UNIT}} + 20px );padding-right: {{SIZE}}{{UNIT}};', + '{{WRAPPER}} .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item' => 'padding-left: calc( {{SIZE}}{{UNIT}} + 40px );padding-right: {{SIZE}}{{UNIT}};', + '{{WRAPPER}} .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item' => 'padding-left: calc( {{SIZE}}{{UNIT}} + 60px );padding-right: {{SIZE}}{{UNIT}};', + '{{WRAPPER}} .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item' => 'padding-left: calc( {{SIZE}}{{UNIT}} + 80px );padding-right: {{SIZE}}{{UNIT}};', + ], + 'frontend_available' => true, + ] + ); + + $this->add_responsive_control( + 'padding_vertical_menu_item', + [ + 'label' => __('Vertical Padding', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'size_units' => [ 'px' ], + 'range' => [ + 'px' => [ + 'max' => 50, + ], + ], + 'default' => [ + 'size' => 15, + 'unit' => 'px', + ], + 'selectors' => [ + '{{WRAPPER}} .menu-item a.hfe-menu-item, {{WRAPPER}} .menu-item a.hfe-sub-menu-item' => 'padding-top: {{SIZE}}{{UNIT}}; padding-bottom: {{SIZE}}{{UNIT}};', + ], + 'frontend_available' => true, + ] + ); + + $this->add_responsive_control( + 'menu_space_between', + [ + 'label' => __('Space Between', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'size_units' => [ 'px' ], + 'range' => [ + 'px' => [ + 'max' => 100, + ], + ], + 'selectors' => [ + 'body:not(.rtl) {{WRAPPER}} .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-right: {{SIZE}}{{UNIT}}', + 'body.rtl {{WRAPPER}} .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-left: {{SIZE}}{{UNIT}}', + '{{WRAPPER}} nav:not(.hfe-nav-menu__layout-horizontal) .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-bottom: {{SIZE}}{{UNIT}}', + '(tablet)body:not(.rtl) {{WRAPPER}}.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-right: 0px', + '(mobile)body:not(.rtl) {{WRAPPER}}.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-right: 0px', + '(tablet)body {{WRAPPER}} nav.hfe-nav-menu__layout-vertical .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-bottom: 0px', + '(mobile)body {{WRAPPER}} nav.hfe-nav-menu__layout-vertical .hfe-nav-menu > li.menu-item:not(:last-child)' => 'margin-bottom: 0px', + ], + 'condition' => [ + 'layout!' => 'expandible', + ], + 'frontend_available' => true, + ] + ); + + $this->add_responsive_control( + 'menu_row_space', + [ + 'label' => __('Row Spacing', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'size_units' => [ 'px' ], + 'range' => [ + 'px' => [ + 'max' => 100, + ], + ], + 'selectors' => [ + 'body:not(.rtl) {{WRAPPER}} .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item' => 'margin-bottom: {{SIZE}}{{UNIT}}', + ], + 'condition' => [ + 'layout' => 'horizontal', + ], + 'frontend_available' => true, + ] + ); + + $this->add_responsive_control( + 'menu_top_space', + [ + 'label' => __('Menu Item Top Spacing', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'size_units' => [ 'px', '%' ], + 'range' => [ + 'px' => [ + 'max' => 100, + ], + ], + 'selectors' => [ + '{{WRAPPER}} .hfe-flyout-wrapper .hfe-nav-menu > li.menu-item:first-child' => 'margin-top: {{SIZE}}{{UNIT}}', + ], + 'condition' => [ + 'layout' => 'flyout', + ], + 'frontend_available' => true, + ] + ); + + $this->add_control( + 'bg_color_flyout', + [ + 'label' => __('Background Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '#FFFFFF', + 'selectors' => [ + '{{WRAPPER}} .hfe-flyout-content' => 'background-color: {{VALUE}}', + ], + 'condition' => [ + 'layout' => 'flyout', + ], + ] + ); + + $this->add_control( + 'pointer', + [ + 'label' => __('Link Hover Effect', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'default' => 'none', + 'options' => [ + 'none' => __('None', 'header-footer-elementor'), + 'underline' => __('Underline', 'header-footer-elementor'), + 'overline' => __('Overline', 'header-footer-elementor'), + 'double-line' => __('Double Line', 'header-footer-elementor'), + 'framed' => __('Framed', 'header-footer-elementor'), + 'text' => __('Text', 'header-footer-elementor'), + ], + 'condition' => [ + 'layout' => [ 'horizontal' ], + ], + ] + ); + + $this->add_control( + 'animation_line', + [ + 'label' => __('Animation', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'default' => 'fade', + 'options' => [ + 'fade' => 'Fade', + 'slide' => 'Slide', + 'grow' => 'Grow', + 'drop-in' => 'Drop In', + 'drop-out' => 'Drop Out', + 'none' => 'None', + ], + 'condition' => [ + 'layout' => [ 'horizontal' ], + 'pointer' => [ 'underline', 'overline', 'double-line' ], + ], + ] + ); + + $this->add_control( + 'animation_framed', + [ + 'label' => __('Frame Animation', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'default' => 'fade', + 'options' => [ + 'fade' => 'Fade', + 'grow' => 'Grow', + 'shrink' => 'Shrink', + 'draw' => 'Draw', + 'corners' => 'Corners', + 'none' => 'None', + ], + 'condition' => [ + 'layout' => [ 'horizontal' ], + 'pointer' => 'framed', + ], + ] + ); + + $this->add_control( + 'animation_text', + [ + 'label' => __('Animation', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'default' => 'grow', + 'options' => [ + 'grow' => 'Grow', + 'shrink' => 'Shrink', + 'sink' => 'Sink', + 'float' => 'Float', + 'skew' => 'Skew', + 'rotate' => 'Rotate', + 'none' => 'None', + ], + 'condition' => [ + 'layout' => [ 'horizontal' ], + 'pointer' => 'text', + ], + ] + ); + + $this->add_control( + 'style_divider', + [ + 'type' => Controls_Manager::DIVIDER, + ] + ); + + $this->add_group_control( + Group_Control_Typography::get_type(), + [ + 'name' => 'menu_typography', + 'global' => [ + 'default' => Global_Typography::TYPOGRAPHY_PRIMARY, + ], + 'separator' => 'before', + 'selector' => '{{WRAPPER}} a.hfe-menu-item, {{WRAPPER}} a.hfe-sub-menu-item', + ] + ); + + $this->start_controls_tabs('tabs_menu_item_style'); + + $this->start_controls_tab( + 'tab_menu_item_normal', + [ + 'label' => __('Normal', 'header-footer-elementor'), + ] + ); + + $this->add_control( + 'color_menu_item', + [ + 'label' => __('Text Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'global' => [ + 'default' => Global_Colors::COLOR_TEXT, + ], + 'default' => '', + 'selectors' => [ + '{{WRAPPER}} .menu-item a.hfe-menu-item, {{WRAPPER}} .sub-menu a.hfe-sub-menu-item' => 'color: {{VALUE}}', + ], + ] + ); + + $this->add_control( + 'bg_color_menu_item', + [ + 'label' => __('Background Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '', + 'selectors' => [ + '{{WRAPPER}} .menu-item a.hfe-menu-item, {{WRAPPER}} .sub-menu, {{WRAPPER}} nav.hfe-dropdown, {{WRAPPER}} .hfe-dropdown-expandible' => 'background-color: {{VALUE}}', + ], + 'condition' => [ + 'layout!' => 'flyout', + ], + ] + ); + + $this->end_controls_tab(); + + $this->start_controls_tab( + 'tab_menu_item_hover', + [ + 'label' => __('Hover', 'header-footer-elementor'), + ] + ); + + $this->add_control( + 'color_menu_item_hover', + [ + 'label' => __('Text Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'global' => [ + 'default' => Global_Colors::COLOR_ACCENT, + ], + 'selectors' => [ + '{{WRAPPER}} .menu-item a.hfe-menu-item:hover, {{WRAPPER}} .sub-menu a.hfe-sub-menu-item:hover, {{WRAPPER}} .menu-item.current-menu-item a.hfe-menu-item, {{WRAPPER}} .menu-item a.hfe-menu-item.highlighted, {{WRAPPER}} .menu-item a.hfe-menu-item:focus' => 'color: {{VALUE}}', - ], - ] - ); - - $this->add_control( - 'bg_color_menu_item_hover', - [ - 'label' => __( 'Background Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'selectors' => [ - '{{WRAPPER}} .menu-item a.hfe-menu-item:hover, + ], + ] + ); + + $this->add_control( + 'bg_color_menu_item_hover', + [ + 'label' => __('Background Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'selectors' => [ + '{{WRAPPER}} .menu-item a.hfe-menu-item:hover, {{WRAPPER}} .sub-menu a.hfe-sub-menu-item:hover, {{WRAPPER}} .menu-item.current-menu-item a.hfe-menu-item, {{WRAPPER}} .menu-item a.hfe-menu-item.highlighted, {{WRAPPER}} .menu-item a.hfe-menu-item:focus' => 'background-color: {{VALUE}}', - ], - 'condition' => [ - 'layout!' => 'flyout', - ], - ] - ); - - $this->add_control( - 'pointer_color_menu_item_hover', - [ - 'label' => __( 'Link Hover Effect Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'global' => [ - 'default' => Global_Colors::COLOR_ACCENT, - ], - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before, + ], + 'condition' => [ + 'layout!' => 'flyout', + ], + ] + ); + + $this->add_control( + 'pointer_color_menu_item_hover', + [ + 'label' => __('Link Hover Effect Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'global' => [ + 'default' => Global_Colors::COLOR_ACCENT, + ], + 'default' => '', + 'selectors' => [ + '{{WRAPPER}} .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before, {{WRAPPER}} .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after' => 'background-color: {{VALUE}}', - '{{WRAPPER}} .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent .sub-menu .hfe-has-submenu-container a:after' => 'background-color: unset', - '{{WRAPPER}} .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before, + '{{WRAPPER}} .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent .sub-menu .hfe-has-submenu-container a:after' => 'background-color: unset', + '{{WRAPPER}} .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before, {{WRAPPER}} .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:after' => 'border-color: {{VALUE}}', - ], - 'condition' => [ - 'pointer!' => [ 'none', 'text' ], - 'layout!' => 'flyout', - ], - ] - ); - - $this->end_controls_tab(); - - $this->start_controls_tab( - 'tab_menu_item_active', - [ - 'label' => __( 'Active', 'header-footer-elementor' ), - ] - ); - - $this->add_control( - 'color_menu_item_active', - [ - 'label' => __( 'Text Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .menu-item.current-menu-item a.hfe-menu-item, + ], + 'condition' => [ + 'pointer!' => [ 'none', 'text' ], + 'layout!' => 'flyout', + ], + ] + ); + + $this->end_controls_tab(); + + $this->start_controls_tab( + 'tab_menu_item_active', + [ + 'label' => __('Active', 'header-footer-elementor'), + ] + ); + + $this->add_control( + 'color_menu_item_active', + [ + 'label' => __('Text Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '', + 'selectors' => [ + '{{WRAPPER}} .menu-item.current-menu-item a.hfe-menu-item, {{WRAPPER}} .menu-item.current-menu-ancestor a.hfe-menu-item' => 'color: {{VALUE}}', - ], - ] - ); - - $this->add_control( - 'bg_color_menu_item_active', - [ - 'label' => __( 'Background Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .menu-item.current-menu-item a.hfe-menu-item, + ], + ] + ); + + $this->add_control( + 'bg_color_menu_item_active', + [ + 'label' => __('Background Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '', + 'selectors' => [ + '{{WRAPPER}} .menu-item.current-menu-item a.hfe-menu-item, {{WRAPPER}} .menu-item.current-menu-ancestor a.hfe-menu-item' => 'background-color: {{VALUE}}', - ], - 'condition' => [ - 'layout!' => 'flyout', - ], - ] - ); - - $this->add_control( - 'pointer_color_menu_item_active', - [ - 'label' => __( 'Link Hover Effect Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent.current-menu-item a.hfe-menu-item:before, + ], + 'condition' => [ + 'layout!' => 'flyout', + ], + ] + ); + + $this->add_control( + 'pointer_color_menu_item_active', + [ + 'label' => __('Link Hover Effect Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '', + 'selectors' => [ + '{{WRAPPER}} .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent.current-menu-item a.hfe-menu-item:before, {{WRAPPER}} .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent.current-menu-item a.hfe-menu-item:after' => 'background-color: {{VALUE}}', - '{{WRAPPER}} .hfe-nav-menu:not(.hfe-pointer__framed) .menu-item.parent .sub-menu .hfe-has-submenu-container a.current-menu-item:after' => 'background-color: unset', - '{{WRAPPER}} .hfe-pointer__framed .menu-item.parent.current-menu-item a.hfe-menu-item:before, + '{{WRAPPER}} .hfe-nav-menu:not(.hfe-pointer__framed) .menu-item.parent .sub-menu .hfe-has-submenu-container a.current-menu-item:after' => 'background-color: unset', + '{{WRAPPER}} .hfe-pointer__framed .menu-item.parent.current-menu-item a.hfe-menu-item:before, {{WRAPPER}} .hfe-pointer__framed .menu-item.parent.current-menu-item a.hfe-menu-item:after' => 'border-color: {{VALUE}}', - ], - 'condition' => [ - 'pointer!' => [ 'none', 'text' ], - 'layout!' => 'flyout', - ], - ] - ); - - $this->end_controls_tab(); - - $this->end_controls_tabs(); - - $this->end_controls_section(); - } - - /** - * Register Nav Menu General Controls. - * - * @since 1.3.0 - * @access protected - * @return void - */ - protected function register_dropdown_content_controls() { - - $this->start_controls_section( - 'section_style_dropdown', - [ - 'label' => __( 'Dropdown', 'header-footer-elementor' ), - 'tab' => Controls_Manager::TAB_STYLE, - ] - ); - - $this->add_control( - 'dropdown_description', - [ - 'raw' => __( 'Note: On desktop, below style options will apply to the submenu. On mobile, this will apply to the entire menu.', 'header-footer-elementor' ), - 'type' => Controls_Manager::RAW_HTML, - 'content_classes' => 'elementor-descriptor', - 'condition' => [ - 'layout!' => [ - 'expandible', - 'flyout', - ], - ], - ] - ); - - $this->start_controls_tabs( 'tabs_dropdown_item_style' ); - - $this->start_controls_tab( - 'tab_dropdown_item_normal', - [ - 'label' => __( 'Normal', 'header-footer-elementor' ), - ] - ); - - $this->add_control( - 'color_dropdown_item', - [ - 'label' => __( 'Text Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .sub-menu a.hfe-sub-menu-item, + ], + 'condition' => [ + 'pointer!' => [ 'none', 'text' ], + 'layout!' => 'flyout', + ], + ] + ); + + $this->end_controls_tab(); + + $this->end_controls_tabs(); + + $this->end_controls_section(); + } + + /** + * Register Nav Menu General Controls. + * + * @since 1.3.0 + * + * @access protected + */ + protected function register_dropdown_content_controls(): void + { + $this->start_controls_section( + 'section_style_dropdown', + [ + 'label' => __('Dropdown', 'header-footer-elementor'), + 'tab' => Controls_Manager::TAB_STYLE, + ] + ); + + $this->add_control( + 'dropdown_description', + [ + 'raw' => __('Note: On desktop, below style options will apply to the submenu. On mobile, this will apply to the entire menu.', 'header-footer-elementor'), + 'type' => Controls_Manager::RAW_HTML, + 'content_classes' => 'elementor-descriptor', + 'condition' => [ + 'layout!' => [ + 'expandible', + 'flyout', + ], + ], + ] + ); + + $this->start_controls_tabs('tabs_dropdown_item_style'); + + $this->start_controls_tab( + 'tab_dropdown_item_normal', + [ + 'label' => __('Normal', 'header-footer-elementor'), + ] + ); + + $this->add_control( + 'color_dropdown_item', + [ + 'label' => __('Text Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '', + 'selectors' => [ + '{{WRAPPER}} .sub-menu a.hfe-sub-menu-item, {{WRAPPER}} .elementor-menu-toggle, {{WRAPPER}} nav.hfe-dropdown li a.hfe-menu-item, {{WRAPPER}} nav.hfe-dropdown li a.hfe-sub-menu-item, {{WRAPPER}} nav.hfe-dropdown-expandible li a.hfe-menu-item, {{WRAPPER}} nav.hfe-dropdown-expandible li a.hfe-sub-menu-item' => 'color: {{VALUE}}', - ], - ] - ); - - $this->add_control( - 'background_color_dropdown_item', - [ - 'label' => __( 'Background Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '#fff', - 'selectors' => [ - '{{WRAPPER}} .sub-menu, + ], + ] + ); + + $this->add_control( + 'background_color_dropdown_item', + [ + 'label' => __('Background Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '#fff', + 'selectors' => [ + '{{WRAPPER}} .sub-menu, {{WRAPPER}} nav.hfe-dropdown, {{WRAPPER}} nav.hfe-dropdown-expandible, {{WRAPPER}} nav.hfe-dropdown .menu-item a.hfe-menu-item, {{WRAPPER}} nav.hfe-dropdown .menu-item a.hfe-sub-menu-item' => 'background-color: {{VALUE}}', - ], - 'separator' => 'after', - ] - ); - - $this->end_controls_tab(); - - $this->start_controls_tab( - 'tab_dropdown_item_hover', - [ - 'label' => __( 'Hover', 'header-footer-elementor' ), - ] - ); - - $this->add_control( - 'color_dropdown_item_hover', - [ - 'label' => __( 'Text Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .sub-menu a.hfe-sub-menu-item:hover, + ], + 'separator' => 'after', + ] + ); + + $this->end_controls_tab(); + + $this->start_controls_tab( + 'tab_dropdown_item_hover', + [ + 'label' => __('Hover', 'header-footer-elementor'), + ] + ); + + $this->add_control( + 'color_dropdown_item_hover', + [ + 'label' => __('Text Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '', + 'selectors' => [ + '{{WRAPPER}} .sub-menu a.hfe-sub-menu-item:hover, {{WRAPPER}} .elementor-menu-toggle:hover, {{WRAPPER}} nav.hfe-dropdown li a.hfe-menu-item:hover, {{WRAPPER}} nav.hfe-dropdown li a.hfe-sub-menu-item:hover, {{WRAPPER}} nav.hfe-dropdown-expandible li a.hfe-menu-item:hover, {{WRAPPER}} nav.hfe-dropdown-expandible li a.hfe-sub-menu-item:hover' => 'color: {{VALUE}}', - ], - ] - ); - - $this->add_control( - 'background_color_dropdown_item_hover', - [ - 'label' => __( 'Background Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .sub-menu a.hfe-sub-menu-item:hover, + ], + ] + ); + + $this->add_control( + 'background_color_dropdown_item_hover', + [ + 'label' => __('Background Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '', + 'selectors' => [ + '{{WRAPPER}} .sub-menu a.hfe-sub-menu-item:hover, {{WRAPPER}} nav.hfe-dropdown li a.hfe-menu-item:hover, {{WRAPPER}} nav.hfe-dropdown li a.hfe-sub-menu-item:hover, {{WRAPPER}} nav.hfe-dropdown-expandible li a.hfe-menu-item:hover, {{WRAPPER}} nav.hfe-dropdown-expandible li a.hfe-sub-menu-item:hover' => 'background-color: {{VALUE}}', - ], - 'separator' => 'after', - ] - ); - - $this->end_controls_tab(); - - $this->start_controls_tab( - 'tab_dropdown_item_active', - [ - 'label' => __( 'Active', 'header-footer-elementor' ), - ] - ); - - $this->add_control( - 'color_dropdown_item_active', - [ - 'label' => __( 'Text Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .sub-menu .menu-item.current-menu-item a.hfe-sub-menu-item.hfe-sub-menu-item-active, + ], + 'separator' => 'after', + ] + ); + + $this->end_controls_tab(); + + $this->start_controls_tab( + 'tab_dropdown_item_active', + [ + 'label' => __('Active', 'header-footer-elementor'), + ] + ); + + $this->add_control( + 'color_dropdown_item_active', + [ + 'label' => __('Text Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '', + 'selectors' => [ + '{{WRAPPER}} .sub-menu .menu-item.current-menu-item a.hfe-sub-menu-item.hfe-sub-menu-item-active, {{WRAPPER}} nav.hfe-dropdown .menu-item.current-menu-item a.hfe-menu-item, {{WRAPPER}} nav.hfe-dropdown .menu-item.current-menu-ancestor a.hfe-menu-item, {{WRAPPER}} nav.hfe-dropdown .sub-menu .menu-item.current-menu-item a.hfe-sub-menu-item.hfe-sub-menu-item-active ' => 'color: {{VALUE}}', - ], - ] - ); - - $this->add_control( - 'background_color_dropdown_item_active', - [ - 'label' => __( 'Background Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .sub-menu .menu-item.current-menu-item a.hfe-sub-menu-item.hfe-sub-menu-item-active, + ], + ] + ); + + $this->add_control( + 'background_color_dropdown_item_active', + [ + 'label' => __('Background Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '', + 'selectors' => [ + '{{WRAPPER}} .sub-menu .menu-item.current-menu-item a.hfe-sub-menu-item.hfe-sub-menu-item-active, {{WRAPPER}} nav.hfe-dropdown .menu-item.current-menu-item a.hfe-menu-item, {{WRAPPER}} nav.hfe-dropdown .menu-item.current-menu-ancestor a.hfe-menu-item, {{WRAPPER}} nav.hfe-dropdown .sub-menu .menu-item.current-menu-item a.hfe-sub-menu-item.hfe-sub-menu-item-active' => 'background-color: {{VALUE}}', - ], - 'separator' => 'after', - ] - ); - - $this->end_controls_tabs(); - - $this->end_controls_tabs(); - - $this->add_group_control( - Group_Control_Typography::get_type(), - [ - 'name' => 'dropdown_typography', - 'global' => [ - 'default' => Global_Typography::TYPOGRAPHY_ACCENT, - ], - 'separator' => 'before', - 'selector' => ' + ], + 'separator' => 'after', + ] + ); + + $this->end_controls_tabs(); + + $this->end_controls_tabs(); + + $this->add_group_control( + Group_Control_Typography::get_type(), + [ + 'name' => 'dropdown_typography', + 'global' => [ + 'default' => Global_Typography::TYPOGRAPHY_ACCENT, + ], + 'separator' => 'before', + 'selector' => ' {{WRAPPER}} .sub-menu li a.hfe-sub-menu-item, {{WRAPPER}} nav.hfe-dropdown li a.hfe-sub-menu-item, {{WRAPPER}} nav.hfe-dropdown li a.hfe-menu-item, {{WRAPPER}} nav.hfe-dropdown-expandible li a.hfe-menu-item, {{WRAPPER}} nav.hfe-dropdown-expandible li a.hfe-sub-menu-item', - ] - ); - - $this->add_group_control( - Group_Control_Border::get_type(), - [ - 'name' => 'dropdown_border', - 'selector' => '{{WRAPPER}} nav.hfe-nav-menu__layout-horizontal .sub-menu, + ] + ); + + $this->add_group_control( + Group_Control_Border::get_type(), + [ + 'name' => 'dropdown_border', + 'selector' => '{{WRAPPER}} nav.hfe-nav-menu__layout-horizontal .sub-menu, {{WRAPPER}} nav:not(.hfe-nav-menu__layout-horizontal) .sub-menu.sub-menu-open, {{WRAPPER}} nav.hfe-dropdown .hfe-nav-menu, {{WRAPPER}} nav.hfe-dropdown-expandible .hfe-nav-menu', - ] - ); - - $this->add_responsive_control( - 'dropdown_border_radius', - [ - 'label' => __( 'Border Radius', 'header-footer-elementor' ), - 'type' => Controls_Manager::DIMENSIONS, - 'size_units' => [ 'px', '%' ], - 'selectors' => [ - '{{WRAPPER}} .sub-menu' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', - '{{WRAPPER}} .sub-menu li.menu-item:first-child' => 'border-top-left-radius: {{TOP}}{{UNIT}}; border-top-right-radius: {{RIGHT}}{{UNIT}};overflow:hidden;', - '{{WRAPPER}} .sub-menu li.menu-item:last-child' => 'border-bottom-right-radius: {{BOTTOM}}{{UNIT}}; border-bottom-left-radius: {{LEFT}}{{UNIT}};overflow:hidden', - '{{WRAPPER}} nav.hfe-dropdown' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', - '{{WRAPPER}} nav.hfe-dropdown li.menu-item:first-child' => 'border-top-left-radius: {{TOP}}{{UNIT}}; border-top-right-radius: {{RIGHT}}{{UNIT}};overflow:hidden', - '{{WRAPPER}} nav.hfe-dropdown li.menu-item:last-child' => 'border-bottom-right-radius: {{BOTTOM}}{{UNIT}}; border-bottom-left-radius: {{LEFT}}{{UNIT}};overflow:hidden', - '{{WRAPPER}} nav.hfe-dropdown-expandible' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', - '{{WRAPPER}} nav.hfe-dropdown-expandible li.menu-item:first-child' => 'border-top-left-radius: {{TOP}}{{UNIT}}; border-top-right-radius: {{RIGHT}}{{UNIT}};overflow:hidden', - '{{WRAPPER}} nav.hfe-dropdown-expandible li.menu-item:last-child' => 'border-bottom-right-radius: {{BOTTOM}}{{UNIT}}; border-bottom-left-radius: {{LEFT}}{{UNIT}};overflow:hidden', - ], - 'frontend_available' => true, - ] - ); - - $this->add_group_control( - Group_Control_Box_Shadow::get_type(), - [ - 'name' => 'dropdown_box_shadow', - 'exclude' => [ - 'box_shadow_position', - ], - 'selector' => '{{WRAPPER}} .hfe-nav-menu .sub-menu, + ] + ); + + $this->add_responsive_control( + 'dropdown_border_radius', + [ + 'label' => __('Border Radius', 'header-footer-elementor'), + 'type' => Controls_Manager::DIMENSIONS, + 'size_units' => [ 'px', '%' ], + 'selectors' => [ + '{{WRAPPER}} .sub-menu' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', + '{{WRAPPER}} .sub-menu li.menu-item:first-child' => 'border-top-left-radius: {{TOP}}{{UNIT}}; border-top-right-radius: {{RIGHT}}{{UNIT}};overflow:hidden;', + '{{WRAPPER}} .sub-menu li.menu-item:last-child' => 'border-bottom-right-radius: {{BOTTOM}}{{UNIT}}; border-bottom-left-radius: {{LEFT}}{{UNIT}};overflow:hidden', + '{{WRAPPER}} nav.hfe-dropdown' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', + '{{WRAPPER}} nav.hfe-dropdown li.menu-item:first-child' => 'border-top-left-radius: {{TOP}}{{UNIT}}; border-top-right-radius: {{RIGHT}}{{UNIT}};overflow:hidden', + '{{WRAPPER}} nav.hfe-dropdown li.menu-item:last-child' => 'border-bottom-right-radius: {{BOTTOM}}{{UNIT}}; border-bottom-left-radius: {{LEFT}}{{UNIT}};overflow:hidden', + '{{WRAPPER}} nav.hfe-dropdown-expandible' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', + '{{WRAPPER}} nav.hfe-dropdown-expandible li.menu-item:first-child' => 'border-top-left-radius: {{TOP}}{{UNIT}}; border-top-right-radius: {{RIGHT}}{{UNIT}};overflow:hidden', + '{{WRAPPER}} nav.hfe-dropdown-expandible li.menu-item:last-child' => 'border-bottom-right-radius: {{BOTTOM}}{{UNIT}}; border-bottom-left-radius: {{LEFT}}{{UNIT}};overflow:hidden', + ], + 'frontend_available' => true, + ] + ); + + $this->add_group_control( + Group_Control_Box_Shadow::get_type(), + [ + 'name' => 'dropdown_box_shadow', + 'exclude' => [ + 'box_shadow_position', + ], + 'selector' => '{{WRAPPER}} .hfe-nav-menu .sub-menu, {{WRAPPER}} nav.hfe-dropdown, {{WRAPPER}} nav.hfe-dropdown-expandible', - 'separator' => 'after', - ] - ); - - $this->add_responsive_control( - 'width_dropdown_item', - [ - 'label' => __( 'Dropdown Width (px)', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'range' => [ - 'px' => [ - 'min' => 0, - 'max' => 500, - ], - ], - 'default' => [ - 'size' => '220', - 'unit' => 'px', - ], - 'selectors' => [ - '{{WRAPPER}} ul.sub-menu' => 'width: {{SIZE}}{{UNIT}}', - ], - 'condition' => [ - 'layout' => 'horizontal', - ], - 'frontend_available' => true, - ] - ); - - $this->add_responsive_control( - 'padding_horizontal_dropdown_item', - [ - 'label' => __( 'Horizontal Padding', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'size_units' => [ 'px' ], - 'selectors' => [ - '{{WRAPPER}} .sub-menu li a.hfe-sub-menu-item, + 'separator' => 'after', + ] + ); + + $this->add_responsive_control( + 'width_dropdown_item', + [ + 'label' => __('Dropdown Width (px)', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'range' => [ + 'px' => [ + 'min' => 0, + 'max' => 500, + ], + ], + 'default' => [ + 'size' => '220', + 'unit' => 'px', + ], + 'selectors' => [ + '{{WRAPPER}} ul.sub-menu' => 'width: {{SIZE}}{{UNIT}}', + ], + 'condition' => [ + 'layout' => 'horizontal', + ], + 'frontend_available' => true, + ] + ); + + $this->add_responsive_control( + 'padding_horizontal_dropdown_item', + [ + 'label' => __('Horizontal Padding', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'size_units' => [ 'px' ], + 'selectors' => [ + '{{WRAPPER}} .sub-menu li a.hfe-sub-menu-item, {{WRAPPER}} nav.hfe-dropdown li a.hfe-menu-item, {{WRAPPER}} nav.hfe-dropdown-expandible li a.hfe-menu-item' => 'padding-left: {{SIZE}}{{UNIT}}; padding-right: {{SIZE}}{{UNIT}}', - '{{WRAPPER}} nav.hfe-dropdown-expandible a.hfe-sub-menu-item, + '{{WRAPPER}} nav.hfe-dropdown-expandible a.hfe-sub-menu-item, {{WRAPPER}} nav.hfe-dropdown li a.hfe-sub-menu-item' => 'padding-left: calc( {{SIZE}}{{UNIT}} + 20px );padding-right: {{SIZE}}{{UNIT}};', - '{{WRAPPER}} .hfe-dropdown .menu-item ul ul a.hfe-sub-menu-item, + '{{WRAPPER}} .hfe-dropdown .menu-item ul ul a.hfe-sub-menu-item, {{WRAPPER}} .hfe-dropdown-expandible .menu-item ul ul a.hfe-sub-menu-item' => 'padding-left: calc( {{SIZE}}{{UNIT}} + 40px );padding-right: {{SIZE}}{{UNIT}};', - '{{WRAPPER}} .hfe-dropdown .menu-item ul ul ul a.hfe-sub-menu-item, + '{{WRAPPER}} .hfe-dropdown .menu-item ul ul ul a.hfe-sub-menu-item, {{WRAPPER}} .hfe-dropdown-expandible .menu-item ul ul ul a.hfe-sub-menu-item' => 'padding-left: calc( {{SIZE}}{{UNIT}} + 60px );padding-right: {{SIZE}}{{UNIT}};', - '{{WRAPPER}} .hfe-dropdown .menu-item ul ul ul ul a.hfe-sub-menu-item, + '{{WRAPPER}} .hfe-dropdown .menu-item ul ul ul ul a.hfe-sub-menu-item, {{WRAPPER}} .hfe-dropdown-expandible .menu-item ul ul ul ul a.hfe-sub-menu-item' => 'padding-left: calc( {{SIZE}}{{UNIT}} + 80px );padding-right: {{SIZE}}{{UNIT}};', - ], - 'frontend_available' => true, - ] - ); - - $this->add_responsive_control( - 'padding_vertical_dropdown_item', - [ - 'label' => __( 'Vertical Padding', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'size_units' => [ 'px' ], - 'default' => [ - 'size' => 15, - 'unit' => 'px', - ], - 'range' => [ - 'px' => [ - 'max' => 50, - ], - ], - 'selectors' => [ - '{{WRAPPER}} .sub-menu a.hfe-sub-menu-item, + ], + 'frontend_available' => true, + ] + ); + + $this->add_responsive_control( + 'padding_vertical_dropdown_item', + [ + 'label' => __('Vertical Padding', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'size_units' => [ 'px' ], + 'default' => [ + 'size' => 15, + 'unit' => 'px', + ], + 'range' => [ + 'px' => [ + 'max' => 50, + ], + ], + 'selectors' => [ + '{{WRAPPER}} .sub-menu a.hfe-sub-menu-item, {{WRAPPER}} nav.hfe-dropdown li a.hfe-menu-item, {{WRAPPER}} nav.hfe-dropdown li a.hfe-sub-menu-item, {{WRAPPER}} nav.hfe-dropdown-expandible li a.hfe-menu-item, {{WRAPPER}} nav.hfe-dropdown-expandible li a.hfe-sub-menu-item' => 'padding-top: {{SIZE}}{{UNIT}}; padding-bottom: {{SIZE}}{{UNIT}}', - ], - 'frontend_available' => true, - ] - ); - - $this->add_responsive_control( - 'distance_from_menu', - [ - 'label' => __( 'Top Distance', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'range' => [ - 'px' => [ - 'min' => -100, - 'max' => 100, - ], - ], - 'selectors' => [ - '{{WRAPPER}} nav.hfe-nav-menu__layout-horizontal:not(.hfe-dropdown) ul.sub-menu, {{WRAPPER}} nav.hfe-nav-menu__layout-expandible.menu-is-active, {{WRAPPER}} nav.hfe-nav-menu__layout-vertical:not(.hfe-dropdown) ul.sub-menu' => 'margin-top: {{SIZE}}px;', - '{{WRAPPER}} .hfe-dropdown.menu-is-active' => 'margin-top: {{SIZE}}px;', - ], - 'condition' => [ - 'layout' => [ 'horizontal', 'vertical', 'expandible' ], - ], - 'frontend_available' => true, - ] - ); - - $this->add_control( - 'heading_dropdown_divider', - [ - 'label' => __( 'Divider', 'header-footer-elementor' ), - 'type' => Controls_Manager::HEADING, - 'separator' => 'before', - ] - ); - - $this->add_control( - 'dropdown_divider_border', - [ - 'label' => __( 'Border Style', 'header-footer-elementor' ), - 'type' => Controls_Manager::SELECT, - 'default' => 'solid', - 'label_block' => false, - 'options' => [ - 'none' => __( 'None', 'header-footer-elementor' ), - 'solid' => __( 'Solid', 'header-footer-elementor' ), - 'double' => __( 'Double', 'header-footer-elementor' ), - 'dotted' => __( 'Dotted', 'header-footer-elementor' ), - 'dashed' => __( 'Dashed', 'header-footer-elementor' ), - ], - 'selectors' => [ - '{{WRAPPER}} .sub-menu li.menu-item:not(:last-child), + ], + 'frontend_available' => true, + ] + ); + + $this->add_responsive_control( + 'distance_from_menu', + [ + 'label' => __('Top Distance', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'range' => [ + 'px' => [ + 'min' => -100, + 'max' => 100, + ], + ], + 'selectors' => [ + '{{WRAPPER}} nav.hfe-nav-menu__layout-horizontal:not(.hfe-dropdown) ul.sub-menu, {{WRAPPER}} nav.hfe-nav-menu__layout-expandible.menu-is-active, {{WRAPPER}} nav.hfe-nav-menu__layout-vertical:not(.hfe-dropdown) ul.sub-menu' => 'margin-top: {{SIZE}}px;', + '{{WRAPPER}} .hfe-dropdown.menu-is-active' => 'margin-top: {{SIZE}}px;', + ], + 'condition' => [ + 'layout' => [ 'horizontal', 'vertical', 'expandible' ], + ], + 'frontend_available' => true, + ] + ); + + $this->add_control( + 'heading_dropdown_divider', + [ + 'label' => __('Divider', 'header-footer-elementor'), + 'type' => Controls_Manager::HEADING, + 'separator' => 'before', + ] + ); + + $this->add_control( + 'dropdown_divider_border', + [ + 'label' => __('Border Style', 'header-footer-elementor'), + 'type' => Controls_Manager::SELECT, + 'default' => 'solid', + 'label_block' => false, + 'options' => [ + 'none' => __('None', 'header-footer-elementor'), + 'solid' => __('Solid', 'header-footer-elementor'), + 'double' => __('Double', 'header-footer-elementor'), + 'dotted' => __('Dotted', 'header-footer-elementor'), + 'dashed' => __('Dashed', 'header-footer-elementor'), + ], + 'selectors' => [ + '{{WRAPPER}} .sub-menu li.menu-item:not(:last-child), {{WRAPPER}} nav.hfe-dropdown li.menu-item:not(:last-child), {{WRAPPER}} nav.hfe-dropdown-expandible li.menu-item:not(:last-child)' => 'border-bottom-style: {{VALUE}};', - ], - ] - ); - $this->add_control( - 'divider_border_color', - [ - 'label' => __( 'Border Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '#c4c4c4', - 'selectors' => [ - '{{WRAPPER}} .sub-menu li.menu-item:not(:last-child), + ], + ] + ); + $this->add_control( + 'divider_border_color', + [ + 'label' => __('Border Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '#c4c4c4', + 'selectors' => [ + '{{WRAPPER}} .sub-menu li.menu-item:not(:last-child), {{WRAPPER}} nav.hfe-dropdown li.menu-item:not(:last-child), {{WRAPPER}} nav.hfe-dropdown-expandible li.menu-item:not(:last-child)' => 'border-bottom-color: {{VALUE}};', - ], - 'condition' => [ - 'dropdown_divider_border!' => 'none', - ], - ] - ); - - $this->add_control( - 'dropdown_divider_width', - [ - 'label' => __( 'Border Width', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'range' => [ - 'px' => [ - 'max' => 50, - ], - ], - 'default' => [ - 'size' => '1', - 'unit' => 'px', - ], - 'selectors' => [ - '{{WRAPPER}} .sub-menu li.menu-item:not(:last-child), + ], + 'condition' => [ + 'dropdown_divider_border!' => 'none', + ], + ] + ); + + $this->add_control( + 'dropdown_divider_width', + [ + 'label' => __('Border Width', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'range' => [ + 'px' => [ + 'max' => 50, + ], + ], + 'default' => [ + 'size' => '1', + 'unit' => 'px', + ], + 'selectors' => [ + '{{WRAPPER}} .sub-menu li.menu-item:not(:last-child), {{WRAPPER}} nav.hfe-dropdown li.menu-item:not(:last-child), {{WRAPPER}} nav.hfe-dropdown-expandible li.menu-item:not(:last-child)' => 'border-bottom-width: {{SIZE}}{{UNIT}}', - ], - 'condition' => [ - 'dropdown_divider_border!' => 'none', - ], - ] - ); - - $this->end_controls_section(); - - $this->start_controls_section( - 'style_toggle', - [ - 'label' => __( 'Menu Trigger & Close Icon', 'header-footer-elementor' ), - 'tab' => Controls_Manager::TAB_STYLE, - ] - ); - - $this->start_controls_tabs( 'tabs_toggle_style' ); - - $this->start_controls_tab( - 'toggle_style_normal', - [ - 'label' => __( 'Normal', 'header-footer-elementor' ), - ] - ); - - $this->add_control( - 'toggle_color', - [ - 'label' => __( 'Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'selectors' => [ - '{{WRAPPER}} div.hfe-nav-menu-icon' => 'color: {{VALUE}}', - '{{WRAPPER}} div.hfe-nav-menu-icon svg' => 'fill: {{VALUE}}', - ], - ] - ); - - $this->add_control( - 'toggle_background_color', - [ - 'label' => __( 'Background Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'selectors' => [ - '{{WRAPPER}} .hfe-nav-menu-icon' => 'background-color: {{VALUE}}; padding: 0.35em;', - ], - ] - ); - - $this->end_controls_tab(); - - $this->start_controls_tab( - 'toggle_hover', - [ - 'label' => __( 'Hover', 'header-footer-elementor' ), - ] - ); - - $this->add_control( - 'toggle_hover_color', - [ - 'label' => __( 'Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'selectors' => [ - '{{WRAPPER}} div.hfe-nav-menu-icon:hover' => 'color: {{VALUE}}', - '{{WRAPPER}} div.hfe-nav-menu-icon:hover svg' => 'fill: {{VALUE}}', - - ], - ] - ); - - $this->add_control( - 'toggle_hover_background_color', - [ - 'label' => __( 'Background Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'selectors' => [ - '{{WRAPPER}} .hfe-nav-menu-icon:hover' => 'background-color: {{VALUE}}; padding: 0.35em;', - ], - ] - ); - - $this->end_controls_tab(); - - $this->end_controls_tabs(); - - $this->add_responsive_control( - 'toggle_size', - [ - 'label' => __( 'Icon Size', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'range' => [ - 'px' => [ - 'min' => 15, - ], - ], - 'selectors' => [ - '{{WRAPPER}} .hfe-nav-menu-icon' => 'font-size: {{SIZE}}{{UNIT}}', - '{{WRAPPER}} .hfe-nav-menu-icon svg' => 'font-size: {{SIZE}}px;line-height: {{SIZE}}px;height: {{SIZE}}px;width: {{SIZE}}px;', - ], - 'frontend_available' => true, - 'separator' => 'before', - ] - ); - - $this->add_responsive_control( - 'toggle_border_width', - [ - 'label' => __( 'Border Width', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'range' => [ - 'px' => [ - 'max' => 10, - ], - ], - 'selectors' => [ - '{{WRAPPER}} .hfe-nav-menu-icon' => 'border-width: {{SIZE}}{{UNIT}}; padding: 0.35em;', - ], - 'frontend_available' => true, - ] - ); - - $this->add_responsive_control( - 'toggle_border_radius', - [ - 'label' => __( 'Border Radius', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'size_units' => [ 'px', '%' ], - 'selectors' => [ - '{{WRAPPER}} .hfe-nav-menu-icon' => 'border-radius: {{SIZE}}{{UNIT}}', - ], - 'frontend_available' => true, - ] - ); - - $this->add_control( - 'close_color_flyout', - [ - 'label' => __( 'Close Icon Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '#7A7A7A', - 'selectors' => [ - '{{WRAPPER}} .hfe-flyout-close' => 'color: {{VALUE}}', - '{{WRAPPER}} .hfe-flyout-close svg' => 'fill: {{VALUE}}', - - ], - 'condition' => [ - 'layout' => 'flyout', - ], - 'separator' => 'before', - ] - ); - - $this->add_responsive_control( - 'close_flyout_size', - [ - 'label' => __( 'Close Icon Size', 'header-footer-elementor' ), - 'type' => Controls_Manager::SLIDER, - 'range' => [ - 'px' => [ - 'min' => 15, - ], - ], - 'selectors' => [ - '{{WRAPPER}} .hfe-flyout-close, + ], + 'condition' => [ + 'dropdown_divider_border!' => 'none', + ], + ] + ); + + $this->end_controls_section(); + + $this->start_controls_section( + 'style_toggle', + [ + 'label' => __('Menu Trigger & Close Icon', 'header-footer-elementor'), + 'tab' => Controls_Manager::TAB_STYLE, + ] + ); + + $this->start_controls_tabs('tabs_toggle_style'); + + $this->start_controls_tab( + 'toggle_style_normal', + [ + 'label' => __('Normal', 'header-footer-elementor'), + ] + ); + + $this->add_control( + 'toggle_color', + [ + 'label' => __('Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'selectors' => [ + '{{WRAPPER}} div.hfe-nav-menu-icon' => 'color: {{VALUE}}', + '{{WRAPPER}} div.hfe-nav-menu-icon svg' => 'fill: {{VALUE}}', + ], + ] + ); + + $this->add_control( + 'toggle_background_color', + [ + 'label' => __('Background Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'selectors' => [ + '{{WRAPPER}} .hfe-nav-menu-icon' => 'background-color: {{VALUE}}; padding: 0.35em;', + ], + ] + ); + + $this->end_controls_tab(); + + $this->start_controls_tab( + 'toggle_hover', + [ + 'label' => __('Hover', 'header-footer-elementor'), + ] + ); + + $this->add_control( + 'toggle_hover_color', + [ + 'label' => __('Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'selectors' => [ + '{{WRAPPER}} div.hfe-nav-menu-icon:hover' => 'color: {{VALUE}}', + '{{WRAPPER}} div.hfe-nav-menu-icon:hover svg' => 'fill: {{VALUE}}', + + ], + ] + ); + + $this->add_control( + 'toggle_hover_background_color', + [ + 'label' => __('Background Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'selectors' => [ + '{{WRAPPER}} .hfe-nav-menu-icon:hover' => 'background-color: {{VALUE}}; padding: 0.35em;', + ], + ] + ); + + $this->end_controls_tab(); + + $this->end_controls_tabs(); + + $this->add_responsive_control( + 'toggle_size', + [ + 'label' => __('Icon Size', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'range' => [ + 'px' => [ + 'min' => 15, + ], + ], + 'selectors' => [ + '{{WRAPPER}} .hfe-nav-menu-icon' => 'font-size: {{SIZE}}{{UNIT}}', + '{{WRAPPER}} .hfe-nav-menu-icon svg' => 'font-size: {{SIZE}}px;line-height: {{SIZE}}px;height: {{SIZE}}px;width: {{SIZE}}px;', + ], + 'frontend_available' => true, + 'separator' => 'before', + ] + ); + + $this->add_responsive_control( + 'toggle_border_width', + [ + 'label' => __('Border Width', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'range' => [ + 'px' => [ + 'max' => 10, + ], + ], + 'selectors' => [ + '{{WRAPPER}} .hfe-nav-menu-icon' => 'border-width: {{SIZE}}{{UNIT}}; padding: 0.35em;', + ], + 'frontend_available' => true, + ] + ); + + $this->add_responsive_control( + 'toggle_border_radius', + [ + 'label' => __('Border Radius', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'size_units' => [ 'px', '%' ], + 'selectors' => [ + '{{WRAPPER}} .hfe-nav-menu-icon' => 'border-radius: {{SIZE}}{{UNIT}}', + ], + 'frontend_available' => true, + ] + ); + + $this->add_control( + 'close_color_flyout', + [ + 'label' => __('Close Icon Color', 'header-footer-elementor'), + 'type' => Controls_Manager::COLOR, + 'default' => '#7A7A7A', + 'selectors' => [ + '{{WRAPPER}} .hfe-flyout-close' => 'color: {{VALUE}}', + '{{WRAPPER}} .hfe-flyout-close svg' => 'fill: {{VALUE}}', + + ], + 'condition' => [ + 'layout' => 'flyout', + ], + 'separator' => 'before', + ] + ); + + $this->add_responsive_control( + 'close_flyout_size', + [ + 'label' => __('Close Icon Size', 'header-footer-elementor'), + 'type' => Controls_Manager::SLIDER, + 'range' => [ + 'px' => [ + 'min' => 15, + ], + ], + 'selectors' => [ + '{{WRAPPER}} .hfe-flyout-close, {{WRAPPER}} .hfe-flyout-close svg' => 'height: {{SIZE}}px; width: {{SIZE}}px; font-size: {{SIZE}}px; line-height: {{SIZE}}px;', - ], - 'condition' => [ - 'layout' => 'flyout', - ], - 'frontend_available' => true, - ] - ); - - $this->end_controls_section(); - $this->start_controls_section( - 'style_button', - [ - 'label' => __( 'Button', 'header-footer-elementor' ), - 'tab' => Controls_Manager::TAB_STYLE, - 'condition' => [ - 'menu_last_item' => 'cta', - ], - ] - ); - - $this->add_group_control( - Group_Control_Typography::get_type(), - [ - 'name' => 'all_typography', - 'label' => __( 'Typography', 'header-footer-elementor' ), - 'global' => [ - 'default' => Global_Typography::TYPOGRAPHY_ACCENT, - ], - 'selector' => '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button', - ] - ); - $this->add_responsive_control( - 'padding', - [ - 'label' => __( 'Padding', 'header-footer-elementor' ), - 'type' => Controls_Manager::DIMENSIONS, - 'size_units' => [ 'px', 'em', '%' ], - 'selectors' => [ - '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', - ], - 'frontend_available' => true, - ] - ); - - $this->start_controls_tabs( '_button_style' ); - - $this->start_controls_tab( - '_button_normal', - [ - 'label' => __( 'Normal', 'header-footer-elementor' ), - ] - ); - - $this->add_control( - 'all_text_color', - [ - 'label' => __( 'Text Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button' => 'color: {{VALUE}};', - ], - ] - ); - - $this->add_group_control( - Group_Control_Background::get_type(), - [ - 'name' => 'all_background_color', - 'label' => __( 'Background Color', 'header-footer-elementor' ), - 'types' => [ 'classic', 'gradient' ], - 'selector' => '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button', - 'fields_options' => [ - 'color' => [ - 'global' => [ - 'default' => Global_Colors::COLOR_ACCENT, - ], - ], - ], - ] - ); - - $this->add_group_control( - Group_Control_Border::get_type(), - [ - 'name' => 'all_border', - 'label' => __( 'Border', 'header-footer-elementor' ), - 'selector' => '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button', - ] - ); - - $this->add_control( - 'all_border_radius', - [ - 'label' => __( 'Border Radius', 'header-footer-elementor' ), - 'type' => Controls_Manager::DIMENSIONS, - 'size_units' => [ 'px', '%' ], - 'selectors' => [ - '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', - ], - ] - ); - - $this->add_group_control( - Group_Control_Box_Shadow::get_type(), - [ - 'name' => 'all_button_box_shadow', - 'selector' => '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button', - ] - ); - - $this->end_controls_tab(); - - $this->start_controls_tab( - 'all_button_hover', - [ - 'label' => __( 'Hover', 'header-footer-elementor' ), - ] - ); - - $this->add_control( - 'all_hover_color', - [ - 'label' => __( 'Text Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'selectors' => [ - '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button:hover' => 'color: {{VALUE}};', - ], - ] - ); - - $this->add_group_control( - Group_Control_Background::get_type(), - [ - 'name' => 'all_background_hover_color', - 'label' => __( 'Background Color', 'header-footer-elementor' ), - 'types' => [ 'classic', 'gradient' ], - 'selector' => '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button:hover', - 'fields_options' => [ - 'color' => [ - 'global' => [ - 'default' => Global_Colors::COLOR_ACCENT, - ], - ], - ], - ] - ); - - $this->add_control( - 'all_border_hover_color', - [ - 'label' => __( 'Border Hover Color', 'header-footer-elementor' ), - 'type' => Controls_Manager::COLOR, - 'default' => '', - 'selectors' => [ - '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button:hover' => 'border-color: {{VALUE}};', - ], - ] - ); - - $this->add_group_control( - Group_Control_Box_Shadow::get_type(), - [ - 'name' => 'all_button_hover_box_shadow', - 'selector' => '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button:hover', - 'separator' => 'after', - ] - ); - - $this->end_controls_tab(); - - $this->end_controls_tabs(); - - $this->end_controls_section(); - } - - /** - * Add itemprop for Navigation Schema. - * - * @since 1.5.2 - * @param string $atts link attributes. - * @access public - * @return string - */ - public function handle_link_attrs( $atts ) { - - $atts .= ' itemprop="url"'; - return $atts; - } - - /** - * Add itemprop to the li tag of Navigation Schema. - * - * @since 1.6.0 - * @param string $value link attributes. - * @access public - * @return string - */ - public function handle_li_values( $value ) { - - $value .= ' itemprop="name"'; - return $value; - } - - /** - * Get the menu and close icon HTML. - * - * @since 1.5.2 - * @param array $settings Widget settings array. - * @access public - * @return array - */ - public function get_menu_close_icon( $settings ) { - $menu_icon = ''; - $close_icon = ''; - $icons = []; - $icon_settings = [ - $settings['dropdown_icon'], - $settings['dropdown_close_icon'], - ]; - - foreach ( $icon_settings as $icon ) { - if ( $this->is_elementor_updated() ) { - ob_start(); - \Elementor\Icons_Manager::render_icon( - $icon, - [ - 'aria-hidden' => 'true', - 'tabindex' => '0', - ] - ); - $menu_icon = ob_get_clean(); - } else { - $menu_icon = ''; - } - - array_push( $icons, $menu_icon ); - } - - return $icons; - } - - /** - * Render Nav Menu output on the frontend. - * - * Written in PHP and used to generate the final HTML. - * - * @since 1.3.0 - * @access protected - * @return (void | false) - */ - protected function render() { - - $menus = $this->get_available_menus(); - - if ( empty( $menus ) ) { - return false; - } - - $settings = $this->get_settings_for_display(); - - $menu_close_icons = []; - $menu_close_icons = $this->get_menu_close_icon( $settings ); - - $args = [ - 'echo' => false, - 'menu' => $settings['menu'], - 'menu_class' => 'hfe-nav-menu', - 'menu_id' => 'menu-' . $this->get_nav_menu_index() . '-' . $this->get_id(), - 'fallback_cb' => '__return_empty_string', - 'container' => '', - 'walker' => new Menu_Walker(), - ]; - - if ( 'yes' === $settings['schema_support'] ) { - $this->add_render_attribute( 'hfe-nav-menu', 'itemscope', 'itemscope' ); - $this->add_render_attribute( 'hfe-nav-menu', 'itemtype', 'https://schema.org/SiteNavigationElement' ); - - add_filter( 'hfe_nav_menu_attrs', [ $this, 'handle_link_attrs' ] ); - add_filter( 'nav_menu_li_values', [ $this, 'handle_li_values' ] ); - } - - if ( 'flyout' === $settings['layout'] ) { - - $this->add_render_attribute( 'hfe-flyout', 'class', 'hfe-flyout-wrapper' ); - if ( 'cta' === $settings['menu_last_item'] ) { - - $this->add_render_attribute( 'hfe-flyout', 'data-last-item', $settings['menu_last_item'] ); - } - - ?> -
-
-
- print_render_attribute_string( 'hfe-flyout' ); ?> >
-
-
- add_render_attribute(
- 'hfe-main-menu',
- 'class',
- [
- 'hfe-nav-menu',
- 'hfe-layout-' . $settings['layout'],
- ]
- );
-
- $this->add_render_attribute( 'hfe-main-menu', 'class', 'hfe-nav-menu-layout' );
-
- $this->add_render_attribute( 'hfe-main-menu', 'class', $settings['layout'] );
-
- $this->add_render_attribute( 'hfe-main-menu', 'data-layout', $settings['layout'] );
-
- if ( 'cta' === $settings['menu_last_item'] ) {
-
- $this->add_render_attribute( 'hfe-main-menu', 'data-last-item', $settings['menu_last_item'] );
- }
-
- if ( $settings['pointer'] ) {
- if ( 'horizontal' === $settings['layout'] || 'vertical' === $settings['layout'] ) {
- $this->add_render_attribute( 'hfe-main-menu', 'class', 'hfe-pointer__' . $settings['pointer'] );
-
- if ( in_array( $settings['pointer'], [ 'double-line', 'underline', 'overline' ], true ) ) {
- $key = 'animation_line';
- $this->add_render_attribute( 'hfe-main-menu', 'class', 'hfe-animation__' . $settings[ $key ] );
- } elseif ( 'framed' === $settings['pointer'] || 'text' === $settings['pointer'] ) {
- $key = 'animation_' . $settings['pointer'];
- $this->add_render_attribute( 'hfe-main-menu', 'class', 'hfe-animation__' . $settings[ $key ] );
- }
- }
- }
-
- if ( 'expandible' === $settings['layout'] ) {
- $this->add_render_attribute( 'hfe-nav-menu', 'class', 'hfe-dropdown-expandible' );
- }
-
- $this->add_render_attribute(
- 'hfe-nav-menu',
- 'class',
- [
- 'hfe-nav-menu__layout-' . $settings['layout'],
- 'hfe-nav-menu__submenu-' . $settings['submenu_icon'],
- ]
- );
-
- $this->add_render_attribute( 'hfe-nav-menu', 'data-toggle-icon', $menu_close_icons[0] );
-
- $this->add_render_attribute( 'hfe-nav-menu', 'data-close-icon', $menu_close_icons[1] );
-
- $this->add_render_attribute( 'hfe-nav-menu', 'data-full-width', $settings['full_width_dropdown'] );
-
- ?>
-
-
-
-
-
-
-
-
-
-
- print_render_attribute_string( 'hfe-main-menu' ); ?>>
-
- [
+ 'layout' => 'flyout',
+ ],
+ 'frontend_available' => true,
+ ]
+ );
+
+ $this->end_controls_section();
+ $this->start_controls_section(
+ 'style_button',
+ [
+ 'label' => __('Button', 'header-footer-elementor'),
+ 'tab' => Controls_Manager::TAB_STYLE,
+ 'condition' => [
+ 'menu_last_item' => 'cta',
+ ],
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Typography::get_type(),
+ [
+ 'name' => 'all_typography',
+ 'label' => __('Typography', 'header-footer-elementor'),
+ 'global' => [
+ 'default' => Global_Typography::TYPOGRAPHY_ACCENT,
+ ],
+ 'selector' => '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button',
+ ]
+ );
+ $this->add_responsive_control(
+ 'padding',
+ [
+ 'label' => __('Padding', 'header-footer-elementor'),
+ 'type' => Controls_Manager::DIMENSIONS,
+ 'size_units' => [ 'px', 'em', '%' ],
+ 'selectors' => [
+ '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
+ ],
+ 'frontend_available' => true,
+ ]
+ );
+
+ $this->start_controls_tabs('_button_style');
+
+ $this->start_controls_tab(
+ '_button_normal',
+ [
+ 'label' => __('Normal', 'header-footer-elementor'),
+ ]
+ );
+
+ $this->add_control(
+ 'all_text_color',
+ [
+ 'label' => __('Text Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'default' => '',
+ 'selectors' => [
+ '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button' => 'color: {{VALUE}};',
+ ],
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Background::get_type(),
+ [
+ 'name' => 'all_background_color',
+ 'label' => __('Background Color', 'header-footer-elementor'),
+ 'types' => [ 'classic', 'gradient' ],
+ 'selector' => '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button',
+ 'fields_options' => [
+ 'color' => [
+ 'global' => [
+ 'default' => Global_Colors::COLOR_ACCENT,
+ ],
+ ],
+ ],
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Border::get_type(),
+ [
+ 'name' => 'all_border',
+ 'label' => __('Border', 'header-footer-elementor'),
+ 'selector' => '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button',
+ ]
+ );
+
+ $this->add_control(
+ 'all_border_radius',
+ [
+ 'label' => __('Border Radius', 'header-footer-elementor'),
+ 'type' => Controls_Manager::DIMENSIONS,
+ 'size_units' => [ 'px', '%' ],
+ 'selectors' => [
+ '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
+ ],
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Box_Shadow::get_type(),
+ [
+ 'name' => 'all_button_box_shadow',
+ 'selector' => '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button',
+ ]
+ );
+
+ $this->end_controls_tab();
+
+ $this->start_controls_tab(
+ 'all_button_hover',
+ [
+ 'label' => __('Hover', 'header-footer-elementor'),
+ ]
+ );
+
+ $this->add_control(
+ 'all_hover_color',
+ [
+ 'label' => __('Text Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button:hover' => 'color: {{VALUE}};',
+ ],
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Background::get_type(),
+ [
+ 'name' => 'all_background_hover_color',
+ 'label' => __('Background Color', 'header-footer-elementor'),
+ 'types' => [ 'classic', 'gradient' ],
+ 'selector' => '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button:hover',
+ 'fields_options' => [
+ 'color' => [
+ 'global' => [
+ 'default' => Global_Colors::COLOR_ACCENT,
+ ],
+ ],
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'all_border_hover_color',
+ [
+ 'label' => __('Border Hover Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'default' => '',
+ 'selectors' => [
+ '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button:hover' => 'border-color: {{VALUE}};',
+ ],
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Box_Shadow::get_type(),
+ [
+ 'name' => 'all_button_hover_box_shadow',
+ 'selector' => '{{WRAPPER}} .menu-item a.hfe-menu-item.elementor-button:hover',
+ 'separator' => 'after',
+ ]
+ );
+
+ $this->end_controls_tab();
+
+ $this->end_controls_tabs();
+
+ $this->end_controls_section();
+ }
+
+ /**
+ * Render Nav Menu output on the frontend.
+ *
+ * Written in PHP and used to generate the final HTML.
+ *
+ * @since 1.3.0
+ *
+ * @access protected
+ */
+ protected function render(): null|false
+ {
+ $menus = $this->get_available_menus();
+
+ if (empty($menus)) {
+ return false;
+ }
+
+ $settings = $this->get_settings_for_display();
+
+ $menu_close_icons = [];
+ $menu_close_icons = $this->get_menu_close_icon($settings);
+
+ $args = [
+ 'echo' => false,
+ 'menu' => $settings['menu'],
+ 'menu_class' => 'hfe-nav-menu',
+ 'menu_id' => 'menu-' . $this->get_nav_menu_index() . '-' . $this->get_id(),
+ 'fallback_cb' => '__return_empty_string',
+ 'container' => '',
+ 'walker' => new Menu_Walker(),
+ ];
+
+ if ($settings['schema_support'] === 'yes') {
+ $this->add_render_attribute('hfe-nav-menu', 'itemscope', 'itemscope');
+ $this->add_render_attribute('hfe-nav-menu', 'itemtype', 'https://schema.org/SiteNavigationElement');
+
+ add_filter('hfe_nav_menu_attrs', [ $this, 'handle_link_attrs' ]);
+ add_filter('nav_menu_li_values', [ $this, 'handle_li_values' ]);
+ }
+
+ if ($settings['layout'] === 'flyout') {
+ $this->add_render_attribute('hfe-flyout', 'class', 'hfe-flyout-wrapper');
+ if ($settings['menu_last_item'] === 'cta') {
+ $this->add_render_attribute('hfe-flyout', 'data-last-item', $settings['menu_last_item']);
+ }
+
+ ?>
+
-
-
-
-
-
+
+
+ print_render_attribute_string('hfe-flyout'); ?> >
+
+
+ add_render_attribute(
+ 'hfe-main-menu',
+ 'class',
+ [
+ 'hfe-nav-menu',
+ 'hfe-layout-' . $settings['layout'],
+ ]
+ );
+
+ $this->add_render_attribute('hfe-main-menu', 'class', 'hfe-nav-menu-layout');
+
+ $this->add_render_attribute('hfe-main-menu', 'class', $settings['layout']);
+
+ $this->add_render_attribute('hfe-main-menu', 'data-layout', $settings['layout']);
+
+ if ($settings['menu_last_item'] === 'cta') {
+ $this->add_render_attribute('hfe-main-menu', 'data-last-item', $settings['menu_last_item']);
+ }
+
+ if ($settings['pointer']) {
+ if ($settings['layout'] === 'horizontal' || $settings['layout'] === 'vertical') {
+ $this->add_render_attribute('hfe-main-menu', 'class', 'hfe-pointer__' . $settings['pointer']);
+
+ if (in_array($settings['pointer'], [ 'double-line', 'underline', 'overline' ], true)) {
+ $key = 'animation_line';
+ $this->add_render_attribute('hfe-main-menu', 'class', 'hfe-animation__' . $settings[$key]);
+ } elseif ($settings['pointer'] === 'framed' || $settings['pointer'] === 'text') {
+ $key = 'animation_' . $settings['pointer'];
+ $this->add_render_attribute('hfe-main-menu', 'class', 'hfe-animation__' . $settings[$key]);
+ }
+ }
+ }
+
+ if ($settings['layout'] === 'expandible') {
+ $this->add_render_attribute('hfe-nav-menu', 'class', 'hfe-dropdown-expandible');
+ }
+
+ $this->add_render_attribute(
+ 'hfe-nav-menu',
+ 'class',
+ [
+ 'hfe-nav-menu__layout-' . $settings['layout'],
+ 'hfe-nav-menu__submenu-' . $settings['submenu_icon'],
+ ]
+ );
+
+ $this->add_render_attribute('hfe-nav-menu', 'data-toggle-icon', $menu_close_icons[0]);
+
+ $this->add_render_attribute('hfe-nav-menu', 'data-close-icon', $menu_close_icons[1]);
+
+ $this->add_render_attribute('hfe-nav-menu', 'data-full-width', $settings['full_width_dropdown']);
+
+ ?>
+
+
+
+
+
+
+
+
+
+
+ print_render_attribute_string('hfe-main-menu'); ?>>
+
+ slug] = $menu->name;
+ }
+
+ return $options;
+ }
}
diff --git a/inc/widgets-manager/widgets/class-page-title.php b/inc/widgets-manager/widgets/class-page-title.php
index a00c58a6c..fb8943b9b 100644
--- a/inc/widgets-manager/widgets/class-page-title.php
+++ b/inc/widgets-manager/widgets/class-page-title.php
@@ -1,4 +1,7 @@
register_content_page_title_controls();
- $this->register_page_title_style_controls();
- }
-
- /**
- * Register Page Title General Controls.
- *
- * @since 1.3.0
- * @access protected
- * @return void
- */
- protected function register_content_page_title_controls() {
- $this->start_controls_section(
- 'section_general_fields',
- [
- 'label' => __( 'Title', 'header-footer-elementor' ),
- ]
- );
-
- $this->add_control(
- 'archive_title_note',
- [
- 'type' => Controls_Manager::RAW_HTML,
- /* translators: %1$s doc link */
- 'raw' => sprintf( __( 'Note: Archive page title will be visible on frontend.', 'header-footer-elementor' ) ),
- 'content_classes' => 'elementor-panel-alert elementor-panel-alert-warning',
- ]
- );
-
- $this->add_control(
- 'before',
- [
- 'label' => __( 'Before Title Text', 'header-footer-elementor' ),
- 'type' => Controls_Manager::TEXT,
- 'dynamic' => [
- 'active' => true,
- ],
- ]
- );
-
- $this->add_control(
- 'after',
- [
- 'label' => __( 'After Title Text', 'header-footer-elementor' ),
- 'type' => Controls_Manager::TEXT,
- 'dynamic' => [
- 'active' => true,
- ],
- ]
- );
-
- $this->add_control(
- 'new_page_title_select_icon',
- [
- 'label' => __( 'Select Icon', 'header-footer-elementor' ),
- 'type' => Controls_Manager::ICONS,
- 'render_type' => 'template',
- ]
- );
-
- $this->add_control(
- 'page_title_icon_indent',
- [
- 'label' => __( 'Icon Spacing', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'range' => [
- 'px' => [
- 'max' => 50,
- ],
- ],
- 'condition' => [
- 'new_page_title_select_icon[value]!' => '',
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-page-title-icon' => 'margin-right: {{SIZE}}{{UNIT}};',
- ],
- ]
- );
-
- $this->add_control(
- 'page_custom_link',
- [
- 'label' => __( 'Link', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'options' => [
- 'custom' => __( 'Custom URL', 'header-footer-elementor' ),
- 'default' => __( 'Default', 'header-footer-elementor' ),
- 'none' => __( 'None', 'header-footer-elementor' ),
- ],
- 'default' => 'default',
- ]
- );
-
- $this->add_control(
- 'page_heading_link',
- [
- 'label' => __( 'Link', 'header-footer-elementor' ),
- 'type' => Controls_Manager::URL,
- 'placeholder' => __( 'https://your-link.com', 'header-footer-elementor' ),
- 'dynamic' => [
- 'active' => true,
- ],
- 'default' => [
- 'url' => get_home_url(),
- ],
- 'condition' => [
- 'page_custom_link' => 'custom',
- ],
- ]
- );
-
- $this->add_control(
- 'heading_tag',
- [
- 'label' => __( 'HTML Tag', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'options' => [
- 'h1' => __( 'H1', 'header-footer-elementor' ),
- 'h2' => __( 'H2', 'header-footer-elementor' ),
- 'h3' => __( 'H3', 'header-footer-elementor' ),
- 'h4' => __( 'H4', 'header-footer-elementor' ),
- 'h5' => __( 'H5', 'header-footer-elementor' ),
- 'h6' => __( 'H6', 'header-footer-elementor' ),
- ],
- 'default' => 'h2',
- ]
- );
-
- $this->add_control(
- 'size',
- [
- 'label' => __( 'Size', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'default' => 'default',
- 'options' => [
- 'default' => __( 'Default', 'header-footer-elementor' ),
- 'small' => __( 'Small', 'header-footer-elementor' ),
- 'medium' => __( 'Medium', 'header-footer-elementor' ),
- 'large' => __( 'Large', 'header-footer-elementor' ),
- 'xl' => __( 'XL', 'header-footer-elementor' ),
- 'xxl' => __( 'XXL', 'header-footer-elementor' ),
- ],
- ]
- );
-
- $this->add_responsive_control(
- 'align',
- [
- 'label' => __( 'Alignment', 'header-footer-elementor' ),
- 'type' => Controls_Manager::CHOOSE,
- 'options' => [
- 'left' => [
- 'title' => __( 'Left', 'header-footer-elementor' ),
- 'icon' => 'eicon-text-align-left',
- ],
- 'center' => [
- 'title' => __( 'Center', 'header-footer-elementor' ),
- 'icon' => 'eicon-text-align-center',
- ],
- 'right' => [
- 'title' => __( 'Right', 'header-footer-elementor' ),
- 'icon' => 'eicon-text-align-right',
- ],
- 'justify' => [
- 'title' => __( 'Justified', 'header-footer-elementor' ),
- 'icon' => 'eicon-text-align-justify',
- ],
- ],
- 'default' => '',
- 'selectors' => [
- '{{WRAPPER}} .hfe-page-title-wrapper' => 'text-align: {{VALUE}};',
- ],
- 'frontend_available' => true,
- ]
- );
-
- $this->end_controls_section();
- }
- /**
- * Register Page Title Style Controls.
- *
- * @since 1.3.0
- * @access protected
- * @return void
- */
- protected function register_page_title_style_controls() {
- $this->start_controls_section(
- 'section_title_typography',
- [
- 'label' => __( 'Title', 'header-footer-elementor' ),
- 'tab' => Controls_Manager::TAB_STYLE,
- ]
- );
-
- $this->add_group_control(
- Group_Control_Typography::get_type(),
- [
- 'name' => 'title_typography',
- 'global' => [
- 'default' => Global_Typography::TYPOGRAPHY_PRIMARY,
- ],
- 'selector' => '{{WRAPPER}} .elementor-heading-title, {{WRAPPER}} .hfe-page-title a',
- ]
- );
-
- $this->add_control(
- 'title_color',
- [
- 'label' => __( 'Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'global' => [
- 'default' => Global_Colors::COLOR_PRIMARY,
- ],
- 'selectors' => [
- '{{WRAPPER}} .elementor-heading-title, {{WRAPPER}} .hfe-page-title a' => 'color: {{VALUE}};',
- '{{WRAPPER}} .hfe-page-title-icon i' => 'color: {{VALUE}};',
- '{{WRAPPER}} .hfe-page-title-icon svg' => 'fill: {{VALUE}};',
- ],
- ]
- );
-
- $this->add_group_control(
- Group_Control_Text_Shadow::get_type(),
- [
- 'name' => 'title_shadow',
- 'selector' => '{{WRAPPER}} .elementor-heading-title',
- ]
- );
-
- $this->add_control(
- 'blend_mode',
- [
- 'label' => __( 'Blend Mode', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'options' => [
- '' => __( 'Normal', 'header-footer-elementor' ),
- 'multiply' => 'Multiply',
- 'screen' => 'Screen',
- 'overlay' => 'Overlay',
- 'darken' => 'Darken',
- 'lighten' => 'Lighten',
- 'color-dodge' => 'Color Dodge',
- 'saturation' => 'Saturation',
- 'color' => 'Color',
- 'difference' => 'Difference',
- 'exclusion' => 'Exclusion',
- 'hue' => 'Hue',
- 'luminosity' => 'Luminosity',
- ],
- 'selectors' => [
- '{{WRAPPER}} .elementor-heading-title' => 'mix-blend-mode: {{VALUE}}',
- ],
- ]
- );
-
- $this->end_controls_section();
-
- $this->start_controls_section(
- 'section_icon',
- [
- 'label' => __( 'Icon', 'header-footer-elementor' ),
- 'tab' => Controls_Manager::TAB_STYLE,
- 'condition' => [
- 'new_page_title_select_icon[value]!' => '',
- ],
- ]
- );
-
- $this->add_control(
- 'page_title_icon_color',
- [
- 'label' => __( 'Icon Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'global' => [
- 'default' => Global_Colors::COLOR_PRIMARY,
- ],
- 'condition' => [
- 'new_page_title_select_icon[value]!' => '',
- ],
- 'default' => '',
- 'selectors' => [
- '{{WRAPPER}} .hfe-page-title-icon i' => 'color: {{VALUE}};',
- '{{WRAPPER}} .hfe-page-title-icon svg' => 'fill: {{VALUE}};',
- ],
- ]
- );
- $this->add_control(
- 'page_title_icons_hover_color',
- [
- 'label' => __( 'Icon Hover Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'condition' => [
- 'new_page_title_select_icon[value]!' => '',
- ],
- 'default' => '',
- 'selectors' => [
- '{{WRAPPER}} .hfe-page-title-icon:hover i' => 'color: {{VALUE}};',
- '{{WRAPPER}} .hfe-page-title-icon:hover svg' => 'fill: {{VALUE}};',
- ],
- ]
- );
-
- $this->end_controls_section();
- }
-
- /**
- * Render page title widget output on the frontend.
- *
- * Written in PHP and used to generate the final HTML.
- *
- * @since 1.3.0
- * @access protected
- * @return void
- */
- protected function render() {
-
- $settings = $this->get_settings_for_display();
-
- $this->add_inline_editing_attributes( 'page_title', 'basic' );
-
- if ( ! empty( $settings['page_heading_link']['url'] ) ) {
- $this->add_link_attributes( 'url', $settings['page_heading_link'] );
- }
-
- $heading_size_tag = Widgets_Loader::validate_html_tag( $settings['heading_tag'] );
- ?>
-
+
+
+
+
+
-
-
-
- get_render_attribute_string( 'url' ) ); ?>>
-
-
-
- < class="elementor-heading-title elementor-size-">
-
-
-
-
-
-
-
-
- >
-
-
-
-
-
- <#
- if ( '' == settings.page_title ) {
- return;
- }
-
- if ( '' != settings.page_heading_link.url ) {
- var urlPattern = /^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$|^www\.[^\s/$.?#].[^\s]*$/;
- if( urlPattern.test( settings.page_heading_link.url ) ){
- var sanitizedPgUrl = _.escape( settings.page_heading_link.url );
- view.addRenderAttribute( 'url', 'href', sanitizedPgUrl );
- }
- }
- var iconHTML = elementor.helpers.renderIcon( view, settings.new_page_title_select_icon, { 'aria-hidden': true }, 'i' , 'object' );
-
- var headingSizeTag = elementor.helpers.validateHTMLTag( settings.heading_tag );
-
- if ( typeof elementor.helpers.validateHTMLTag === "function" ) {
- headingSizeTag = elementor.helpers.validateHTMLTag( settings.heading_tag );
- } else if( HfeWidgetsData.allowed_tags ) {
- headingSizeTag = HfeWidgetsData.allowed_tags.includes( headingSizeTag.toLowerCase() ) ? headingSizeTag : 'div';
- }
-
- #>
-
- <# if ( '' != settings.page_heading_link.url ) { #>
-
- <# } #>
- <{{{ headingSizeTag }}} class="elementor-heading-title elementor-size-">
- <# if( '' != settings.new_page_title_select_icon.value ){ #>
-
- <# } #>
- <# if ( '' != settings.before ) {
- var before = elementor.helpers.sanitize( settings.before ) #>
- {{{ before }}}
- <# } #>
-
- <# if ( '' != settings.after ) {
- var after = elementor.helpers.sanitize( settings.after )#>
- {{{ after }}}
- <# } #>
-
- <# if ( '' != settings.page_heading_link.url ) { #>
-
- <# } #>
-
- register_content_page_title_controls();
+ $this->register_page_title_style_controls();
+ }
+
+ /**
+ * Register Page Title General Controls.
+ *
+ * @since 1.3.0
+ *
+ * @access protected
+ */
+ protected function register_content_page_title_controls(): void
+ {
+ $this->start_controls_section(
+ 'section_general_fields',
+ [
+ 'label' => __('Title', 'header-footer-elementor'),
+ ]
+ );
+
+ $this->add_control(
+ 'archive_title_note',
+ [
+ 'type' => Controls_Manager::RAW_HTML,
+ /* translators: %1$s doc link */
+ 'raw' => sprintf(__('Note: Archive page title will be visible on frontend.', 'header-footer-elementor')),
+ 'content_classes' => 'elementor-panel-alert elementor-panel-alert-warning',
+ ]
+ );
+
+ $this->add_control(
+ 'before',
+ [
+ 'label' => __('Before Title Text', 'header-footer-elementor'),
+ 'type' => Controls_Manager::TEXT,
+ 'dynamic' => [
+ 'active' => true,
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'after',
+ [
+ 'label' => __('After Title Text', 'header-footer-elementor'),
+ 'type' => Controls_Manager::TEXT,
+ 'dynamic' => [
+ 'active' => true,
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'new_page_title_select_icon',
+ [
+ 'label' => __('Select Icon', 'header-footer-elementor'),
+ 'type' => Controls_Manager::ICONS,
+ 'render_type' => 'template',
+ ]
+ );
+
+ $this->add_control(
+ 'page_title_icon_indent',
+ [
+ 'label' => __('Icon Spacing', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SLIDER,
+ 'range' => [
+ 'px' => [
+ 'max' => 50,
+ ],
+ ],
+ 'condition' => [
+ 'new_page_title_select_icon[value]!' => '',
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-page-title-icon' => 'margin-right: {{SIZE}}{{UNIT}};',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'page_custom_link',
+ [
+ 'label' => __('Link', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SELECT,
+ 'options' => [
+ 'custom' => __('Custom URL', 'header-footer-elementor'),
+ 'default' => __('Default', 'header-footer-elementor'),
+ 'none' => __('None', 'header-footer-elementor'),
+ ],
+ 'default' => 'default',
+ ]
+ );
+
+ $this->add_control(
+ 'page_heading_link',
+ [
+ 'label' => __('Link', 'header-footer-elementor'),
+ 'type' => Controls_Manager::URL,
+ 'placeholder' => __('https://your-link.com', 'header-footer-elementor'),
+ 'dynamic' => [
+ 'active' => true,
+ ],
+ 'default' => [
+ 'url' => get_home_url(),
+ ],
+ 'condition' => [
+ 'page_custom_link' => 'custom',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'heading_tag',
+ [
+ 'label' => __('HTML Tag', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SELECT,
+ 'options' => [
+ 'h1' => __('H1', 'header-footer-elementor'),
+ 'h2' => __('H2', 'header-footer-elementor'),
+ 'h3' => __('H3', 'header-footer-elementor'),
+ 'h4' => __('H4', 'header-footer-elementor'),
+ 'h5' => __('H5', 'header-footer-elementor'),
+ 'h6' => __('H6', 'header-footer-elementor'),
+ ],
+ 'default' => 'h2',
+ ]
+ );
+
+ $this->add_control(
+ 'size',
+ [
+ 'label' => __('Size', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SELECT,
+ 'default' => 'default',
+ 'options' => [
+ 'default' => __('Default', 'header-footer-elementor'),
+ 'small' => __('Small', 'header-footer-elementor'),
+ 'medium' => __('Medium', 'header-footer-elementor'),
+ 'large' => __('Large', 'header-footer-elementor'),
+ 'xl' => __('XL', 'header-footer-elementor'),
+ 'xxl' => __('XXL', 'header-footer-elementor'),
+ ],
+ ]
+ );
+
+ $this->add_responsive_control(
+ 'align',
+ [
+ 'label' => __('Alignment', 'header-footer-elementor'),
+ 'type' => Controls_Manager::CHOOSE,
+ 'options' => [
+ 'left' => [
+ 'title' => __('Left', 'header-footer-elementor'),
+ 'icon' => 'eicon-text-align-left',
+ ],
+ 'center' => [
+ 'title' => __('Center', 'header-footer-elementor'),
+ 'icon' => 'eicon-text-align-center',
+ ],
+ 'right' => [
+ 'title' => __('Right', 'header-footer-elementor'),
+ 'icon' => 'eicon-text-align-right',
+ ],
+ 'justify' => [
+ 'title' => __('Justified', 'header-footer-elementor'),
+ 'icon' => 'eicon-text-align-justify',
+ ],
+ ],
+ 'default' => '',
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-page-title-wrapper' => 'text-align: {{VALUE}};',
+ ],
+ 'frontend_available' => true,
+ ]
+ );
+
+ $this->end_controls_section();
+ }
+ /**
+ * Register Page Title Style Controls.
+ *
+ * @since 1.3.0
+ *
+ * @access protected
+ */
+ protected function register_page_title_style_controls(): void
+ {
+ $this->start_controls_section(
+ 'section_title_typography',
+ [
+ 'label' => __('Title', 'header-footer-elementor'),
+ 'tab' => Controls_Manager::TAB_STYLE,
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Typography::get_type(),
+ [
+ 'name' => 'title_typography',
+ 'global' => [
+ 'default' => Global_Typography::TYPOGRAPHY_PRIMARY,
+ ],
+ 'selector' => '{{WRAPPER}} .elementor-heading-title, {{WRAPPER}} .hfe-page-title a',
+ ]
+ );
+
+ $this->add_control(
+ 'title_color',
+ [
+ 'label' => __('Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'global' => [
+ 'default' => Global_Colors::COLOR_PRIMARY,
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .elementor-heading-title, {{WRAPPER}} .hfe-page-title a' => 'color: {{VALUE}};',
+ '{{WRAPPER}} .hfe-page-title-icon i' => 'color: {{VALUE}};',
+ '{{WRAPPER}} .hfe-page-title-icon svg' => 'fill: {{VALUE}};',
+ ],
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Text_Shadow::get_type(),
+ [
+ 'name' => 'title_shadow',
+ 'selector' => '{{WRAPPER}} .elementor-heading-title',
+ ]
+ );
+
+ $this->add_control(
+ 'blend_mode',
+ [
+ 'label' => __('Blend Mode', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SELECT,
+ 'options' => [
+ '' => __('Normal', 'header-footer-elementor'),
+ 'multiply' => 'Multiply',
+ 'screen' => 'Screen',
+ 'overlay' => 'Overlay',
+ 'darken' => 'Darken',
+ 'lighten' => 'Lighten',
+ 'color-dodge' => 'Color Dodge',
+ 'saturation' => 'Saturation',
+ 'color' => 'Color',
+ 'difference' => 'Difference',
+ 'exclusion' => 'Exclusion',
+ 'hue' => 'Hue',
+ 'luminosity' => 'Luminosity',
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .elementor-heading-title' => 'mix-blend-mode: {{VALUE}}',
+ ],
+ ]
+ );
+
+ $this->end_controls_section();
+
+ $this->start_controls_section(
+ 'section_icon',
+ [
+ 'label' => __('Icon', 'header-footer-elementor'),
+ 'tab' => Controls_Manager::TAB_STYLE,
+ 'condition' => [
+ 'new_page_title_select_icon[value]!' => '',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'page_title_icon_color',
+ [
+ 'label' => __('Icon Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'global' => [
+ 'default' => Global_Colors::COLOR_PRIMARY,
+ ],
+ 'condition' => [
+ 'new_page_title_select_icon[value]!' => '',
+ ],
+ 'default' => '',
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-page-title-icon i' => 'color: {{VALUE}};',
+ '{{WRAPPER}} .hfe-page-title-icon svg' => 'fill: {{VALUE}};',
+ ],
+ ]
+ );
+ $this->add_control(
+ 'page_title_icons_hover_color',
+ [
+ 'label' => __('Icon Hover Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'condition' => [
+ 'new_page_title_select_icon[value]!' => '',
+ ],
+ 'default' => '',
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-page-title-icon:hover i' => 'color: {{VALUE}};',
+ '{{WRAPPER}} .hfe-page-title-icon:hover svg' => 'fill: {{VALUE}};',
+ ],
+ ]
+ );
+
+ $this->end_controls_section();
+ }
+
+ /**
+ * Render page title widget output on the frontend.
+ *
+ * Written in PHP and used to generate the final HTML.
+ *
+ * @since 1.3.0
+ *
+ * @access protected
+ */
+ protected function render(): void
+ {
+ $settings = $this->get_settings_for_display();
+
+ $this->add_inline_editing_attributes('page_title', 'basic');
+
+ if (! empty($settings['page_heading_link']['url'])) {
+ $this->add_link_attributes('url', $settings['page_heading_link']);
+ }
+
+ $heading_size_tag = Widgets_Loader::validate_html_tag($settings['heading_tag']);
+ ?>
+
+
+
+
+ get_render_attribute_string('url')); ?>>
+
+
+
+ < class="elementor-heading-title elementor-size-">
+
+
+
+
+
+
+
+
+ >
+
+
+
+
+
+ <#
+ if ( '' == settings.page_title ) {
+ return;
+ }
+
+ if ( '' != settings.page_heading_link.url ) {
+ var urlPattern = /^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$|^www\.[^\s/$.?#].[^\s]*$/;
+ if( urlPattern.test( settings.page_heading_link.url ) ){
+ var sanitizedPgUrl = _.escape( settings.page_heading_link.url );
+ view.addRenderAttribute( 'url', 'href', sanitizedPgUrl );
+ }
+ }
+ var iconHTML = elementor.helpers.renderIcon( view, settings.new_page_title_select_icon, { 'aria-hidden': true }, 'i' , 'object' );
+
+ var headingSizeTag = elementor.helpers.validateHTMLTag( settings.heading_tag );
+
+ if ( typeof elementor.helpers.validateHTMLTag === "function" ) {
+ headingSizeTag = elementor.helpers.validateHTMLTag( settings.heading_tag );
+ } else if( HfeWidgetsData.allowed_tags ) {
+ headingSizeTag = HfeWidgetsData.allowed_tags.includes( headingSizeTag.toLowerCase() ) ? headingSizeTag : 'div';
+ }
+
+ #>
+
+ <# if ( '' != settings.page_heading_link.url ) { #>
+
+ <# } #>
+ <{{{ headingSizeTag }}} class="elementor-heading-title elementor-size-">
+ <# if( '' != settings.new_page_title_select_icon.value ){ #>
+
+ <# } #>
+ <# if ( '' != settings.before ) {
+ var before = elementor.helpers.sanitize( settings.before ) #>
+ {{{ before }}}
+ <# } #>
+
+ <# if ( '' != settings.after ) {
+ var after = elementor.helpers.sanitize( settings.after )#>
+ {{{ after }}}
+ <# } #>
+
+ <# if ( '' != settings.page_heading_link.url ) { #>
+
+ <# } #>
+
+ register_content_retina_image_controls();
- $this->register_retina_image_styling_controls();
- $this->register_retina_caption_styling_controls();
- $this->register_helpful_information();
- }
-
- /**
- * Register Retina Logo General Controls.
- *
- * @since 1.2.0
- * @access protected
- */
- protected function register_content_retina_image_controls() {
- $this->start_controls_section(
- 'section_retina_image',
- [
- 'label' => __( 'Retina Image', 'header-footer-elementor' ),
- ]
- );
- $this->add_control(
- 'retina_image',
- [
- 'label' => __( 'Choose Default Image', 'header-footer-elementor' ),
- 'type' => Controls_Manager::MEDIA,
- 'dynamic' => [
- 'active' => true,
- ],
- 'default' => [
- 'url' => Utils::get_placeholder_image_src(),
- ],
- ]
- );
- $this->add_control(
- 'real_retina',
- [
- 'label' => __( 'Choose Retina Image', 'header-footer-elementor' ),
- 'type' => Controls_Manager::MEDIA,
- 'dynamic' => [
- 'active' => true,
- ],
- 'default' => [
- 'url' => Utils::get_placeholder_image_src(),
- ],
- ]
- );
- $this->add_group_control(
- Group_Control_Image_Size::get_type(),
- [
- 'name' => 'retina_image',
- 'label' => __( 'Image Size', 'header-footer-elementor' ),
- 'default' => 'medium',
- ]
- );
- $this->add_responsive_control(
- 'align',
- [
- 'label' => __( 'Alignment', 'header-footer-elementor' ),
- 'type' => Controls_Manager::CHOOSE,
- 'options' => [
- 'left' => [
- 'title' => __( 'Left', 'header-footer-elementor' ),
- 'icon' => 'fa fa-align-left',
- ],
- 'center' => [
- 'title' => __( 'Center', 'header-footer-elementor' ),
- 'icon' => 'fa fa-align-center',
- ],
- 'right' => [
- 'title' => __( 'Right', 'header-footer-elementor' ),
- 'icon' => 'fa fa-align-right',
- ],
- ],
- 'default' => 'center',
- 'selectors' => [
- '{{WRAPPER}} .hfe-retina-image-container, {{WRAPPER}} .hfe-caption-width' => 'text-align: {{VALUE}};',
- ],
- 'frontend_available' => true,
- ]
- );
-
- $this->add_control(
- 'caption_source',
- [
- 'label' => __( 'Caption', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'options' => [
- 'none' => __( 'None', 'header-footer-elementor' ),
- 'custom' => __( 'Custom Caption', 'header-footer-elementor' ),
- ],
- 'default' => 'none',
- ]
- );
-
- $this->add_control(
- 'caption',
- [
- 'label' => __( 'Custom Caption', 'header-footer-elementor' ),
- 'type' => Controls_Manager::TEXT,
- 'default' => '',
- 'placeholder' => __( 'Enter your image caption', 'header-footer-elementor' ),
- 'condition' => [
- 'caption_source' => 'custom',
- ],
- 'dynamic' => [
- 'active' => true,
- ],
- 'label_block' => true,
- ]
- );
-
- $this->add_control(
- 'link_to',
- [
- 'label' => __( 'Link', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'default' => 'none',
- 'options' => [
- 'none' => __( 'None', 'header-footer-elementor' ),
- 'custom' => __( 'Custom URL', 'header-footer-elementor' ),
- ],
- ]
- );
-
- $this->add_control(
- 'link',
- [
- 'label' => __( 'Link', 'header-footer-elementor' ),
- 'type' => Controls_Manager::URL,
- 'dynamic' => [
- 'active' => true,
- ],
- 'placeholder' => __( 'https://your-link.com', 'header-footer-elementor' ),
- 'condition' => [
- 'link_to' => 'custom',
- ],
- 'show_label' => false,
- ]
- );
- $this->end_controls_section();
- }
- /**
- * Register Retina Image Style Controls.
- *
- * @since 1.2.0
- * @access protected
- */
- protected function register_retina_image_styling_controls() {
- $this->start_controls_section(
- 'section_style_retina_image',
- [
- 'label' => __( 'Retina Image', 'header-footer-elementor' ),
- 'tab' => Controls_Manager::TAB_STYLE,
- ]
- );
-
- $this->add_responsive_control(
- 'width',
- [
- 'label' => __( 'Width', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'default' => [
- 'unit' => '%',
- ],
- 'tablet_default' => [
- 'unit' => '%',
- ],
- 'mobile_default' => [
- 'unit' => '%',
- ],
- 'size_units' => [ '%', 'px', 'vw' ],
- 'range' => [
- '%' => [
- 'min' => 1,
- 'max' => 100,
- ],
- 'px' => [
- 'min' => 1,
- 'max' => 1000,
- ],
- 'vw' => [
- 'min' => 1,
- 'max' => 100,
- ],
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-retina-image img' => 'width: {{SIZE}}{{UNIT}};',
- '{{WRAPPER}} .hfe-retina-image .wp-caption .widget-image-caption' => 'width: {{SIZE}}{{UNIT}}; display: inline-block;',
- ],
- 'frontend_available' => true,
- ]
- );
-
- $this->add_responsive_control(
- 'space',
- [
- 'label' => __( 'Max Width', 'header-footer-elementor' ) . ' (%)',
- 'type' => Controls_Manager::SLIDER,
- 'default' => [
- 'unit' => '%',
- ],
- 'tablet_default' => [
- 'unit' => '%',
- ],
- 'mobile_default' => [
- 'unit' => '%',
- ],
- 'size_units' => [ '%' ],
- 'range' => [
- '%' => [
- 'min' => 1,
- 'max' => 100,
- ],
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-retina-image img' => 'max-width: {{SIZE}}{{UNIT}};',
- '{{WRAPPER}} .wp-caption-text' => 'max-width: {{SIZE}}{{UNIT}}; display: inline-block; width: 100%;',
- ],
- 'frontend_available' => true,
- ]
- );
-
- $this->add_control(
- 'separator_panel_style',
- [
- 'type' => Controls_Manager::DIVIDER,
- 'style' => 'thick',
- ]
- );
-
- $this->add_control(
- 'retina_image_border',
- [
- 'label' => __( 'Border Style', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'default' => 'none',
- 'label_block' => false,
- 'options' => [
- 'none' => __( 'None', 'header-footer-elementor' ),
- 'solid' => __( 'Solid', 'header-footer-elementor' ),
- 'double' => __( 'Double', 'header-footer-elementor' ),
- 'dotted' => __( 'Dotted', 'header-footer-elementor' ),
- 'dashed' => __( 'Dashed', 'header-footer-elementor' ),
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-retina-image-container .hfe-retina-img' => 'border-style: {{VALUE}};',
- ],
- ]
- );
- $this->add_control(
- 'retina_image_border_size',
- [
- 'label' => __( 'Border Width', 'header-footer-elementor' ),
- 'type' => Controls_Manager::DIMENSIONS,
- 'size_units' => [ 'px' ],
- 'default' => [
- 'top' => '1',
- 'bottom' => '1',
- 'left' => '1',
- 'right' => '1',
- 'unit' => 'px',
- ],
- 'condition' => [
- 'retina_image_border!' => 'none',
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-retina-image-container .hfe-retina-img' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
- ],
- ]
- );
-
- $this->add_control(
- 'retina_image_border_color',
- [
- 'label' => __( 'Border Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'global' => [
- 'default' => Global_Colors::COLOR_PRIMARY,
- ],
- 'condition' => [
- 'retina_image_border!' => 'none',
- ],
- 'default' => '',
- 'selectors' => [
- '{{WRAPPER}} .hfe-retina-image-container .hfe-retina-img' => 'border-color: {{VALUE}};',
- ],
- ]
- );
-
- $this->add_responsive_control(
- 'image_border_radius',
- [
- 'label' => __( 'Border Radius', 'header-footer-elementor' ),
- 'type' => Controls_Manager::DIMENSIONS,
- 'size_units' => [ 'px', '%' ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-retina-image img' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
- ],
- 'frontend_available' => true,
- ]
- );
-
- $this->add_group_control(
- Group_Control_Box_Shadow::get_type(),
- [
- 'name' => 'image_box_shadow',
- 'exclude' => [
- 'box_shadow_position',
- ],
- 'selector' => '{{WRAPPER}} .hfe-retina-image img',
- ]
- );
-
- $this->start_controls_tabs( 'image_effects' );
-
- $this->start_controls_tab(
- 'normal',
- [
- 'label' => __( 'Normal', 'header-footer-elementor' ),
- ]
- );
-
- $this->add_control(
- 'opacity',
- [
- 'label' => __( 'Opacity', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'range' => [
- 'px' => [
- 'max' => 1,
- 'min' => 0.10,
- 'step' => 0.01,
- ],
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-retina-image img' => 'opacity: {{SIZE}};',
- ],
- ]
- );
-
- $this->add_group_control(
- Group_Control_Css_Filter::get_type(),
- [
- 'name' => 'css_filters',
- 'selector' => '{{WRAPPER}} .hfe-retina-image img',
- ]
- );
-
- $this->end_controls_tab();
-
- $this->start_controls_tab(
- 'hover',
- [
- 'label' => __( 'Hover', 'header-footer-elementor' ),
- ]
- );
- $this->add_control(
- 'opacity_hover',
- [
- 'label' => __( 'Opacity', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'range' => [
- 'px' => [
- 'max' => 1,
- 'min' => 0.10,
- 'step' => 0.01,
- ],
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-retina-image:hover img' => 'opacity: {{SIZE}};',
- ],
- ]
- );
-
- $this->add_group_control(
- Group_Control_Css_Filter::get_type(),
- [
- 'name' => 'css_filters_hover',
- 'selector' => '{{WRAPPER}} .hfe-retina-image:hover img',
- ]
- );
-
- $this->add_control(
- 'hover_animation',
- [
- 'label' => __( 'Hover Animation', 'header-footer-elementor' ),
- 'type' => Controls_Manager::HOVER_ANIMATION,
- ]
- );
- $this->add_control(
- 'background_hover_transition',
- [
- 'label' => __( 'Transition Duration', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'range' => [
- 'px' => [
- 'max' => 3,
- 'step' => 0.1,
- ],
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-retina-image img' => 'transition-duration: {{SIZE}}s',
- ],
- ]
- );
-
- $this->end_controls_tab();
-
- $this->end_controls_tabs();
-
- $this->end_controls_section();
- }
- /**
- * Register Caption style Controls.
- *
- * @since 1.2.0
- * @access protected
- */
- protected function register_retina_caption_styling_controls() {
- $this->start_controls_section(
- 'section_style_caption',
- [
- 'label' => __( 'Caption', 'header-footer-elementor' ),
- 'tab' => Controls_Manager::TAB_STYLE,
- 'condition' => [
- 'caption_source!' => 'none',
- ],
- ]
- );
-
- $this->add_control(
- 'text_color',
- [
- 'label' => __( 'Text Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '',
- 'selectors' => [
- '{{WRAPPER}} .widget-image-caption' => 'color: {{VALUE}};',
- ],
- 'global' => [
- 'default' => Global_Colors::COLOR_TEXT,
- ],
- ]
- );
-
- $this->add_control(
- 'caption_background_color',
- [
- 'label' => __( 'Background Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .widget-image-caption' => 'background-color: {{VALUE}};',
- ],
- ]
- );
-
- $this->add_group_control(
- Group_Control_Typography::get_type(),
- [
- 'name' => 'caption_typography',
- 'selector' => '{{WRAPPER}} .widget-image-caption',
- 'global' => [
- 'default' => Global_Typography::TYPOGRAPHY_TEXT,
- ],
- ]
- );
-
- $this->add_group_control(
- Group_Control_Text_Shadow::get_type(),
- [
- 'name' => 'caption_text_shadow',
- 'selector' => '{{WRAPPER}} .widget-image-caption',
- ]
- );
-
- $this->add_responsive_control(
- 'caption_padding',
- [
- 'label' => __( 'Padding', 'header-footer-elementor' ),
- 'type' => Controls_Manager::DIMENSIONS,
- 'size_units' => [ 'px', 'em', '%' ],
- 'selectors' => [
- '{{WRAPPER}} .widget-image-caption' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
- ],
- 'frontend_available' => true,
- ]
- );
- $this->add_responsive_control(
- 'caption_space',
- [
- 'label' => __( 'Caption Top Spacing', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'range' => [
- 'px' => [
- 'min' => 0,
- 'max' => 100,
- ],
- ],
- 'default' => [
- 'size' => 0,
- 'unit' => 'px',
- ],
- 'selectors' => [
- '{{WRAPPER}} .widget-image-caption' => 'margin-top: {{SIZE}}{{UNIT}}; margin-bottom: 0px;',
- ],
- 'frontend_available' => true,
- ]
- );
-
- $this->end_controls_section();
- }
-
- /**
- * Helpful Information.
- *
- * @since 1.2.0
- * @access protected
- */
- protected function register_helpful_information() {
-
- $help_link_1 = HFE_DOMAIN . 'docs/introducing-retina-image-widget';
-
- $this->start_controls_section(
- 'section_helpful_info',
- [
- 'label' => __( 'Helpful Information', 'header-footer-elementor' ),
- ]
- );
-
- $this->add_control(
- 'help_doc_1',
- [
- 'type' => Controls_Manager::RAW_HTML,
- /* translators: %1$s doc link */
- 'raw' => sprintf( __( '%1$s Getting started article » %2$s', 'header-footer-elementor' ), '', '' ),
- 'content_classes' => 'hfe-editor-doc',
- ]
- );
-
- $this->end_controls_section();
- }
-
- /**
- * Check if the current widget has caption
- *
- * @access private
- * @since 1.2.0
- *
- * @param array $settings returns settings.
- *
- * @return boolean
- */
- private function has_caption( $settings ) {
- return ( ! empty( $settings['caption_source'] ) && 'none' !== $settings['caption_source'] );
- }
-
- /**
- * Get the caption for current widget.
- *
- * @access private
- * @since 1.2.0
- * @param array $settings returns the caption.
- *
- * @return string
- */
- private function get_caption( $settings ) {
- $caption = '';
- if ( 'custom' === $settings['caption_source'] ) {
- $caption = ! empty( $settings['caption'] ) ? $settings['caption'] : '';
- }
- return $caption;
- }
-
- /**
- * Render Retina Image output on the frontend.
- *
- * Written in PHP and used to generate the final HTML.
- *
- * @since 1.2.0
- * @access protected
- */
- protected function render() {
- $settings = $this->get_settings_for_display();
-
- if ( empty( $settings['retina_image']['url'] ) ) {
- return;
- }
-
- $has_caption = $this->has_caption( $settings );
-
- $this->add_render_attribute( 'wrapper', 'class', 'hfe-retina-image' );
- $link = $this->get_link_url( $settings );
-
- if ( $link ) {
-
- if ( Plugin::$instance->editor->is_edit_mode() ) {
- $this->add_render_attribute(
- 'link',
- [
- 'class' => 'elementor-clickable',
- ]
- );
- }
-
- $this->add_link_attributes( 'link', $link );
- }
-
- ?>
-
- register_content_retina_image_controls();
+ $this->register_retina_image_styling_controls();
+ $this->register_retina_caption_styling_controls();
+ $this->register_helpful_information();
+ }
+
+ /**
+ * Register Retina Logo General Controls.
+ *
+ * @since 1.2.0
+ *
+ * @access protected
+ */
+ protected function register_content_retina_image_controls(): void {
+ $this->start_controls_section(
+ 'section_retina_image',
+ [
+ 'label' => __( 'Retina Image', 'header-footer-elementor' ),
+ ]
+ );
+ $this->add_control(
+ 'retina_image',
+ [
+ 'label' => __( 'Choose Default Image', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::MEDIA,
+ 'dynamic' => [
+ 'active' => true,
+ ],
+ 'default' => [
+ 'url' => Utils::get_placeholder_image_src(),
+ ],
+ ]
+ );
+ $this->add_control(
+ 'real_retina',
+ [
+ 'label' => __( 'Choose Retina Image', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::MEDIA,
+ 'dynamic' => [
+ 'active' => true,
+ ],
+ 'default' => [
+ 'url' => Utils::get_placeholder_image_src(),
+ ],
+ ]
+ );
+ $this->add_group_control(
+ Group_Control_Image_Size::get_type(),
+ [
+ 'name' => 'retina_image',
+ 'label' => __( 'Image Size', 'header-footer-elementor' ),
+ 'default' => 'medium',
+ ]
+ );
+ $this->add_responsive_control(
+ 'align',
+ [
+ 'label' => __( 'Alignment', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::CHOOSE,
+ 'options' => [
+ 'left' => [
+ 'title' => __( 'Left', 'header-footer-elementor' ),
+ 'icon' => 'fa fa-align-left',
+ ],
+ 'center' => [
+ 'title' => __( 'Center', 'header-footer-elementor' ),
+ 'icon' => 'fa fa-align-center',
+ ],
+ 'right' => [
+ 'title' => __( 'Right', 'header-footer-elementor' ),
+ 'icon' => 'fa fa-align-right',
+ ],
+ ],
+ 'default' => 'center',
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-retina-image-container, {{WRAPPER}} .hfe-caption-width' => 'text-align: {{VALUE}};',
+ ],
+ 'frontend_available' => true,
+ ]
+ );
+
+ $this->add_control(
+ 'caption_source',
+ [
+ 'label' => __( 'Caption', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::SELECT,
+ 'options' => [
+ 'none' => __( 'None', 'header-footer-elementor' ),
+ 'custom' => __( 'Custom Caption', 'header-footer-elementor' ),
+ ],
+ 'default' => 'none',
+ ]
+ );
+
+ $this->add_control(
+ 'caption',
+ [
+ 'label' => __( 'Custom Caption', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::TEXT,
+ 'default' => '',
+ 'placeholder' => __( 'Enter your image caption', 'header-footer-elementor' ),
+ 'condition' => [
+ 'caption_source' => 'custom',
+ ],
+ 'dynamic' => [
+ 'active' => true,
+ ],
+ 'label_block' => true,
+ ]
+ );
+
+ $this->add_control(
+ 'link_to',
+ [
+ 'label' => __( 'Link', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::SELECT,
+ 'default' => 'none',
+ 'options' => [
+ 'none' => __( 'None', 'header-footer-elementor' ),
+ 'custom' => __( 'Custom URL', 'header-footer-elementor' ),
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'link',
+ [
+ 'label' => __( 'Link', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::URL,
+ 'dynamic' => [
+ 'active' => true,
+ ],
+ 'placeholder' => __( 'https://your-link.com', 'header-footer-elementor' ),
+ 'condition' => [
+ 'link_to' => 'custom',
+ ],
+ 'show_label' => false,
+ ]
+ );
+ $this->end_controls_section();
+ }
+ /**
+ * Register Retina Image Style Controls.
+ *
+ * @since 1.2.0
+ *
+ * @access protected
+ */
+ protected function register_retina_image_styling_controls(): void {
+ $this->start_controls_section(
+ 'section_style_retina_image',
+ [
+ 'label' => __( 'Retina Image', 'header-footer-elementor' ),
+ 'tab' => Controls_Manager::TAB_STYLE,
+ ]
+ );
+
+ $this->add_responsive_control(
+ 'width',
+ [
+ 'label' => __( 'Width', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::SLIDER,
+ 'default' => [
+ 'unit' => '%',
+ ],
+ 'tablet_default' => [
+ 'unit' => '%',
+ ],
+ 'mobile_default' => [
+ 'unit' => '%',
+ ],
+ 'size_units' => [ '%', 'px', 'vw' ],
+ 'range' => [
+ '%' => [
+ 'min' => 1,
+ 'max' => 100,
+ ],
+ 'px' => [
+ 'min' => 1,
+ 'max' => 1000,
+ ],
+ 'vw' => [
+ 'min' => 1,
+ 'max' => 100,
+ ],
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-retina-image img' => 'width: {{SIZE}}{{UNIT}};',
+ '{{WRAPPER}} .hfe-retina-image .wp-caption .widget-image-caption' => 'width: {{SIZE}}{{UNIT}}; display: inline-block;',
+ ],
+ 'frontend_available' => true,
+ ]
+ );
+
+ $this->add_responsive_control(
+ 'space',
+ [
+ 'label' => __( 'Max Width', 'header-footer-elementor' ) . ' (%)',
+ 'type' => Controls_Manager::SLIDER,
+ 'default' => [
+ 'unit' => '%',
+ ],
+ 'tablet_default' => [
+ 'unit' => '%',
+ ],
+ 'mobile_default' => [
+ 'unit' => '%',
+ ],
+ 'size_units' => [ '%' ],
+ 'range' => [
+ '%' => [
+ 'min' => 1,
+ 'max' => 100,
+ ],
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-retina-image img' => 'max-width: {{SIZE}}{{UNIT}};',
+ '{{WRAPPER}} .wp-caption-text' => 'max-width: {{SIZE}}{{UNIT}}; display: inline-block; width: 100%;',
+ ],
+ 'frontend_available' => true,
+ ]
+ );
+
+ $this->add_control(
+ 'separator_panel_style',
+ [
+ 'type' => Controls_Manager::DIVIDER,
+ 'style' => 'thick',
+ ]
+ );
+
+ $this->add_control(
+ 'retina_image_border',
+ [
+ 'label' => __( 'Border Style', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::SELECT,
+ 'default' => 'none',
+ 'label_block' => false,
+ 'options' => [
+ 'none' => __( 'None', 'header-footer-elementor' ),
+ 'solid' => __( 'Solid', 'header-footer-elementor' ),
+ 'double' => __( 'Double', 'header-footer-elementor' ),
+ 'dotted' => __( 'Dotted', 'header-footer-elementor' ),
+ 'dashed' => __( 'Dashed', 'header-footer-elementor' ),
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-retina-image-container .hfe-retina-img' => 'border-style: {{VALUE}};',
+ ],
+ ]
+ );
+ $this->add_control(
+ 'retina_image_border_size',
+ [
+ 'label' => __( 'Border Width', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::DIMENSIONS,
+ 'size_units' => [ 'px' ],
+ 'default' => [
+ 'top' => '1',
+ 'bottom' => '1',
+ 'left' => '1',
+ 'right' => '1',
+ 'unit' => 'px',
+ ],
+ 'condition' => [
+ 'retina_image_border!' => 'none',
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-retina-image-container .hfe-retina-img' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'retina_image_border_color',
+ [
+ 'label' => __( 'Border Color', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::COLOR,
+ 'global' => [
+ 'default' => Global_Colors::COLOR_PRIMARY,
+ ],
+ 'condition' => [
+ 'retina_image_border!' => 'none',
+ ],
+ 'default' => '',
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-retina-image-container .hfe-retina-img' => 'border-color: {{VALUE}};',
+ ],
+ ]
+ );
+
+ $this->add_responsive_control(
+ 'image_border_radius',
+ [
+ 'label' => __( 'Border Radius', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::DIMENSIONS,
+ 'size_units' => [ 'px', '%' ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-retina-image img' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
+ ],
+ 'frontend_available' => true,
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Box_Shadow::get_type(),
+ [
+ 'name' => 'image_box_shadow',
+ 'exclude' => [
+ 'box_shadow_position',
+ ],
+ 'selector' => '{{WRAPPER}} .hfe-retina-image img',
+ ]
+ );
+
+ $this->start_controls_tabs( 'image_effects' );
+
+ $this->start_controls_tab(
+ 'normal',
+ [
+ 'label' => __( 'Normal', 'header-footer-elementor' ),
+ ]
+ );
+
+ $this->add_control(
+ 'opacity',
+ [
+ 'label' => __( 'Opacity', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::SLIDER,
+ 'range' => [
+ 'px' => [
+ 'max' => 1,
+ 'min' => 0.10,
+ 'step' => 0.01,
+ ],
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-retina-image img' => 'opacity: {{SIZE}};',
+ ],
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Css_Filter::get_type(),
+ [
+ 'name' => 'css_filters',
+ 'selector' => '{{WRAPPER}} .hfe-retina-image img',
+ ]
+ );
+
+ $this->end_controls_tab();
+
+ $this->start_controls_tab(
+ 'hover',
+ [
+ 'label' => __( 'Hover', 'header-footer-elementor' ),
+ ]
+ );
+ $this->add_control(
+ 'opacity_hover',
+ [
+ 'label' => __( 'Opacity', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::SLIDER,
+ 'range' => [
+ 'px' => [
+ 'max' => 1,
+ 'min' => 0.10,
+ 'step' => 0.01,
+ ],
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-retina-image:hover img' => 'opacity: {{SIZE}};',
+ ],
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Css_Filter::get_type(),
+ [
+ 'name' => 'css_filters_hover',
+ 'selector' => '{{WRAPPER}} .hfe-retina-image:hover img',
+ ]
+ );
+
+ $this->add_control(
+ 'hover_animation',
+ [
+ 'label' => __( 'Hover Animation', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::HOVER_ANIMATION,
+ ]
+ );
+ $this->add_control(
+ 'background_hover_transition',
+ [
+ 'label' => __( 'Transition Duration', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::SLIDER,
+ 'range' => [
+ 'px' => [
+ 'max' => 3,
+ 'step' => 0.1,
+ ],
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-retina-image img' => 'transition-duration: {{SIZE}}s',
+ ],
+ ]
+ );
+
+ $this->end_controls_tab();
+
+ $this->end_controls_tabs();
+
+ $this->end_controls_section();
+ }
+ /**
+ * Register Caption style Controls.
+ *
+ * @since 1.2.0
+ *
+ * @access protected
+ */
+ protected function register_retina_caption_styling_controls(): void {
+ $this->start_controls_section(
+ 'section_style_caption',
+ [
+ 'label' => __( 'Caption', 'header-footer-elementor' ),
+ 'tab' => Controls_Manager::TAB_STYLE,
+ 'condition' => [
+ 'caption_source!' => 'none',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'text_color',
+ [
+ 'label' => __( 'Text Color', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::COLOR,
+ 'default' => '',
+ 'selectors' => [
+ '{{WRAPPER}} .widget-image-caption' => 'color: {{VALUE}};',
+ ],
+ 'global' => [
+ 'default' => Global_Colors::COLOR_TEXT,
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'caption_background_color',
+ [
+ 'label' => __( 'Background Color', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .widget-image-caption' => 'background-color: {{VALUE}};',
+ ],
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Typography::get_type(),
+ [
+ 'name' => 'caption_typography',
+ 'selector' => '{{WRAPPER}} .widget-image-caption',
+ 'global' => [
+ 'default' => Global_Typography::TYPOGRAPHY_TEXT,
+ ],
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Text_Shadow::get_type(),
+ [
+ 'name' => 'caption_text_shadow',
+ 'selector' => '{{WRAPPER}} .widget-image-caption',
+ ]
+ );
+
+ $this->add_responsive_control(
+ 'caption_padding',
+ [
+ 'label' => __( 'Padding', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::DIMENSIONS,
+ 'size_units' => [ 'px', 'em', '%' ],
+ 'selectors' => [
+ '{{WRAPPER}} .widget-image-caption' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
+ ],
+ 'frontend_available' => true,
+ ]
+ );
+ $this->add_responsive_control(
+ 'caption_space',
+ [
+ 'label' => __( 'Caption Top Spacing', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::SLIDER,
+ 'range' => [
+ 'px' => [
+ 'min' => 0,
+ 'max' => 100,
+ ],
+ ],
+ 'default' => [
+ 'size' => 0,
+ 'unit' => 'px',
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .widget-image-caption' => 'margin-top: {{SIZE}}{{UNIT}}; margin-bottom: 0px;',
+ ],
+ 'frontend_available' => true,
+ ]
+ );
+
+ $this->end_controls_section();
+ }
+
+ /**
+ * Helpful Information.
+ *
+ * @since 1.2.0
+ *
+ * @access protected
+ */
+ protected function register_helpful_information(): void {
+
+ $help_link_1 = HFE_DOMAIN . 'docs/introducing-retina-image-widget';
+
+ $this->start_controls_section(
+ 'section_helpful_info',
+ [
+ 'label' => __( 'Helpful Information', 'header-footer-elementor' ),
+ ]
+ );
+
+ $this->add_control(
+ 'help_doc_1',
+ [
+ 'type' => Controls_Manager::RAW_HTML,
+ /* translators: %1$s doc link */
+ 'raw' => sprintf( __( '%1$s Getting started article » %2$s', 'header-footer-elementor' ), '', '' ),
+ 'content_classes' => 'hfe-editor-doc',
+ ]
+ );
+
+ $this->end_controls_section();
+ }
+
+ /**
+ * Check if the current widget has caption
+ *
+ * @access private
+ *
+ * @since 1.2.0
+ *
+ * @param array $settings returns settings.
+ */
+ private function has_caption( array $settings ): bool {
+ return ! empty( $settings['caption_source'] ) && $settings['caption_source'] !== 'none';
+ }
+
+ /**
+ * Get the caption for current widget.
+ *
+ * @access private
+ *
+ * @since 1.2.0
+ *
+ * @param array $settings returns the caption.
+ */
+ private function get_caption( array $settings ): string {
+ $caption = '';
+ if ( $settings['caption_source'] === 'custom' ) {
+ $caption = ! empty( $settings['caption'] ) ? $settings['caption'] : '';
+ }
+ return $caption;
+ }
+
+ /**
+ * Render Retina Image output on the frontend.
+ *
+ * Written in PHP and used to generate the final HTML.
+ *
+ * @since 1.2.0
+ *
+ * @access protected
+ */
+ protected function render(): void {
+ $settings = $this->get_settings_for_display();
+
+ if ( empty( $settings['retina_image']['url'] ) ) {
+ return;
+ }
+
+ $has_caption = $this->has_caption( $settings );
+
+ $this->add_render_attribute( 'wrapper', 'class', 'hfe-retina-image' );
+ $link = $this->get_link_url( $settings );
+
+ if ( $link ) {
+
+ if ( Plugin::$instance->editor->is_edit_mode() ) {
+ $this->add_render_attribute(
+ 'link',
+ [
+ 'class' => 'elementor-clickable',
+ ]
+ );
+ }
+
+ $this->add_link_attributes( 'link', $link );
+ }
+
+ ?>
+
+ register_general_content_controls();
- $this->register_search_style_controls();
- }
- /**
- * Register Search General Controls.
- *
- * @since 1.5.0
- * @access protected
- * @return void
- */
- // phpcs:ignore
- protected function register_general_content_controls(): void {
- $this->start_controls_section(
- 'section_general_fields',
- [
- 'label' => __( 'Search Box', 'header-footer-elementor' ),
- ]
- );
-
- $this->add_control(
- 'layout',
- [
- 'label' => __( 'Layout', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'default' => 'text',
- 'options' => [
- 'text' => __( 'Input Box', 'header-footer-elementor' ),
- 'icon' => __( 'Icon', 'header-footer-elementor' ),
- 'icon_text' => __( 'Input Box With Button', 'header-footer-elementor' ),
- ],
- 'prefix_class' => 'hfe-search-layout-',
- 'render_type' => 'template',
- ]
- );
-
- $this->add_control(
- 'placeholder',
- [
- 'label' => __( 'Placeholder', 'header-footer-elementor' ),
- 'type' => Controls_Manager::TEXT,
- 'default' => __( 'Type & Hit Enter', 'header-footer-elementor' ) . '...',
- 'condition' => [
- 'layout!' => 'icon',
- ],
- ]
- );
-
- $this->add_responsive_control(
- 'size',
- [
- 'label' => __( 'Size', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'default' => [
- 'size' => 50,
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-search-form__container' => 'min-height: {{SIZE}}{{UNIT}}',
- '{{WRAPPER}} .hfe-search-submit' => 'min-width: {{SIZE}}{{UNIT}}',
- '{{WRAPPER}} .hfe-search-form__input' => 'padding-left: calc({{SIZE}}{{UNIT}} / 5); padding-right: calc({{SIZE}}{{UNIT}} / 5)',
- ],
- 'condition' => [
- 'layout!' => 'icon',
- ],
- 'render_type' => 'template',
- 'frontend_available' => true,
- ]
- );
-
- $this->end_controls_section();
- }
- /**
- * Register Search Style Controls.
- *
- * @since 1.5.0
- * @access protected
- *
- * // phpcs:ignore
- * @return void
- */
- // phpcs:ignore
- protected function register_search_style_controls(): void {
- $this->start_controls_section(
- 'section_input_style',
- [
- 'label' => __( 'Input', 'header-footer-elementor' ),
- 'tab' => Controls_Manager::TAB_STYLE,
- ]
- );
-
- $this->add_group_control(
- Group_Control_Typography::get_type(),
- [
- 'name' => 'input_typography',
- 'selector' => '{{WRAPPER}} input[type="search"].hfe-search-form__input,{{WRAPPER}} .hfe-search-icon-toggle',
- 'global' => [
- 'default' => Global_Typography::TYPOGRAPHY_PRIMARY,
- ],
- ]
- );
-
- $this->add_responsive_control(
- 'input_icon_size',
- [
- 'label' => __( 'Width', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'default' => [
- 'size' => 250,
- ],
- 'range' => [
- 'px' => [
- 'min' => 0,
- 'max' => 1500,
- ],
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-input-focus .hfe-search-icon-toggle input[type=search]' => 'width: {{SIZE}}{{UNIT}};',
- ],
- 'condition' => [
- 'layout' => 'icon',
- ],
- 'frontend_available' => true,
- ]
- );
-
- $this->start_controls_tabs( 'tabs_input_colors' );
-
- $this->start_controls_tab(
- 'tab_input_normal',
- [
- 'label' => __( 'Normal', 'header-footer-elementor' ),
- 'condition' => [
- 'layout!' => 'icon',
- ],
- ]
- );
-
- $this->add_control(
- 'input_text_color',
- [
- 'label' => __( 'Text Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'global' => [
- 'default' => Global_Colors::COLOR_TEXT,
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-search-form__input' => 'color: {{VALUE}}',
- ],
- 'condition' => [
- 'layout!' => 'icon',
- ],
- ]
- );
-
- $this->add_control(
- 'input_placeholder_color',
- [
- 'label' => __( 'Placeholder Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'global' => [
- 'default' => Global_Colors::COLOR_TEXT,
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-search-form__input::placeholder' => 'color: {{VALUE}}',
- ],
- 'default' => '#7A7A7A6B',
- 'condition' => [
- 'layout!' => 'icon',
- ],
- ]
- );
-
- $this->add_control(
- 'input_background_color',
- [
- 'label' => __( 'Background Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '#ededed',
- 'selectors' => [
- '{{WRAPPER}} .hfe-search-form__input, {{WRAPPER}} .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input' => 'background-color: {{VALUE}}',
- '{{WRAPPER}} .hfe-search-icon-toggle .hfe-search-form__input' => 'background-color: transparent;',
- ],
- 'condition' => [
- 'layout!' => 'icon',
- ],
- ]
- );
-
- $this->add_group_control(
- Group_Control_Box_Shadow::get_type(),
- [
- 'name' => 'input_box_shadow',
- 'selector' => '{{WRAPPER}} .hfe-search-form__container,{{WRAPPER}} input.hfe-search-form__input',
- 'condition' => [
- 'layout!' => 'icon',
- ],
- ]
- );
- $this->add_control(
- 'border_style',
- [
- 'label' => __( 'Border Style', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'default' => 'none',
- 'label_block' => false,
- 'options' => [
- 'none' => __( 'None', 'header-footer-elementor' ),
- 'solid' => __( 'Solid', 'header-footer-elementor' ),
- 'double' => __( 'Double', 'header-footer-elementor' ),
- 'dotted' => __( 'Dotted', 'header-footer-elementor' ),
- 'dashed' => __( 'Dashed', 'header-footer-elementor' ),
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-search-form__container ,{{WRAPPER}} .hfe-search-icon-toggle .hfe-search-form__input,{{WRAPPER}} .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input' => 'border-style: {{VALUE}};',
- ],
- 'condition' => [
- 'layout!' => 'icon',
- ],
- ]
- );
-
- $this->add_control(
- 'border_color',
- [
- 'label' => __( 'Border Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'global' => [
- 'default' => Global_Colors::COLOR_PRIMARY,
- ],
- 'condition' => [
- 'border_style!' => 'none',
- 'layout!' => 'icon',
- ],
- 'default' => '',
- 'selectors' => [
- '{{WRAPPER}} .hfe-search-form__container, {{WRAPPER}} .hfe-search-icon-toggle .hfe-search-form__input,{{WRAPPER}} .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input' => 'border-color: {{VALUE}};',
- ],
- ]
- );
-
- $this->add_control(
- 'border_width',
- [
- 'label' => __( 'Border Width', 'header-footer-elementor' ),
- 'type' => Controls_Manager::DIMENSIONS,
- 'size_units' => [ 'px' ],
- 'default' => [
- 'top' => '1',
- 'bottom' => '1',
- 'left' => '1',
- 'right' => '1',
- 'unit' => 'px',
- ],
- 'condition' => [
- 'border_style!' => 'none',
- 'layout!' => 'icon',
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-search-form__container, {{WRAPPER}} .hfe-search-icon-toggle .hfe-search-form__input,{{WRAPPER}} .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
- ],
- ]
- );
-
- $this->add_control(
- 'border_radius',
- [
- 'label' => __( 'Border Radius', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'range' => [
- 'px' => [
- 'min' => 0,
- 'max' => 200,
- ],
- ],
- 'default' => [
- 'size' => 3,
- 'unit' => 'px',
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-search-form__container, {{WRAPPER}} .hfe-search-icon-toggle .hfe-search-form__input,{{WRAPPER}} .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input' => 'border-radius: {{SIZE}}{{UNIT}}',
- ],
- 'separator' => 'before',
- 'condition' => [
- 'layout!' => 'icon',
- ],
- ]
- );
-
- $this->end_controls_tab();
-
- $this->start_controls_tab(
- 'tab_input_focus',
- [
- 'label' => __( 'Focus', 'header-footer-elementor' ),
- 'condition' => [
- 'layout!' => 'icon',
- ],
- ]
- );
-
- $this->add_control(
- 'input_text_color_focus',
- [
- 'label' => __( 'Text Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .hfe-input-focus .hfe-search-form__input:focus,
+class Search_Button extends Widget_Base
+{
+ /**
+ * Retrieve the widget name.
+ *
+ * @since 1.5.0
+ *
+ * @access public
+ *
+ * @return string Widget name.
+ */
+ public function get_name(): string
+ {
+ return 'hfe-search-button';
+ }
+
+ /**
+ * Retrieve the widget title.
+ *
+ * @since 1.5.0
+ *
+ * @access public
+ *
+ * @return string Widget title.
+ */
+ public function get_title(): string
+ {
+ return __('Search', 'header-footer-elementor');
+ }
+
+ /**
+ * Retrieve the widget icon.
+ *
+ * @since 1.5.0
+ *
+ * @access public
+ *
+ * @return string Widget icon.
+ */
+ public function get_icon(): string
+ {
+ return 'hfe-icon-search';
+ }
+
+ /**
+ * Retrieve the list of categories the widget belongs to.
+ *
+ * Used to determine where to display the widget in the editor.
+ *
+ * Note that currently Elementor supports only one category.
+ * When multiple categories passed, Elementor uses the first one.
+ *
+ * @since 1.5.0
+ *
+ * @access public
+ *
+ * @return array Widget categories.
+ */
+ public function get_categories(): array
+ {
+ return [ 'hfe-widgets' ];
+ }
+
+ /**
+ * Retrieve the list of scripts the navigation menu depended on.
+ *
+ * Used to set scripts dependencies required to run the widget.
+ *
+ * @since 1.5.0
+ *
+ * @access public
+ *
+ * @return array Widget scripts dependencies.
+ */
+ public function get_script_depends(): array
+ {
+ return [ 'hfe-frontend-js' ];
+ }
+
+ /**
+ * Indicates if the widget's content is dynamic.
+ *
+ * This method returns true if the widget's output is dynamic and should not be cached,
+ * or false if the content is static and can be cached.
+ *
+ * @since 1.6.41
+ *
+ * @return bool True for dynamic content, false for static content.
+ */
+ protected function is_dynamic_content(): bool // phpcs:ignore
+ {return false;
+ }
+
+ /**
+ * Register Search Button controls.
+ *
+ * @since 1.5.7
+ *
+ * @access protected
+ */
+ // phpcs:ignore
+ protected function register_controls(): void
+ {
+ $this->register_general_content_controls();
+ $this->register_search_style_controls();
+ }
+ /**
+ * Register Search General Controls.
+ *
+ * @since 1.5.0
+ *
+ * @access protected
+ */
+ // phpcs:ignore
+ protected function register_general_content_controls(): void
+ {
+ $this->start_controls_section(
+ 'section_general_fields',
+ [
+ 'label' => __('Search Box', 'header-footer-elementor'),
+ ]
+ );
+
+ $this->add_control(
+ 'layout',
+ [
+ 'label' => __('Layout', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SELECT,
+ 'default' => 'text',
+ 'options' => [
+ 'text' => __('Input Box', 'header-footer-elementor'),
+ 'icon' => __('Icon', 'header-footer-elementor'),
+ 'icon_text' => __('Input Box With Button', 'header-footer-elementor'),
+ ],
+ 'prefix_class' => 'hfe-search-layout-',
+ 'render_type' => 'template',
+ ]
+ );
+
+ $this->add_control(
+ 'placeholder',
+ [
+ 'label' => __('Placeholder', 'header-footer-elementor'),
+ 'type' => Controls_Manager::TEXT,
+ 'default' => __('Type & Hit Enter', 'header-footer-elementor') . '...',
+ 'condition' => [
+ 'layout!' => 'icon',
+ ],
+ ]
+ );
+
+ $this->add_responsive_control(
+ 'size',
+ [
+ 'label' => __('Size', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SLIDER,
+ 'default' => [
+ 'size' => 50,
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-search-form__container' => 'min-height: {{SIZE}}{{UNIT}}',
+ '{{WRAPPER}} .hfe-search-submit' => 'min-width: {{SIZE}}{{UNIT}}',
+ '{{WRAPPER}} .hfe-search-form__input' => 'padding-left: calc({{SIZE}}{{UNIT}} / 5); padding-right: calc({{SIZE}}{{UNIT}} / 5)',
+ ],
+ 'condition' => [
+ 'layout!' => 'icon',
+ ],
+ 'render_type' => 'template',
+ 'frontend_available' => true,
+ ]
+ );
+
+ $this->end_controls_section();
+ }
+ /**
+ * Register Search Style Controls.
+ *
+ * @since 1.5.0
+ *
+ * @access protected
+ *
+ * // phpcs:ignore
+ */
+ // phpcs:ignore
+ protected function register_search_style_controls(): void
+ {
+ $this->start_controls_section(
+ 'section_input_style',
+ [
+ 'label' => __('Input', 'header-footer-elementor'),
+ 'tab' => Controls_Manager::TAB_STYLE,
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Typography::get_type(),
+ [
+ 'name' => 'input_typography',
+ 'selector' => '{{WRAPPER}} input[type="search"].hfe-search-form__input,{{WRAPPER}} .hfe-search-icon-toggle',
+ 'global' => [
+ 'default' => Global_Typography::TYPOGRAPHY_PRIMARY,
+ ],
+ ]
+ );
+
+ $this->add_responsive_control(
+ 'input_icon_size',
+ [
+ 'label' => __('Width', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SLIDER,
+ 'default' => [
+ 'size' => 250,
+ ],
+ 'range' => [
+ 'px' => [
+ 'min' => 0,
+ 'max' => 1500,
+ ],
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-input-focus .hfe-search-icon-toggle input[type=search]' => 'width: {{SIZE}}{{UNIT}};',
+ ],
+ 'condition' => [
+ 'layout' => 'icon',
+ ],
+ 'frontend_available' => true,
+ ]
+ );
+
+ $this->start_controls_tabs('tabs_input_colors');
+
+ $this->start_controls_tab(
+ 'tab_input_normal',
+ [
+ 'label' => __('Normal', 'header-footer-elementor'),
+ 'condition' => [
+ 'layout!' => 'icon',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'input_text_color',
+ [
+ 'label' => __('Text Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'global' => [
+ 'default' => Global_Colors::COLOR_TEXT,
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-search-form__input' => 'color: {{VALUE}}',
+ ],
+ 'condition' => [
+ 'layout!' => 'icon',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'input_placeholder_color',
+ [
+ 'label' => __('Placeholder Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'global' => [
+ 'default' => Global_Colors::COLOR_TEXT,
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-search-form__input::placeholder' => 'color: {{VALUE}}',
+ ],
+ 'default' => '#7A7A7A6B',
+ 'condition' => [
+ 'layout!' => 'icon',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'input_background_color',
+ [
+ 'label' => __('Background Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'default' => '#ededed',
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-search-form__input, {{WRAPPER}} .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input' => 'background-color: {{VALUE}}',
+ '{{WRAPPER}} .hfe-search-icon-toggle .hfe-search-form__input' => 'background-color: transparent;',
+ ],
+ 'condition' => [
+ 'layout!' => 'icon',
+ ],
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Box_Shadow::get_type(),
+ [
+ 'name' => 'input_box_shadow',
+ 'selector' => '{{WRAPPER}} .hfe-search-form__container,{{WRAPPER}} input.hfe-search-form__input',
+ 'condition' => [
+ 'layout!' => 'icon',
+ ],
+ ]
+ );
+ $this->add_control(
+ 'border_style',
+ [
+ 'label' => __('Border Style', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SELECT,
+ 'default' => 'none',
+ 'label_block' => false,
+ 'options' => [
+ 'none' => __('None', 'header-footer-elementor'),
+ 'solid' => __('Solid', 'header-footer-elementor'),
+ 'double' => __('Double', 'header-footer-elementor'),
+ 'dotted' => __('Dotted', 'header-footer-elementor'),
+ 'dashed' => __('Dashed', 'header-footer-elementor'),
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-search-form__container ,{{WRAPPER}} .hfe-search-icon-toggle .hfe-search-form__input,{{WRAPPER}} .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input' => 'border-style: {{VALUE}};',
+ ],
+ 'condition' => [
+ 'layout!' => 'icon',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'border_color',
+ [
+ 'label' => __('Border Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'global' => [
+ 'default' => Global_Colors::COLOR_PRIMARY,
+ ],
+ 'condition' => [
+ 'border_style!' => 'none',
+ 'layout!' => 'icon',
+ ],
+ 'default' => '',
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-search-form__container, {{WRAPPER}} .hfe-search-icon-toggle .hfe-search-form__input,{{WRAPPER}} .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input' => 'border-color: {{VALUE}};',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'border_width',
+ [
+ 'label' => __('Border Width', 'header-footer-elementor'),
+ 'type' => Controls_Manager::DIMENSIONS,
+ 'size_units' => [ 'px' ],
+ 'default' => [
+ 'top' => '1',
+ 'bottom' => '1',
+ 'left' => '1',
+ 'right' => '1',
+ 'unit' => 'px',
+ ],
+ 'condition' => [
+ 'border_style!' => 'none',
+ 'layout!' => 'icon',
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-search-form__container, {{WRAPPER}} .hfe-search-icon-toggle .hfe-search-form__input,{{WRAPPER}} .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'border_radius',
+ [
+ 'label' => __('Border Radius', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SLIDER,
+ 'range' => [
+ 'px' => [
+ 'min' => 0,
+ 'max' => 200,
+ ],
+ ],
+ 'default' => [
+ 'size' => 3,
+ 'unit' => 'px',
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-search-form__container, {{WRAPPER}} .hfe-search-icon-toggle .hfe-search-form__input,{{WRAPPER}} .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input' => 'border-radius: {{SIZE}}{{UNIT}}',
+ ],
+ 'separator' => 'before',
+ 'condition' => [
+ 'layout!' => 'icon',
+ ],
+ ]
+ );
+
+ $this->end_controls_tab();
+
+ $this->start_controls_tab(
+ 'tab_input_focus',
+ [
+ 'label' => __('Focus', 'header-footer-elementor'),
+ 'condition' => [
+ 'layout!' => 'icon',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'input_text_color_focus',
+ [
+ 'label' => __('Text Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-input-focus .hfe-search-form__input:focus,
{{WRAPPER}} .hfe-search-button-wrapper input[type=search]:focus' => 'color: {{VALUE}}',
- ],
- 'condition' => [
- 'layout!' => 'icon',
- ],
- ]
- );
-
- $this->add_control(
- 'input_placeholder_hover_color',
- [
- 'label' => __( 'Placeholder Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'global' => [
- 'default' => Global_Colors::COLOR_TEXT,
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-search-form__input:focus::placeholder' => 'color: {{VALUE}}',
- ],
- 'condition' => [
- 'layout!' => 'icon',
- ],
- ]
- );
-
- $this->add_control(
- 'input_background_color_focus',
- [
- 'label' => __( 'Background Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .hfe-input-focus .hfe-search-form__input:focus,
+ ],
+ 'condition' => [
+ 'layout!' => 'icon',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'input_placeholder_hover_color',
+ [
+ 'label' => __('Placeholder Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'global' => [
+ 'default' => Global_Colors::COLOR_TEXT,
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-search-form__input:focus::placeholder' => 'color: {{VALUE}}',
+ ],
+ 'condition' => [
+ 'layout!' => 'icon',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'input_background_color_focus',
+ [
+ 'label' => __('Background Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-input-focus .hfe-search-form__input:focus,
{{WRAPPER}}.hfe-search-layout-icon .hfe-search-icon-toggle .hfe-search-form__input' => 'background-color: {{VALUE}}',
- ],
- 'condition' => [
- 'layout!' => 'icon',
- ],
- ]
- );
-
- $this->add_group_control(
- Group_Control_Box_Shadow::get_type(),
- [
- 'name' => 'input_box_shadow_focus',
- 'selector' =>
- '{{WRAPPER}} .hfe-search-button-wrapper.hfe-input-focus .hfe-search-form__container,
+ ],
+ 'condition' => [
+ 'layout!' => 'icon',
+ ],
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Box_Shadow::get_type(),
+ [
+ 'name' => 'input_box_shadow_focus',
+ 'selector' => '{{WRAPPER}} .hfe-search-button-wrapper.hfe-input-focus .hfe-search-form__container,
{{WRAPPER}} .hfe-search-button-wrapper.hfe-input-focus input.hfe-search-form__input',
- 'fields_options' => [
- 'box_shadow_type' => [
- 'separator' => 'default',
- ],
- ],
- 'condition' => [
- 'layout!' => 'icon',
- ],
- ]
- );
-
- $this->add_control(
- 'input_border_color_focus',
- [
- 'label' => __( 'Border Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .hfe-input-focus .hfe-search-form__container,
+ 'fields_options' => [
+ 'box_shadow_type' => [
+ 'separator' => 'default',
+ ],
+ ],
+ 'condition' => [
+ 'layout!' => 'icon',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'input_border_color_focus',
+ [
+ 'label' => __('Border Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-input-focus .hfe-search-form__container,
{{WRAPPER}} .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input' => 'border-color: {{VALUE}}',
- ],
- 'condition' => [
- 'layout!' => 'icon',
- ],
- ]
- );
-
- $this->end_controls_tab();
-
- $this->end_controls_tabs();
-
- $this->add_control(
- 'icon_text_color_focus',
- [
- 'label' => __( 'Text Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .hfe-input-focus .hfe-search-form__input:focus' => 'color: {{VALUE}}',
- ],
- 'condition' => [
- 'layout' => 'icon',
- ],
- 'separator' => 'before',
- ]
- );
-
- $this->add_control(
- 'icon_text_background_color_focus',
- [
- 'label' => __( 'Background Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '#ededed',
- 'selectors' => [
- '{{WRAPPER}} .hfe-input-focus .hfe-search-form__input:focus' => 'background-color: {{VALUE}}',
- ],
- 'condition' => [
- 'layout' => 'icon',
- ],
- ]
- );
-
- $this->add_group_control(
- Group_Control_Box_Shadow::get_type(),
- [
- 'name' => 'icon_box_shadow_focus',
- 'selector' =>
- '{{WRAPPER}} .hfe-search-button-wrapper.hfe-input-focus .hfe-search-form__container,
+ ],
+ 'condition' => [
+ 'layout!' => 'icon',
+ ],
+ ]
+ );
+
+ $this->end_controls_tab();
+
+ $this->end_controls_tabs();
+
+ $this->add_control(
+ 'icon_text_color_focus',
+ [
+ 'label' => __('Text Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-input-focus .hfe-search-form__input:focus' => 'color: {{VALUE}}',
+ ],
+ 'condition' => [
+ 'layout' => 'icon',
+ ],
+ 'separator' => 'before',
+ ]
+ );
+
+ $this->add_control(
+ 'icon_text_background_color_focus',
+ [
+ 'label' => __('Background Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'default' => '#ededed',
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-input-focus .hfe-search-form__input:focus' => 'background-color: {{VALUE}}',
+ ],
+ 'condition' => [
+ 'layout' => 'icon',
+ ],
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Box_Shadow::get_type(),
+ [
+ 'name' => 'icon_box_shadow_focus',
+ 'selector' => '{{WRAPPER}} .hfe-search-button-wrapper.hfe-input-focus .hfe-search-form__container,
{{WRAPPER}} .hfe-search-button-wrapper.hfe-input-focus input.hfe-search-form__input',
- 'fields_options' => [
- 'box_shadow_type' => [
- 'separator' => 'default',
- ],
- ],
- 'condition' => [
- 'layout' => 'icon',
- ],
- ]
- );
-
- $this->add_control(
- 'icon_border_style',
- [
- 'label' => __( 'Border Style', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'default' => 'none',
- 'label_block' => false,
- 'options' => [
- 'none' => __( 'None', 'header-footer-elementor' ),
- 'solid' => __( 'Solid', 'header-footer-elementor' ),
- 'double' => __( 'Double', 'header-footer-elementor' ),
- 'dotted' => __( 'Dotted', 'header-footer-elementor' ),
- 'dashed' => __( 'Dashed', 'header-footer-elementor' ),
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input' => 'border-style: {{VALUE}};',
- ],
- 'condition' => [
- 'layout' => 'icon',
- ],
- ]
- );
-
- $this->add_control(
- 'icon_border_color_focus',
- [
- 'label' => __( 'Border Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .hfe-input-focus .hfe-search-form__container,
+ 'fields_options' => [
+ 'box_shadow_type' => [
+ 'separator' => 'default',
+ ],
+ ],
+ 'condition' => [
+ 'layout' => 'icon',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'icon_border_style',
+ [
+ 'label' => __('Border Style', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SELECT,
+ 'default' => 'none',
+ 'label_block' => false,
+ 'options' => [
+ 'none' => __('None', 'header-footer-elementor'),
+ 'solid' => __('Solid', 'header-footer-elementor'),
+ 'double' => __('Double', 'header-footer-elementor'),
+ 'dotted' => __('Dotted', 'header-footer-elementor'),
+ 'dashed' => __('Dashed', 'header-footer-elementor'),
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input' => 'border-style: {{VALUE}};',
+ ],
+ 'condition' => [
+ 'layout' => 'icon',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'icon_border_color_focus',
+ [
+ 'label' => __('Border Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-input-focus .hfe-search-form__container,
{{WRAPPER}} .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input' => 'border-color: {{VALUE}}',
- ],
- 'condition' => [
- 'layout' => 'icon',
- 'icon_border_style!' => 'none',
- ],
- ]
- );
-
- $this->add_control(
- 'icon_border_width',
- [
- 'label' => __( 'Border Width', 'header-footer-elementor' ),
- 'type' => Controls_Manager::DIMENSIONS,
- 'size_units' => [ 'px' ],
- 'default' => [
- 'top' => '1',
- 'bottom' => '1',
- 'left' => '1',
- 'right' => '1',
- 'unit' => 'px',
- ],
- 'condition' => [
- 'icon_border_style!' => 'none',
- 'layout' => 'icon',
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
- ],
- ]
- );
-
- $this->add_control(
- 'icon_focus_border_radius',
- [
- 'label' => __( 'Border Radius', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'range' => [
- 'px' => [
- 'min' => 0,
- 'max' => 200,
- ],
- ],
- 'default' => [
- 'size' => 3,
- 'unit' => 'px',
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input' => 'border-radius: {{SIZE}}{{UNIT}}',
- ],
- 'condition' => [
- 'layout' => 'icon',
- ],
- ]
- );
-
- $this->end_controls_section();
-
- $this->start_controls_section(
- 'section_button_style',
- [
- 'label' => __( 'Button', 'header-footer-elementor' ),
- 'tab' => Controls_Manager::TAB_STYLE,
- 'condition' => [
- 'layout' => 'icon_text',
- ],
- ]
- );
-
- $this->start_controls_tabs( 'tabs_button_colors' );
-
- $this->start_controls_tab(
- 'tab_button_normal',
- [
- 'label' => __( 'Normal', 'header-footer-elementor' ),
- ]
- );
-
- $this->add_control(
- 'button_icon_color',
- [
- 'label' => __( 'Icon Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '#fff',
- 'selectors' => [
- '{{WRAPPER}} button.hfe-search-submit' => 'color: {{VALUE}}',
- ],
- ]
- );
-
- $this->add_group_control(
- Group_Control_Background::get_type(),
- [
- 'name' => 'button_background',
- 'label' => __( 'Background', 'header-footer-elementor' ),
- 'types' => [ 'classic', 'gradient' ],
- 'exclude' => [ 'image' ],
- 'selector' => '{{WRAPPER}} .hfe-search-submit',
- 'fields_options' => [
- 'background' => [
- 'default' => 'classic',
- ],
- 'color' => [
- 'default' => '#818a91',
- ],
- ],
- ]
- );
-
- $this->end_controls_tab();
-
- $this->start_controls_tab(
- 'tab_button_hover',
- [
- 'label' => __( 'Hover', 'header-footer-elementor' ),
- ]
- );
-
- $this->add_control(
- 'button_text_color_hover',
- [
- 'label' => __( 'Icon Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .hfe-search-submit:hover' => 'color: {{VALUE}}',
- ],
- ]
- );
-
- $this->add_control(
- 'button_background_color_hover',
- [
- 'label' => __( 'Background Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .hfe-search-submit:hover' => 'background-color: {{VALUE}}',
- ],
- 'condition' => [
- 'button_background_color_hover!' => '',
- ],
- ]
- );
-
- $this->add_group_control(
- Group_Control_Background::get_type(),
- [
- 'name' => 'button_background_hover',
- 'label' => __( 'Background', 'header-footer-elementor' ),
- 'types' => [ 'classic', 'gradient' ],
- 'exclude' => [ 'image' ],
- 'selector' => '{{WRAPPER}} .hfe-search-submit:hover',
- 'condition' => [
- 'button_background_color_hover' => '',
- ],
- ]
- );
-
- $this->end_controls_tab();
-
- $this->end_controls_tabs();
-
- $this->add_responsive_control(
- 'icon_size',
- [
- 'label' => __( 'Icon Size', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'range' => [
- 'px' => [
- 'min' => 0,
- 'max' => 100,
- ],
- ],
- 'default' => [
- 'size' => '16',
- 'unit' => 'px',
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-search-submit' => 'font-size: {{SIZE}}{{UNIT}}',
- ],
- 'condition' => [
- 'layout!' => 'icon',
- ],
- 'separator' => 'before',
- 'render_type' => 'template',
- 'frontend_available' => true,
- ]
- );
-
- $this->add_responsive_control(
- 'button_width',
- [
- 'label' => __( 'Width', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'range' => [
- 'px' => [
- 'max' => 500,
- 'step' => 5,
- ],
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-search-form__container .hfe-search-submit' => 'width: {{SIZE}}{{UNIT}}',
- '{{WRAPPER}} .hfe-close-icon-yes button#clear_with_button' => 'right: {{SIZE}}{{UNIT}}',
- ],
- 'condition' => [
- 'layout' => 'icon_text',
- ],
- 'render_type' => 'template',
- 'frontend_available' => true,
- ]
- );
-
- $this->end_controls_section();
-
- $this->start_controls_section(
- 'section_toggle_style',
- [
- 'label' => __( 'Icon', 'header-footer-elementor' ),
- 'tab' => Controls_Manager::TAB_STYLE,
- 'condition' => [
- 'layout' => 'icon',
- ],
- ]
- );
-
- $this->start_controls_tabs( 'tabs_toggle_color' );
-
- $this->start_controls_tab(
- 'tab_toggle_normal',
- [
- 'label' => __( 'Normal', 'header-footer-elementor' ),
- ]
- );
-
- $this->add_control(
- 'toggle_color',
- [
- 'label' => __( 'Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .hfe-search-icon-toggle i' => 'color: {{VALUE}}; border-color: {{VALUE}}; fill: {{VALUE}};',
- ],
- ]
- );
-
- $this->end_controls_tab();
-
- $this->start_controls_tab(
- 'tab_toggle_hover',
- [
- 'label' => __( 'Hover', 'header-footer-elementor' ),
- ]
- );
-
- $this->add_control(
- 'toggle_color_hover',
- [
- 'label' => __( 'Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .hfe-search-icon-toggle i:hover' => 'color: {{VALUE}}; border-color: {{VALUE}}',
- ],
- ]
- );
-
- $this->end_controls_tab();
-
- $this->end_controls_tabs();
-
- $this->add_responsive_control(
- 'toggle_icon_size',
- [
- 'label' => __( 'Icon Size', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'default' => [
- 'size' => 15,
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-search-icon-toggle input[type=search]' => 'padding: 0 calc( {{SIZE}}{{UNIT}} / 2);',
- '{{WRAPPER}} .hfe-search-icon-toggle i.fa-search:before' => 'font-size: {{SIZE}}{{UNIT}};',
- '{{WRAPPER}} .hfe-search-icon-toggle i.fa-search, {{WRAPPER}} .hfe-search-icon-toggle' => 'width: {{SIZE}}{{UNIT}};',
-
- ],
- 'condition' => [
- 'layout' => 'icon',
- ],
- 'separator' => 'before',
- 'render_type' => 'template',
- 'frontend_available' => true,
- ]
- );
-
- $this->end_controls_section();
-
- $this->start_controls_section(
- 'section_close_icon',
- [
- 'label' => __( 'Close Icon', 'header-footer-elementor' ),
- 'tab' => Controls_Manager::TAB_STYLE,
- 'condition' => [
- 'layout!' => 'icon',
- ],
- ]
- );
-
- $this->add_responsive_control(
- 'close_icon_size',
- [
- 'label' => __( 'Size', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'range' => [
- 'px' => [
- 'min' => 0,
- 'max' => 50,
- ],
- ],
- 'default' => [
- 'size' => '20',
- 'unit' => 'px',
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-search-form__container button#clear i:before,
+ ],
+ 'condition' => [
+ 'layout' => 'icon',
+ 'icon_border_style!' => 'none',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'icon_border_width',
+ [
+ 'label' => __('Border Width', 'header-footer-elementor'),
+ 'type' => Controls_Manager::DIMENSIONS,
+ 'size_units' => [ 'px' ],
+ 'default' => [
+ 'top' => '1',
+ 'bottom' => '1',
+ 'left' => '1',
+ 'right' => '1',
+ 'unit' => 'px',
+ ],
+ 'condition' => [
+ 'icon_border_style!' => 'none',
+ 'layout' => 'icon',
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'icon_focus_border_radius',
+ [
+ 'label' => __('Border Radius', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SLIDER,
+ 'range' => [
+ 'px' => [
+ 'min' => 0,
+ 'max' => 200,
+ ],
+ ],
+ 'default' => [
+ 'size' => 3,
+ 'unit' => 'px',
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-input-focus .hfe-search-icon-toggle .hfe-search-form__input' => 'border-radius: {{SIZE}}{{UNIT}}',
+ ],
+ 'condition' => [
+ 'layout' => 'icon',
+ ],
+ ]
+ );
+
+ $this->end_controls_section();
+
+ $this->start_controls_section(
+ 'section_button_style',
+ [
+ 'label' => __('Button', 'header-footer-elementor'),
+ 'tab' => Controls_Manager::TAB_STYLE,
+ 'condition' => [
+ 'layout' => 'icon_text',
+ ],
+ ]
+ );
+
+ $this->start_controls_tabs('tabs_button_colors');
+
+ $this->start_controls_tab(
+ 'tab_button_normal',
+ [
+ 'label' => __('Normal', 'header-footer-elementor'),
+ ]
+ );
+
+ $this->add_control(
+ 'button_icon_color',
+ [
+ 'label' => __('Icon Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'default' => '#fff',
+ 'selectors' => [
+ '{{WRAPPER}} button.hfe-search-submit' => 'color: {{VALUE}}',
+ ],
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Background::get_type(),
+ [
+ 'name' => 'button_background',
+ 'label' => __('Background', 'header-footer-elementor'),
+ 'types' => [ 'classic', 'gradient' ],
+ 'exclude' => [ 'image' ],
+ 'selector' => '{{WRAPPER}} .hfe-search-submit',
+ 'fields_options' => [
+ 'background' => [
+ 'default' => 'classic',
+ ],
+ 'color' => [
+ 'default' => '#818a91',
+ ],
+ ],
+ ]
+ );
+
+ $this->end_controls_tab();
+
+ $this->start_controls_tab(
+ 'tab_button_hover',
+ [
+ 'label' => __('Hover', 'header-footer-elementor'),
+ ]
+ );
+
+ $this->add_control(
+ 'button_text_color_hover',
+ [
+ 'label' => __('Icon Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-search-submit:hover' => 'color: {{VALUE}}',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'button_background_color_hover',
+ [
+ 'label' => __('Background Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-search-submit:hover' => 'background-color: {{VALUE}}',
+ ],
+ 'condition' => [
+ 'button_background_color_hover!' => '',
+ ],
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Background::get_type(),
+ [
+ 'name' => 'button_background_hover',
+ 'label' => __('Background', 'header-footer-elementor'),
+ 'types' => [ 'classic', 'gradient' ],
+ 'exclude' => [ 'image' ],
+ 'selector' => '{{WRAPPER}} .hfe-search-submit:hover',
+ 'condition' => [
+ 'button_background_color_hover' => '',
+ ],
+ ]
+ );
+
+ $this->end_controls_tab();
+
+ $this->end_controls_tabs();
+
+ $this->add_responsive_control(
+ 'icon_size',
+ [
+ 'label' => __('Icon Size', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SLIDER,
+ 'range' => [
+ 'px' => [
+ 'min' => 0,
+ 'max' => 100,
+ ],
+ ],
+ 'default' => [
+ 'size' => '16',
+ 'unit' => 'px',
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-search-submit' => 'font-size: {{SIZE}}{{UNIT}}',
+ ],
+ 'condition' => [
+ 'layout!' => 'icon',
+ ],
+ 'separator' => 'before',
+ 'render_type' => 'template',
+ 'frontend_available' => true,
+ ]
+ );
+
+ $this->add_responsive_control(
+ 'button_width',
+ [
+ 'label' => __('Width', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SLIDER,
+ 'range' => [
+ 'px' => [
+ 'max' => 500,
+ 'step' => 5,
+ ],
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-search-form__container .hfe-search-submit' => 'width: {{SIZE}}{{UNIT}}',
+ '{{WRAPPER}} .hfe-close-icon-yes button#clear_with_button' => 'right: {{SIZE}}{{UNIT}}',
+ ],
+ 'condition' => [
+ 'layout' => 'icon_text',
+ ],
+ 'render_type' => 'template',
+ 'frontend_available' => true,
+ ]
+ );
+
+ $this->end_controls_section();
+
+ $this->start_controls_section(
+ 'section_toggle_style',
+ [
+ 'label' => __('Icon', 'header-footer-elementor'),
+ 'tab' => Controls_Manager::TAB_STYLE,
+ 'condition' => [
+ 'layout' => 'icon',
+ ],
+ ]
+ );
+
+ $this->start_controls_tabs('tabs_toggle_color');
+
+ $this->start_controls_tab(
+ 'tab_toggle_normal',
+ [
+ 'label' => __('Normal', 'header-footer-elementor'),
+ ]
+ );
+
+ $this->add_control(
+ 'toggle_color',
+ [
+ 'label' => __('Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-search-icon-toggle i' => 'color: {{VALUE}}; border-color: {{VALUE}}; fill: {{VALUE}};',
+ ],
+ ]
+ );
+
+ $this->end_controls_tab();
+
+ $this->start_controls_tab(
+ 'tab_toggle_hover',
+ [
+ 'label' => __('Hover', 'header-footer-elementor'),
+ ]
+ );
+
+ $this->add_control(
+ 'toggle_color_hover',
+ [
+ 'label' => __('Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-search-icon-toggle i:hover' => 'color: {{VALUE}}; border-color: {{VALUE}}',
+ ],
+ ]
+ );
+
+ $this->end_controls_tab();
+
+ $this->end_controls_tabs();
+
+ $this->add_responsive_control(
+ 'toggle_icon_size',
+ [
+ 'label' => __('Icon Size', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SLIDER,
+ 'default' => [
+ 'size' => 15,
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-search-icon-toggle input[type=search]' => 'padding: 0 calc( {{SIZE}}{{UNIT}} / 2);',
+ '{{WRAPPER}} .hfe-search-icon-toggle i.fa-search:before' => 'font-size: {{SIZE}}{{UNIT}};',
+ '{{WRAPPER}} .hfe-search-icon-toggle i.fa-search, {{WRAPPER}} .hfe-search-icon-toggle' => 'width: {{SIZE}}{{UNIT}};',
+
+ ],
+ 'condition' => [
+ 'layout' => 'icon',
+ ],
+ 'separator' => 'before',
+ 'render_type' => 'template',
+ 'frontend_available' => true,
+ ]
+ );
+
+ $this->end_controls_section();
+
+ $this->start_controls_section(
+ 'section_close_icon',
+ [
+ 'label' => __('Close Icon', 'header-footer-elementor'),
+ 'tab' => Controls_Manager::TAB_STYLE,
+ 'condition' => [
+ 'layout!' => 'icon',
+ ],
+ ]
+ );
+
+ $this->add_responsive_control(
+ 'close_icon_size',
+ [
+ 'label' => __('Size', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SLIDER,
+ 'range' => [
+ 'px' => [
+ 'min' => 0,
+ 'max' => 50,
+ ],
+ ],
+ 'default' => [
+ 'size' => '20',
+ 'unit' => 'px',
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-search-form__container button#clear i:before,
{{WRAPPER}} .hfe-search-icon-toggle button#clear i:before,
{{WRAPPER}} .hfe-search-form__container button#clear-with-button i:before' => 'font-size: {{SIZE}}{{UNIT}};',
- ],
- 'frontend_available' => true,
-
- ]
- );
-
- $this->start_controls_tabs( 'close_icon_normal' );
-
- $this->start_controls_tab(
- 'normal_close_button',
- [
- 'label' => __( 'Normal', 'header-footer-elementor' ),
- ]
- );
- $this->add_control(
- 'text_color',
- [
- 'label' => __( 'Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'global' => [
- 'default' => Global_Colors::COLOR_TEXT,
- ],
- 'default' => '#7a7a7a',
- 'selectors' => [
- '{{WRAPPER}} .hfe-search-form__container button#clear-with-button,
+ ],
+ 'frontend_available' => true,
+
+ ]
+ );
+
+ $this->start_controls_tabs('close_icon_normal');
+
+ $this->start_controls_tab(
+ 'normal_close_button',
+ [
+ 'label' => __('Normal', 'header-footer-elementor'),
+ ]
+ );
+ $this->add_control(
+ 'text_color',
+ [
+ 'label' => __('Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'global' => [
+ 'default' => Global_Colors::COLOR_TEXT,
+ ],
+ 'default' => '#7a7a7a',
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-search-form__container button#clear-with-button,
{{WRAPPER}} .hfe-search-form__container button#clear,
{{WRAPPER}} .hfe-search-icon-toggle button#clear' => 'color: {{VALUE}}',
- ],
- ]
- );
- $this->end_controls_tab();
-
- $this->start_controls_tab(
- 'hover_close_icon',
- [
- 'label' => __( 'Hover', 'header-footer-elementor' ),
- ]
- );
-
- $this->add_control(
- 'hover_close_icon_text',
- [
- 'label' => __( 'Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .hfe-search-form__container button#clear-with-button:hover,
+ ],
+ ]
+ );
+ $this->end_controls_tab();
+
+ $this->start_controls_tab(
+ 'hover_close_icon',
+ [
+ 'label' => __('Hover', 'header-footer-elementor'),
+ ]
+ );
+
+ $this->add_control(
+ 'hover_close_icon_text',
+ [
+ 'label' => __('Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-search-form__container button#clear-with-button:hover,
{{WRAPPER}} .hfe-search-form__container button#clear:hover,
{{WRAPPER}} .hfe-search-icon-toggle button#clear:hover' => 'color: {{VALUE}}',
- ],
- ]
- );
-
- $this->end_controls_tab();
-
- $this->end_controls_tabs();
-
- $this->end_controls_section();
- }
- /**
- * Render Search button output on the frontend.
- *
- * Written in PHP and used to generate the final HTML.
- *
- * @since 1.5.0
- * @access protected
- *
- * // phpcs:ignore
- * @return void
- */
- // phpcs:ignore
- protected function render(): void {
- $settings = $this->get_settings_for_display();
-
- $this->add_render_attribute(
- 'input',
- [
- 'placeholder' => $settings['placeholder'],
- 'class' => 'hfe-search-form__input',
- 'type' => 'search',
- 'name' => 's',
- 'title' => __( 'Search', 'header-footer-elementor' ),
- 'value' => get_search_query(),
-
- ]
- );
-
- $this->add_render_attribute(
- 'container',
- [
- 'class' => [ 'hfe-search-form__container' ],
- 'role' => 'tablist',
- ]
- );
-
- /** Check if Polylang fucntion is active with Search widget */
-
- if ( function_exists( 'pll_the_languages' ) ) {
- $default_language = pll_default_language();
- $current_lang = pll_current_language();
- $action_url = $current_lang === $default_language ? home_url( '/' ) : home_url( '/' ) . $current_lang . '/';
- } else {
- $action_url = home_url( '/' );
- }
- ?>
-
- end_controls_tab();
+
+ $this->end_controls_tabs();
+
+ $this->end_controls_section();
+ }
+ /**
+ * Render Search button output on the frontend.
+ *
+ * Written in PHP and used to generate the final HTML.
+ *
+ * @since 1.5.0
+ *
+ * @access protected
+ *
+ * // phpcs:ignore
+ */
+ // phpcs:ignore
+ protected function render(): void
+ {
+ $settings = $this->get_settings_for_display();
+
+ $this->add_render_attribute(
+ 'input',
+ [
+ 'placeholder' => $settings['placeholder'],
+ 'class' => 'hfe-search-form__input',
+ 'type' => 'search',
+ 'name' => 's',
+ 'title' => __('Search', 'header-footer-elementor'),
+ 'value' => get_search_query(),
+
+ ]
+ );
+
+ $this->add_render_attribute(
+ 'container',
+ [
+ 'class' => [ 'hfe-search-form__container' ],
+ 'role' => 'tablist',
+ ]
+ );
+
+ /** Check if Polylang fucntion is active with Search widget */
+
+ if (function_exists('pll_the_languages')) {
+ $default_language = pll_default_language();
+ $current_lang = pll_current_language();
+ $action_url = $current_lang === $default_language ? home_url('/') : home_url('/') . $current_lang . '/';
+ } else {
+ $action_url = home_url('/');
+ }
+ ?>
+
+ register_content_site_logo_controls();
- $this->register_site_logo_styling_controls();
- $this->register_site_logo_caption_styling_controls();
- }
-
- /**
- * Register Site Logo General Controls.
- *
- * @since 1.3.0
- * @access protected
- * @return void
- */
- protected function register_content_site_logo_controls() {
- $this->start_controls_section(
- 'section_site_image',
- [
- 'label' => __( 'Site Logo', 'header-footer-elementor' ),
- ]
- );
-
- $this->add_control(
- 'site_logo_fallback',
- [
- 'label' => __( 'Custom Image', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SWITCHER,
- 'yes' => __( 'Yes', 'header-footer-elementor' ),
- 'no' => __( 'No', 'header-footer-elementor' ),
- 'default' => 'no',
- 'render_type' => 'template',
- ]
- );
-
- $this->add_control(
- 'custom_image',
- [
- 'label' => __( 'Add Image', 'header-footer-elementor' ),
- 'type' => Controls_Manager::MEDIA,
- 'dynamic' => [
- 'active' => true,
- ],
- 'default' => [
- 'url' => Utils::get_placeholder_image_src(),
- ],
- 'condition' => [
- 'site_logo_fallback' => 'yes',
- ],
- ]
- );
-
- $this->add_group_control(
- Group_Control_Image_Size::get_type(),
- [
- 'name' => 'site_logo_size',
- 'label' => __( 'Image Size', 'header-footer-elementor' ),
- 'default' => 'medium',
- ]
- );
- $this->add_responsive_control(
- 'align',
- [
- 'label' => __( 'Alignment', 'header-footer-elementor' ),
- 'type' => Controls_Manager::CHOOSE,
- 'options' => [
- 'left' => [
- 'title' => __( 'Left', 'header-footer-elementor' ),
- 'icon' => 'eicon-text-align-left',
- ],
- 'center' => [
- 'title' => __( 'Center', 'header-footer-elementor' ),
- 'icon' => 'eicon-text-align-center',
- ],
- 'right' => [
- 'title' => __( 'Right', 'header-footer-elementor' ),
- 'icon' => 'eicon-text-align-right',
- ],
- ],
- 'default' => 'center',
- 'selectors' => [
- '{{WRAPPER}} .hfe-site-logo-container, {{WRAPPER}} .hfe-caption-width figcaption' => 'text-align: {{VALUE}};',
- ],
- 'frontend_available' => true,
- ]
- );
-
- $this->add_control(
- 'caption_source',
- [
- 'label' => __( 'Caption', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'options' => [
- 'no' => __( 'No', 'header-footer-elementor' ),
- 'yes' => __( 'Yes', 'header-footer-elementor' ),
- ],
- 'default' => 'no',
- ]
- );
-
- $this->add_control(
- 'caption',
- [
- 'label' => __( 'Custom Caption', 'header-footer-elementor' ),
- 'type' => Controls_Manager::TEXT,
- 'default' => '',
- 'placeholder' => __( 'Enter caption', 'header-footer-elementor' ),
- 'condition' => [
- 'caption_source' => 'yes',
- ],
- 'dynamic' => [
- 'active' => true,
- ],
- 'label_block' => true,
- ]
- );
-
- $this->add_control(
- 'link_to',
- [
- 'label' => __( 'Link', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'default' => 'default',
- 'options' => [
- 'default' => __( 'Default', 'header-footer-elementor' ),
- 'none' => __( 'None', 'header-footer-elementor' ),
- 'file' => __( 'Media File', 'header-footer-elementor' ),
- 'custom' => __( 'Custom URL', 'header-footer-elementor' ),
- ],
- ]
- );
-
- $this->add_control(
- 'link',
- [
- 'label' => __( 'Link', 'header-footer-elementor' ),
- 'type' => Controls_Manager::URL,
- 'dynamic' => [
- 'active' => true,
- ],
- 'placeholder' => __( 'https://your-link.com', 'header-footer-elementor' ),
- 'condition' => [
- 'link_to' => 'custom',
- ],
- 'show_label' => false,
- ]
- );
-
- $this->add_control(
- 'open_lightbox',
- [
- 'label' => __( 'Lightbox', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'default' => 'default',
- 'options' => [
- 'default' => __( 'Default', 'header-footer-elementor' ),
- 'yes' => __( 'Yes', 'header-footer-elementor' ),
- 'no' => __( 'No', 'header-footer-elementor' ),
- ],
- 'condition' => [
- 'link_to' => 'file',
- ],
- ]
- );
-
- $this->add_control(
- 'view',
- [
- 'label' => __( 'View', 'header-footer-elementor' ),
- 'type' => Controls_Manager::HIDDEN,
- 'default' => 'traditional',
- ]
- );
- $this->end_controls_section();
- }
- /**
- * Register Site Image Style Controls.
- *
- * @since 1.3.0
- * @access protected
- * @return void
- */
- protected function register_site_logo_styling_controls() {
- $this->start_controls_section(
- 'section_style_site_logo_image',
- [
- 'label' => __( 'Site logo', 'header-footer-elementor' ),
- 'tab' => Controls_Manager::TAB_STYLE,
- ]
- );
-
- $this->add_responsive_control(
- 'width',
- [
- 'label' => __( 'Width', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'default' => [
- 'unit' => '%',
- ],
- 'tablet_default' => [
- 'unit' => '%',
- ],
- 'mobile_default' => [
- 'unit' => '%',
- ],
- 'size_units' => [ '%', 'px', 'vw' ],
- 'range' => [
- '%' => [
- 'min' => 1,
- 'max' => 100,
- ],
- 'px' => [
- 'min' => 1,
- 'max' => 1000,
- ],
- 'vw' => [
- 'min' => 1,
- 'max' => 100,
- ],
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-site-logo .hfe-site-logo-container img' => 'width: {{SIZE}}{{UNIT}};',
- ],
- 'frontend_available' => true,
- ]
- );
-
- $this->add_responsive_control(
- 'space',
- [
- 'label' => __( 'Max Width', 'header-footer-elementor' ) . ' (%)',
- 'type' => Controls_Manager::SLIDER,
- 'default' => [
- 'unit' => '%',
- ],
- 'tablet_default' => [
- 'unit' => '%',
- ],
- 'mobile_default' => [
- 'unit' => '%',
- ],
- 'size_units' => [ '%' ],
- 'range' => [
- '%' => [
- 'min' => 1,
- 'max' => 100,
- ],
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-site-logo img' => 'max-width: {{SIZE}}{{UNIT}};',
- ],
- 'frontend_available' => true,
- ]
- );
-
- $this->add_control(
- 'separator_panel_style',
- [
- 'type' => Controls_Manager::DIVIDER,
- 'style' => 'thick',
- ]
- );
-
- $this->add_control(
- 'site_logo_background_color',
- [
- 'label' => __( 'Background Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .hfe-site-logo-set .hfe-site-logo-container' => 'background-color: {{VALUE}};',
- ],
- ]
- );
-
- $this->add_control(
- 'site_logo_image_border',
- [
- 'label' => __( 'Border Style', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'default' => 'none',
- 'label_block' => false,
- 'options' => [
- 'none' => __( 'None', 'header-footer-elementor' ),
- 'solid' => __( 'Solid', 'header-footer-elementor' ),
- 'double' => __( 'Double', 'header-footer-elementor' ),
- 'dotted' => __( 'Dotted', 'header-footer-elementor' ),
- 'dashed' => __( 'Dashed', 'header-footer-elementor' ),
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-site-logo-container .hfe-site-logo-img' => 'border-style: {{VALUE}};',
- ],
- ]
- );
- $this->add_control(
- 'site_logo_image_border_size',
- [
- 'label' => __( 'Border Width', 'header-footer-elementor' ),
- 'type' => Controls_Manager::DIMENSIONS,
- 'size_units' => [ 'px' ],
- 'default' => [
- 'top' => '1',
- 'bottom' => '1',
- 'left' => '1',
- 'right' => '1',
- 'unit' => 'px',
- ],
- 'condition' => [
- 'site_logo_image_border!' => 'none',
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-site-logo-container .hfe-site-logo-img' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
- ],
- ]
- );
-
- $this->add_control(
- 'site_logo_image_border_color',
- [
- 'label' => __( 'Border Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'global' => [
- 'default' => Global_Colors::COLOR_PRIMARY,
- ],
- 'condition' => [
- 'site_logo_image_border!' => 'none',
- ],
- 'default' => '',
- 'selectors' => [
- '{{WRAPPER}} .hfe-site-logo-container .hfe-site-logo-img' => 'border-color: {{VALUE}};',
- ],
- ]
- );
-
- $this->add_responsive_control(
- 'image_border_radius',
- [
- 'label' => __( 'Border Radius', 'header-footer-elementor' ),
- 'type' => Controls_Manager::DIMENSIONS,
- 'size_units' => [ 'px', '%' ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-site-logo img' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
- ],
- 'frontend_available' => true,
- ]
- );
-
- $this->add_group_control(
- Group_Control_Box_Shadow::get_type(),
- [
- 'name' => 'image_box_shadow',
- 'exclude' => [
- 'box_shadow_position',
- ],
- 'selector' => '{{WRAPPER}} .hfe-site-logo img',
- ]
- );
-
- $this->start_controls_tabs( 'image_effects' );
-
- $this->start_controls_tab(
- 'normal',
- [
- 'label' => __( 'Normal', 'header-footer-elementor' ),
- ]
- );
-
- $this->add_control(
- 'opacity',
- [
- 'label' => __( 'Opacity', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'range' => [
- 'px' => [
- 'max' => 1,
- 'min' => 0.10,
- 'step' => 0.01,
- ],
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-site-logo img' => 'opacity: {{SIZE}};',
- ],
- ]
- );
-
- $this->add_group_control(
- Group_Control_Css_Filter::get_type(),
- [
- 'name' => 'css_filters',
- 'selector' => '{{WRAPPER}} .hfe-site-logo img',
- ]
- );
-
- $this->end_controls_tab();
-
- $this->start_controls_tab(
- 'hover',
- [
- 'label' => __( 'Hover', 'header-footer-elementor' ),
- ]
- );
- $this->add_control(
- 'opacity_hover',
- [
- 'label' => __( 'Opacity', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'range' => [
- 'px' => [
- 'max' => 1,
- 'min' => 0.10,
- 'step' => 0.01,
- ],
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-site-logo:hover img' => 'opacity: {{SIZE}};',
- ],
- ]
- );
- $this->add_control(
- 'background_hover_transition',
- [
- 'label' => __( 'Transition Duration', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'range' => [
- 'px' => [
- 'max' => 3,
- 'step' => 0.1,
- ],
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-site-logo img' => 'transition-duration: {{SIZE}}s',
- ],
- ]
- );
-
- $this->add_group_control(
- Group_Control_Css_Filter::get_type(),
- [
- 'name' => 'css_filters_hover',
- 'selector' => '{{WRAPPER}} .hfe-site-logo:hover img',
- ]
- );
-
- $this->add_control(
- 'hover_animation',
- [
- 'label' => __( 'Hover Animation', 'header-footer-elementor' ),
- 'type' => Controls_Manager::HOVER_ANIMATION,
- ]
- );
-
- $this->end_controls_tab();
-
- $this->end_controls_tabs();
-
- $this->end_controls_section();
- }
- /**
- * Register Site Logo style Controls.
- *
- * @since 1.3.0
- * @access protected
- * @return void
- */
- protected function register_site_logo_caption_styling_controls() {
- $this->start_controls_section(
- 'section_style_caption',
- [
- 'label' => __( 'Caption', 'header-footer-elementor' ),
- 'tab' => Controls_Manager::TAB_STYLE,
- 'condition' => [
- 'caption_source!' => 'none',
- ],
- ]
- );
-
- $this->add_control(
- 'text_color',
- [
- 'label' => __( 'Text Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '',
- 'selectors' => [
- '{{WRAPPER}} .widget-image-caption' => 'color: {{VALUE}};',
- ],
- 'global' => [
- 'default' => Global_Colors::COLOR_TEXT,
- ],
- ]
- );
-
- $this->add_control(
- 'caption_background_color',
- [
- 'label' => __( 'Background Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .widget-image-caption' => 'background-color: {{VALUE}};',
- ],
- ]
- );
-
- $this->add_group_control(
- Group_Control_Typography::get_type(),
- [
- 'name' => 'caption_typography',
- 'selector' => '{{WRAPPER}} .widget-image-caption',
- 'global' => [
- 'default' => Global_Typography::TYPOGRAPHY_TEXT,
- ],
- ]
- );
-
- $this->add_group_control(
- Group_Control_Text_Shadow::get_type(),
- [
- 'name' => 'caption_text_shadow',
- 'selector' => '{{WRAPPER}} .widget-image-caption',
- ]
- );
-
- $this->add_responsive_control(
- 'caption_padding',
- [
- 'label' => __( 'Padding', 'header-footer-elementor' ),
- 'type' => Controls_Manager::DIMENSIONS,
- 'size_units' => [ 'px', 'em', '%' ],
- 'selectors' => [
- '{{WRAPPER}} .widget-image-caption' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
- ],
- 'frontend_available' => true,
- ]
- );
- $this->add_responsive_control(
- 'caption_space',
- [
- 'label' => __( 'Spacing', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'range' => [
- 'px' => [
- 'min' => 0,
- 'max' => 100,
- ],
- ],
- 'default' => [
- 'size' => 0,
- 'unit' => 'px',
- ],
- 'selectors' => [
- '{{WRAPPER}} .widget-image-caption' => 'margin-top: {{SIZE}}{{UNIT}}; margin-bottom: 0px;',
- ],
- 'frontend_available' => true,
- ]
- );
-
- $this->end_controls_section();
- }
-
- /**
- * Check if the current widget has caption
- *
- * @access private
- * @since 1.3.0
- *
- * @param array $settings returns settings.
- *
- * @return boolean
- */
- private function has_caption( $settings ) {
- return ( ! empty( $settings['caption_source'] ) && 'no' !== $settings['caption_source'] );
- }
-
- /**
- * Get the caption for current widget.
- *
- * @access private
- * @since 1.3.0
- * @param array $settings returns the caption.
- *
- * @return string
- */
- private function get_caption( $settings ) {
- $caption = '';
- if ( 'yes' === $settings['caption_source'] ) {
- $caption = ! empty( $settings['caption'] ) ? $settings['caption'] : '';
- }
- return $caption;
- }
-
- /**
- * Render Site Image output on the frontend.
- *
- * Written in PHP and used to generate the final HTML.
- *
- * @since 1.3.0
- * @param array $size returns the size of an image.
- * @access public
- * @return string
- */
- public function site_image_url( $size ) {
- $settings = $this->get_settings_for_display();
- if ( ! empty( $settings['custom_image']['url'] ) ) {
- $logo = wp_get_attachment_image_src( $settings['custom_image']['id'], $size, true );
- } else {
- $logo = wp_get_attachment_image_src( get_theme_mod( 'custom_logo' ), $size, true );
- }
- return $logo[0];
- }
-
- /**
- * Render Site Image output on the frontend.
- *
- * Written in PHP and used to generate the final HTML.
- *
- * @since 1.3.0
- * @access protected
- * @return void
- */
- protected function render() {
- $link = '';
- $settings = $this->get_settings_for_display();
-
- $has_caption = $this->has_caption( $settings );
-
- $this->add_render_attribute( 'wrapper', 'class', 'hfe-site-logo' );
-
- $size = $settings['site_logo_size_size'];
-
- $site_image = $this->site_image_url( $size );
-
- if ( site_url() . '/wp-includes/images/media/default.png' === $site_image ) {
- $site_image = site_url() . '/wp-content/plugins/elementor/assets/images/placeholder.png';
- } else {
- $site_image = $site_image;
- }
-
- if ( 'file' === $settings['link_to'] ) {
- $link = $site_image;
- $this->add_render_attribute( 'link', 'href', $link );
- } elseif ( 'default' === $settings['link_to'] ) {
- $link = site_url();
- $this->add_render_attribute( 'link', 'href', $link );
- } else {
- $link = $this->get_link_url( $settings );
-
- if ( $link ) {
- $this->add_link_attributes( 'link', $link );
- }
- }
- $class = '';
- if ( Plugin::$instance->editor->is_edit_mode() ) {
- $class = 'elementor-non-clickable';
- } else {
- $class = 'elementor-clickable';
- }
- ?>
-
- register_content_site_logo_controls();
+ $this->register_site_logo_styling_controls();
+ $this->register_site_logo_caption_styling_controls();
+ }
+
+ /**
+ * Register Site Logo General Controls.
+ *
+ * @since 1.3.0
+ *
+ * @access protected
+ */
+ protected function register_content_site_logo_controls(): void {
+ $this->start_controls_section(
+ 'section_site_image',
+ [
+ 'label' => __( 'Site Logo', 'header-footer-elementor' ),
+ ]
+ );
+
+ $this->add_control(
+ 'site_logo_fallback',
+ [
+ 'label' => __( 'Custom Image', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::SWITCHER,
+ 'yes' => __( 'Yes', 'header-footer-elementor' ),
+ 'no' => __( 'No', 'header-footer-elementor' ),
+ 'default' => 'no',
+ 'render_type' => 'template',
+ ]
+ );
+
+ $this->add_control(
+ 'custom_image',
+ [
+ 'label' => __( 'Add Image', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::MEDIA,
+ 'dynamic' => [
+ 'active' => true,
+ ],
+ 'default' => [
+ 'url' => Utils::get_placeholder_image_src(),
+ ],
+ 'condition' => [
+ 'site_logo_fallback' => 'yes',
+ ],
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Image_Size::get_type(),
+ [
+ 'name' => 'site_logo_size',
+ 'label' => __( 'Image Size', 'header-footer-elementor' ),
+ 'default' => 'medium',
+ ]
+ );
+ $this->add_responsive_control(
+ 'align',
+ [
+ 'label' => __( 'Alignment', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::CHOOSE,
+ 'options' => [
+ 'left' => [
+ 'title' => __( 'Left', 'header-footer-elementor' ),
+ 'icon' => 'eicon-text-align-left',
+ ],
+ 'center' => [
+ 'title' => __( 'Center', 'header-footer-elementor' ),
+ 'icon' => 'eicon-text-align-center',
+ ],
+ 'right' => [
+ 'title' => __( 'Right', 'header-footer-elementor' ),
+ 'icon' => 'eicon-text-align-right',
+ ],
+ ],
+ 'default' => 'center',
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-site-logo-container, {{WRAPPER}} .hfe-caption-width figcaption' => 'text-align: {{VALUE}};',
+ ],
+ 'frontend_available' => true,
+ ]
+ );
+
+ $this->add_control(
+ 'caption_source',
+ [
+ 'label' => __( 'Caption', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::SELECT,
+ 'options' => [
+ 'no' => __( 'No', 'header-footer-elementor' ),
+ 'yes' => __( 'Yes', 'header-footer-elementor' ),
+ ],
+ 'default' => 'no',
+ ]
+ );
+
+ $this->add_control(
+ 'caption',
+ [
+ 'label' => __( 'Custom Caption', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::TEXT,
+ 'default' => '',
+ 'placeholder' => __( 'Enter caption', 'header-footer-elementor' ),
+ 'condition' => [
+ 'caption_source' => 'yes',
+ ],
+ 'dynamic' => [
+ 'active' => true,
+ ],
+ 'label_block' => true,
+ ]
+ );
+
+ $this->add_control(
+ 'link_to',
+ [
+ 'label' => __( 'Link', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::SELECT,
+ 'default' => 'default',
+ 'options' => [
+ 'default' => __( 'Default', 'header-footer-elementor' ),
+ 'none' => __( 'None', 'header-footer-elementor' ),
+ 'file' => __( 'Media File', 'header-footer-elementor' ),
+ 'custom' => __( 'Custom URL', 'header-footer-elementor' ),
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'link',
+ [
+ 'label' => __( 'Link', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::URL,
+ 'dynamic' => [
+ 'active' => true,
+ ],
+ 'placeholder' => __( 'https://your-link.com', 'header-footer-elementor' ),
+ 'condition' => [
+ 'link_to' => 'custom',
+ ],
+ 'show_label' => false,
+ ]
+ );
+
+ $this->add_control(
+ 'open_lightbox',
+ [
+ 'label' => __( 'Lightbox', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::SELECT,
+ 'default' => 'default',
+ 'options' => [
+ 'default' => __( 'Default', 'header-footer-elementor' ),
+ 'yes' => __( 'Yes', 'header-footer-elementor' ),
+ 'no' => __( 'No', 'header-footer-elementor' ),
+ ],
+ 'condition' => [
+ 'link_to' => 'file',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'view',
+ [
+ 'label' => __( 'View', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::HIDDEN,
+ 'default' => 'traditional',
+ ]
+ );
+ $this->end_controls_section();
+ }
+ /**
+ * Register Site Image Style Controls.
+ *
+ * @since 1.3.0
+ *
+ * @access protected
+ */
+ protected function register_site_logo_styling_controls(): void {
+ $this->start_controls_section(
+ 'section_style_site_logo_image',
+ [
+ 'label' => __( 'Site logo', 'header-footer-elementor' ),
+ 'tab' => Controls_Manager::TAB_STYLE,
+ ]
+ );
+
+ $this->add_responsive_control(
+ 'width',
+ [
+ 'label' => __( 'Width', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::SLIDER,
+ 'default' => [
+ 'unit' => '%',
+ ],
+ 'tablet_default' => [
+ 'unit' => '%',
+ ],
+ 'mobile_default' => [
+ 'unit' => '%',
+ ],
+ 'size_units' => [ '%', 'px', 'vw' ],
+ 'range' => [
+ '%' => [
+ 'min' => 1,
+ 'max' => 100,
+ ],
+ 'px' => [
+ 'min' => 1,
+ 'max' => 1000,
+ ],
+ 'vw' => [
+ 'min' => 1,
+ 'max' => 100,
+ ],
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-site-logo .hfe-site-logo-container img' => 'width: {{SIZE}}{{UNIT}};',
+ ],
+ 'frontend_available' => true,
+ ]
+ );
+
+ $this->add_responsive_control(
+ 'space',
+ [
+ 'label' => __( 'Max Width', 'header-footer-elementor' ) . ' (%)',
+ 'type' => Controls_Manager::SLIDER,
+ 'default' => [
+ 'unit' => '%',
+ ],
+ 'tablet_default' => [
+ 'unit' => '%',
+ ],
+ 'mobile_default' => [
+ 'unit' => '%',
+ ],
+ 'size_units' => [ '%' ],
+ 'range' => [
+ '%' => [
+ 'min' => 1,
+ 'max' => 100,
+ ],
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-site-logo img' => 'max-width: {{SIZE}}{{UNIT}};',
+ ],
+ 'frontend_available' => true,
+ ]
+ );
+
+ $this->add_control(
+ 'separator_panel_style',
+ [
+ 'type' => Controls_Manager::DIVIDER,
+ 'style' => 'thick',
+ ]
+ );
+
+ $this->add_control(
+ 'site_logo_background_color',
+ [
+ 'label' => __( 'Background Color', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-site-logo-set .hfe-site-logo-container' => 'background-color: {{VALUE}};',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'site_logo_image_border',
+ [
+ 'label' => __( 'Border Style', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::SELECT,
+ 'default' => 'none',
+ 'label_block' => false,
+ 'options' => [
+ 'none' => __( 'None', 'header-footer-elementor' ),
+ 'solid' => __( 'Solid', 'header-footer-elementor' ),
+ 'double' => __( 'Double', 'header-footer-elementor' ),
+ 'dotted' => __( 'Dotted', 'header-footer-elementor' ),
+ 'dashed' => __( 'Dashed', 'header-footer-elementor' ),
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-site-logo-container .hfe-site-logo-img' => 'border-style: {{VALUE}};',
+ ],
+ ]
+ );
+ $this->add_control(
+ 'site_logo_image_border_size',
+ [
+ 'label' => __( 'Border Width', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::DIMENSIONS,
+ 'size_units' => [ 'px' ],
+ 'default' => [
+ 'top' => '1',
+ 'bottom' => '1',
+ 'left' => '1',
+ 'right' => '1',
+ 'unit' => 'px',
+ ],
+ 'condition' => [
+ 'site_logo_image_border!' => 'none',
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-site-logo-container .hfe-site-logo-img' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'site_logo_image_border_color',
+ [
+ 'label' => __( 'Border Color', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::COLOR,
+ 'global' => [
+ 'default' => Global_Colors::COLOR_PRIMARY,
+ ],
+ 'condition' => [
+ 'site_logo_image_border!' => 'none',
+ ],
+ 'default' => '',
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-site-logo-container .hfe-site-logo-img' => 'border-color: {{VALUE}};',
+ ],
+ ]
+ );
+
+ $this->add_responsive_control(
+ 'image_border_radius',
+ [
+ 'label' => __( 'Border Radius', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::DIMENSIONS,
+ 'size_units' => [ 'px', '%' ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-site-logo img' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
+ ],
+ 'frontend_available' => true,
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Box_Shadow::get_type(),
+ [
+ 'name' => 'image_box_shadow',
+ 'exclude' => [
+ 'box_shadow_position',
+ ],
+ 'selector' => '{{WRAPPER}} .hfe-site-logo img',
+ ]
+ );
+
+ $this->start_controls_tabs( 'image_effects' );
+
+ $this->start_controls_tab(
+ 'normal',
+ [
+ 'label' => __( 'Normal', 'header-footer-elementor' ),
+ ]
+ );
+
+ $this->add_control(
+ 'opacity',
+ [
+ 'label' => __( 'Opacity', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::SLIDER,
+ 'range' => [
+ 'px' => [
+ 'max' => 1,
+ 'min' => 0.10,
+ 'step' => 0.01,
+ ],
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-site-logo img' => 'opacity: {{SIZE}};',
+ ],
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Css_Filter::get_type(),
+ [
+ 'name' => 'css_filters',
+ 'selector' => '{{WRAPPER}} .hfe-site-logo img',
+ ]
+ );
+
+ $this->end_controls_tab();
+
+ $this->start_controls_tab(
+ 'hover',
+ [
+ 'label' => __( 'Hover', 'header-footer-elementor' ),
+ ]
+ );
+ $this->add_control(
+ 'opacity_hover',
+ [
+ 'label' => __( 'Opacity', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::SLIDER,
+ 'range' => [
+ 'px' => [
+ 'max' => 1,
+ 'min' => 0.10,
+ 'step' => 0.01,
+ ],
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-site-logo:hover img' => 'opacity: {{SIZE}};',
+ ],
+ ]
+ );
+ $this->add_control(
+ 'background_hover_transition',
+ [
+ 'label' => __( 'Transition Duration', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::SLIDER,
+ 'range' => [
+ 'px' => [
+ 'max' => 3,
+ 'step' => 0.1,
+ ],
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-site-logo img' => 'transition-duration: {{SIZE}}s',
+ ],
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Css_Filter::get_type(),
+ [
+ 'name' => 'css_filters_hover',
+ 'selector' => '{{WRAPPER}} .hfe-site-logo:hover img',
+ ]
+ );
+
+ $this->add_control(
+ 'hover_animation',
+ [
+ 'label' => __( 'Hover Animation', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::HOVER_ANIMATION,
+ ]
+ );
+
+ $this->end_controls_tab();
+
+ $this->end_controls_tabs();
+
+ $this->end_controls_section();
+ }
+ /**
+ * Register Site Logo style Controls.
+ *
+ * @since 1.3.0
+ *
+ * @access protected
+ */
+ protected function register_site_logo_caption_styling_controls(): void {
+ $this->start_controls_section(
+ 'section_style_caption',
+ [
+ 'label' => __( 'Caption', 'header-footer-elementor' ),
+ 'tab' => Controls_Manager::TAB_STYLE,
+ 'condition' => [
+ 'caption_source!' => 'none',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'text_color',
+ [
+ 'label' => __( 'Text Color', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::COLOR,
+ 'default' => '',
+ 'selectors' => [
+ '{{WRAPPER}} .widget-image-caption' => 'color: {{VALUE}};',
+ ],
+ 'global' => [
+ 'default' => Global_Colors::COLOR_TEXT,
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'caption_background_color',
+ [
+ 'label' => __( 'Background Color', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::COLOR,
+ 'selectors' => [
+ '{{WRAPPER}} .widget-image-caption' => 'background-color: {{VALUE}};',
+ ],
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Typography::get_type(),
+ [
+ 'name' => 'caption_typography',
+ 'selector' => '{{WRAPPER}} .widget-image-caption',
+ 'global' => [
+ 'default' => Global_Typography::TYPOGRAPHY_TEXT,
+ ],
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Text_Shadow::get_type(),
+ [
+ 'name' => 'caption_text_shadow',
+ 'selector' => '{{WRAPPER}} .widget-image-caption',
+ ]
+ );
+
+ $this->add_responsive_control(
+ 'caption_padding',
+ [
+ 'label' => __( 'Padding', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::DIMENSIONS,
+ 'size_units' => [ 'px', 'em', '%' ],
+ 'selectors' => [
+ '{{WRAPPER}} .widget-image-caption' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
+ ],
+ 'frontend_available' => true,
+ ]
+ );
+ $this->add_responsive_control(
+ 'caption_space',
+ [
+ 'label' => __( 'Spacing', 'header-footer-elementor' ),
+ 'type' => Controls_Manager::SLIDER,
+ 'range' => [
+ 'px' => [
+ 'min' => 0,
+ 'max' => 100,
+ ],
+ ],
+ 'default' => [
+ 'size' => 0,
+ 'unit' => 'px',
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .widget-image-caption' => 'margin-top: {{SIZE}}{{UNIT}}; margin-bottom: 0px;',
+ ],
+ 'frontend_available' => true,
+ ]
+ );
+
+ $this->end_controls_section();
+ }
+
+ /**
+ * Check if the current widget has caption
+ *
+ * @access private
+ *
+ * @since 1.3.0
+ *
+ * @param array $settings returns settings.
+ */
+ private function has_caption( array $settings ): bool {
+ return ! empty( $settings['caption_source'] ) && $settings['caption_source'] !== 'no';
+ }
+
+ /**
+ * Get the caption for current widget.
+ *
+ * @access private
+ *
+ * @since 1.3.0
+ *
+ * @param array $settings returns the caption.
+ */
+ private function get_caption( array $settings ): string {
+ $caption = '';
+ if ( $settings['caption_source'] === 'yes' ) {
+ $caption = ! empty( $settings['caption'] ) ? $settings['caption'] : '';
+ }
+ return $caption;
+ }
+
+ /**
+ * Render Site Image output on the frontend.
+ *
+ * Written in PHP and used to generate the final HTML.
+ *
+ * @since 1.3.0
+ *
+ * @param array $size returns the size of an image.
+ *
+ * @access public
+ */
+ public function site_image_url( array $size ): string {
+ $settings = $this->get_settings_for_display();
+ if ( ! empty( $settings['custom_image']['url'] ) ) {
+ $logo = wp_get_attachment_image_src( $settings['custom_image']['id'], $size, true );
+ } else {
+ $logo = wp_get_attachment_image_src( get_theme_mod( 'custom_logo' ), $size, true );
+ }
+ return $logo[0];
+ }
+
+ /**
+ * Render Site Image output on the frontend.
+ *
+ * Written in PHP and used to generate the final HTML.
+ *
+ * @since 1.3.0
+ *
+ * @access protected
+ */
+ protected function render(): void {
+ $link = '';
+ $settings = $this->get_settings_for_display();
+
+ $has_caption = $this->has_caption( $settings );
+
+ $this->add_render_attribute( 'wrapper', 'class', 'hfe-site-logo' );
+
+ $size = $settings['site_logo_size_size'];
+
+ $site_image = $this->site_image_url( $size );
+
+ if ( site_url() . '/wp-includes/images/media/default.png' === $site_image ) {
+ $site_image = site_url() . '/wp-content/plugins/elementor/assets/images/placeholder.png';
+ } else {
+ $site_image = $site_image;
+ }
+
+ if ( $settings['link_to'] === 'file' ) {
+ $link = $site_image;
+ $this->add_render_attribute( 'link', 'href', $link );
+ } elseif ( $settings['link_to'] === 'default' ) {
+ $link = site_url();
+ $this->add_render_attribute( 'link', 'href', $link );
+ } else {
+ $link = $this->get_link_url( $settings );
+
+ if ( $link ) {
+ $this->add_link_attributes( 'link', $link );
+ }
+ }
+ $class = '';
+ if ( Plugin::$instance->editor->is_edit_mode() ) {
+ $class = 'elementor-non-clickable';
+ } else {
+ $class = 'elementor-clickable';
+ }
+ ?>
+
+ register_general_content_controls();
- }
+ /**
+ * Indicates if the widget's content is dynamic.
+ *
+ * This method returns true if the widget's output is dynamic and should not be cached,
+ * or false if the content is static and can be cached.
+ *
+ * @since 1.6.41
+ *
+ * @return bool True for dynamic content, false for static content.
+ */
+ protected function is_dynamic_content(): bool // phpcs:ignore
+ {return false;
+ }
- /**
- * Register site tagline General Controls.
- *
- * @since 1.3.0
- * @access protected
- * @return void
- */
- protected function register_general_content_controls() {
+ /**
+ * Register site tagline controls.
+ *
+ * @since 1.5.7
+ *
+ * @access protected
+ */
+ protected function register_controls(): void
+ {
+ $this->register_general_content_controls();
+ }
- $this->start_controls_section(
- 'section_general_fields',
- [
- 'label' => __( 'Style', 'header-footer-elementor' ),
- ]
- );
+ /**
+ * Register site tagline General Controls.
+ *
+ * @since 1.3.0
+ *
+ * @access protected
+ */
+ protected function register_general_content_controls(): void
+ {
+ $this->start_controls_section(
+ 'section_general_fields',
+ [
+ 'label' => __('Style', 'header-footer-elementor'),
+ ]
+ );
- $this->add_control(
- 'before',
- [
- 'label' => __( 'Before Title Text', 'header-footer-elementor' ),
- 'type' => Controls_Manager::TEXTAREA,
- 'rows' => '1',
- 'dynamic' => [
- 'active' => true,
- ],
- ]
- );
+ $this->add_control(
+ 'before',
+ [
+ 'label' => __('Before Title Text', 'header-footer-elementor'),
+ 'type' => Controls_Manager::TEXTAREA,
+ 'rows' => '1',
+ 'dynamic' => [
+ 'active' => true,
+ ],
+ ]
+ );
- $this->add_control(
- 'after',
- [
- 'label' => __( 'After Title Text', 'header-footer-elementor' ),
- 'type' => Controls_Manager::TEXTAREA,
- 'rows' => '1',
- 'dynamic' => [
- 'active' => true,
- ],
- ]
- );
+ $this->add_control(
+ 'after',
+ [
+ 'label' => __('After Title Text', 'header-footer-elementor'),
+ 'type' => Controls_Manager::TEXTAREA,
+ 'rows' => '1',
+ 'dynamic' => [
+ 'active' => true,
+ ],
+ ]
+ );
- $this->add_control(
- 'icon',
- [
- 'label' => __( 'Icon', 'header-footer-elementor' ),
- 'type' => Controls_Manager::ICONS,
- 'label_block' => 'true',
- ]
- );
+ $this->add_control(
+ 'icon',
+ [
+ 'label' => __('Icon', 'header-footer-elementor'),
+ 'type' => Controls_Manager::ICONS,
+ 'label_block' => 'true',
+ ]
+ );
- $this->add_control(
- 'icon_indent',
- [
- 'label' => __( 'Icon Spacing', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'range' => [
- 'px' => [
- 'max' => 50,
- ],
- ],
- 'condition' => [
- 'icon[value]!' => '',
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-icon' => 'margin-right: {{SIZE}}{{UNIT}};',
- ],
- ]
- );
+ $this->add_control(
+ 'icon_indent',
+ [
+ 'label' => __('Icon Spacing', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SLIDER,
+ 'range' => [
+ 'px' => [
+ 'max' => 50,
+ ],
+ ],
+ 'condition' => [
+ 'icon[value]!' => '',
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-icon' => 'margin-right: {{SIZE}}{{UNIT}};',
+ ],
+ ]
+ );
- $this->add_responsive_control(
- 'heading_text_align',
- [
- 'label' => __( 'Alignment', 'header-footer-elementor' ),
- 'type' => Controls_Manager::CHOOSE,
- 'options' => [
- 'left' => [
- 'title' => __( 'Left', 'header-footer-elementor' ),
- 'icon' => 'fa fa-align-left',
- ],
- 'center' => [
- 'title' => __( 'Center', 'header-footer-elementor' ),
- 'icon' => 'fa fa-align-center',
- ],
- 'right' => [
- 'title' => __( 'Right', 'header-footer-elementor' ),
- 'icon' => 'fa fa-align-right',
- ],
- 'justify' => [
- 'title' => __( 'Justify', 'header-footer-elementor' ),
- 'icon' => 'fa fa-align-justify',
- ],
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-site-tagline' => 'text-align: {{VALUE}};',
- ],
- 'frontend_available' => true,
- ]
- );
+ $this->add_responsive_control(
+ 'heading_text_align',
+ [
+ 'label' => __('Alignment', 'header-footer-elementor'),
+ 'type' => Controls_Manager::CHOOSE,
+ 'options' => [
+ 'left' => [
+ 'title' => __('Left', 'header-footer-elementor'),
+ 'icon' => 'fa fa-align-left',
+ ],
+ 'center' => [
+ 'title' => __('Center', 'header-footer-elementor'),
+ 'icon' => 'fa fa-align-center',
+ ],
+ 'right' => [
+ 'title' => __('Right', 'header-footer-elementor'),
+ 'icon' => 'fa fa-align-right',
+ ],
+ 'justify' => [
+ 'title' => __('Justify', 'header-footer-elementor'),
+ 'icon' => 'fa fa-align-justify',
+ ],
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-site-tagline' => 'text-align: {{VALUE}};',
+ ],
+ 'frontend_available' => true,
+ ]
+ );
- $this->add_group_control(
- Group_Control_Typography::get_type(),
- [
- 'name' => 'tagline_typography',
- 'global' => [
- 'default' => Global_Typography::TYPOGRAPHY_SECONDARY,
- ],
- 'selector' => '{{WRAPPER}} .hfe-site-tagline',
- ]
- );
- $this->add_control(
- 'tagline_color',
- [
- 'label' => __( 'Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'global' => [
- 'default' => Global_Colors::COLOR_SECONDARY,
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-site-tagline' => 'color: {{VALUE}};',
- '{{WRAPPER}} .hfe-icon i' => 'color: {{VALUE}};',
- '{{WRAPPER}} .hfe-icon svg' => 'fill: {{VALUE}};',
- ],
- ]
- );
+ $this->add_group_control(
+ Group_Control_Typography::get_type(),
+ [
+ 'name' => 'tagline_typography',
+ 'global' => [
+ 'default' => Global_Typography::TYPOGRAPHY_SECONDARY,
+ ],
+ 'selector' => '{{WRAPPER}} .hfe-site-tagline',
+ ]
+ );
+ $this->add_control(
+ 'tagline_color',
+ [
+ 'label' => __('Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'global' => [
+ 'default' => Global_Colors::COLOR_SECONDARY,
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-site-tagline' => 'color: {{VALUE}};',
+ '{{WRAPPER}} .hfe-icon i' => 'color: {{VALUE}};',
+ '{{WRAPPER}} .hfe-icon svg' => 'fill: {{VALUE}};',
+ ],
+ ]
+ );
- $this->add_control(
- 'icon_color',
- [
- 'label' => __( 'Icon Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'global' => [
- 'default' => Global_Colors::COLOR_PRIMARY,
- ],
- 'condition' => [
- 'icon[value]!' => '',
- ],
- 'default' => '',
- 'selectors' => [
- '{{WRAPPER}} .hfe-icon i' => 'color: {{VALUE}};',
- '{{WRAPPER}} .hfe-icon svg' => 'fill: {{VALUE}};',
- ],
- ]
- );
- $this->add_control(
- 'icons_hover_color',
- [
- 'label' => __( 'Icon Hover Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'condition' => [
- 'icon[value]!' => '',
- ],
- 'default' => '',
- 'selectors' => [
- '{{WRAPPER}} .hfe-icon:hover i' => 'color: {{VALUE}};',
- '{{WRAPPER}} .hfe-icon:hover svg' => 'fill: {{VALUE}};',
- ],
- ]
- );
+ $this->add_control(
+ 'icon_color',
+ [
+ 'label' => __('Icon Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'global' => [
+ 'default' => Global_Colors::COLOR_PRIMARY,
+ ],
+ 'condition' => [
+ 'icon[value]!' => '',
+ ],
+ 'default' => '',
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-icon i' => 'color: {{VALUE}};',
+ '{{WRAPPER}} .hfe-icon svg' => 'fill: {{VALUE}};',
+ ],
+ ]
+ );
+ $this->add_control(
+ 'icons_hover_color',
+ [
+ 'label' => __('Icon Hover Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'condition' => [
+ 'icon[value]!' => '',
+ ],
+ 'default' => '',
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-icon:hover i' => 'color: {{VALUE}};',
+ '{{WRAPPER}} .hfe-icon:hover svg' => 'fill: {{VALUE}};',
+ ],
+ ]
+ );
- $this->end_controls_section();
- }
+ $this->end_controls_section();
+ }
- /**
- * Render site tagline output on the frontend.
- *
- * Written in PHP and used to generate the final HTML.
- *
- * @since 1.3.0
- * @access protected
- * @return void
- */
- protected function render() {
- $settings = $this->get_settings_for_display();
- ?>
-
-
-
-
-
-
-
-
-
-
- get_settings_for_display();
+ ?>
+
+
+
+
+
+
+
+
+
+
+
- <# var iconHTML = elementor.helpers.renderIcon( view, settings.icon, { 'aria-hidden': true }, 'i' , 'object' ); #>
-
- <# if( '' != settings.icon.value ){ #>
-
- <# } #>
-
- <#if ( '' != settings.before ){
- var before = elementor.helpers.sanitize( settings.before ) #>
- {{{ before }}}
- <#}#>
-
- <# if ( '' != settings.after ){
- var after = elementor.helpers.sanitize( settings.after ) #>
- {{{ after }}}
- <#}#>
-
-
-
+ <# var iconHTML = elementor.helpers.renderIcon( view, settings.icon, { 'aria-hidden': true }, 'i' , 'object' ); #>
+
+ <# if( '' != settings.icon.value ){ #>
+
+ <# } #>
+
+ <#if ( '' != settings.before ){
+ var before = elementor.helpers.sanitize( settings.before ) #>
+ {{{ before }}}
+ <#}#>
+
+ <# if ( '' != settings.after ){
+ var after = elementor.helpers.sanitize( settings.after ) #>
+ {{{ after }}}
+ <#}#>
+
+
+ register_general_content_controls();
- $this->register_heading_typo_content_controls();
- }
-
- /**
- * Register Advanced Heading General Controls.
- *
- * @since 1.3.0
- * @access protected
- * @return void
- */
- // phpcs:ignore
- protected function register_general_content_controls(): void {
-
- $this->start_controls_section(
- 'section_general_fields',
- [
- 'label' => __( 'General', 'header-footer-elementor' ),
- ]
- );
-
- $this->add_control(
- 'before',
- [
- 'label' => __( 'Before Title Text', 'header-footer-elementor' ),
- 'type' => Controls_Manager::TEXT,
- 'dynamic' => [
- 'active' => true,
- ],
- ]
- );
-
- $this->add_control(
- 'after',
- [
- 'label' => __( 'After Title Text', 'header-footer-elementor' ),
- 'type' => Controls_Manager::TEXT,
- 'dynamic' => [
- 'active' => true,
- ],
- ]
- );
-
- $this->add_control(
- 'icon',
- [
- 'label' => __( 'Icon', 'header-footer-elementor' ),
- 'type' => Controls_Manager::ICONS,
- 'label_block' => 'true',
- ]
- );
-
- $this->add_control(
- 'icon_indent',
- [
- 'label' => __( 'Icon Spacing', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'range' => [
- 'px' => [
- 'max' => 50,
- ],
- ],
- 'condition' => [
- 'icon[value]!' => '',
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-icon' => 'margin-right: {{SIZE}}{{UNIT}};',
- ],
- ]
- );
-
- $this->add_control(
- 'custom_link',
- [
- 'label' => __( 'Link', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'options' => [
- 'custom' => __( 'Custom URL', 'header-footer-elementor' ),
- 'default' => __( 'Default', 'header-footer-elementor' ),
- ],
- 'default' => 'default',
- ]
- );
-
- $this->add_control(
- 'heading_link',
- [
- 'label' => __( 'Link', 'header-footer-elementor' ),
- 'type' => Controls_Manager::URL,
- 'placeholder' => __( 'https://your-link.com', 'header-footer-elementor' ),
- 'dynamic' => [
- 'active' => true,
- ],
- 'default' => [
- 'url' => get_home_url(),
- ],
- 'condition' => [
- 'custom_link' => 'custom',
- ],
- ]
- );
-
- $this->add_control(
- 'size',
- [
- 'label' => __( 'Size', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'default' => 'default',
- 'options' => [
- 'default' => __( 'Default', 'header-footer-elementor' ),
- 'small' => __( 'Small', 'header-footer-elementor' ),
- 'medium' => __( 'Medium', 'header-footer-elementor' ),
- 'large' => __( 'Large', 'header-footer-elementor' ),
- 'xl' => __( 'XL', 'header-footer-elementor' ),
- 'xxl' => __( 'XXL', 'header-footer-elementor' ),
- ],
- ]
- );
-
- $this->add_control(
- 'heading_tag',
- [
- 'label' => __( 'HTML Tag', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'options' => [
- 'h1' => __( 'H1', 'header-footer-elementor' ),
- 'h2' => __( 'H2', 'header-footer-elementor' ),
- 'h3' => __( 'H3', 'header-footer-elementor' ),
- 'h4' => __( 'H4', 'header-footer-elementor' ),
- 'h5' => __( 'H5', 'header-footer-elementor' ),
- 'h6' => __( 'H6', 'header-footer-elementor' ),
- ],
- 'default' => 'h2',
- ]
- );
-
- $this->add_responsive_control(
- 'heading_text_align',
- [
- 'label' => __( 'Alignment', 'header-footer-elementor' ),
- 'type' => Controls_Manager::CHOOSE,
- 'options' => [
- 'left' => [
- 'title' => __( 'Left', 'header-footer-elementor' ),
- 'icon' => 'fa fa-align-left',
- ],
- 'center' => [
- 'title' => __( 'Center', 'header-footer-elementor' ),
- 'icon' => 'fa fa-align-center',
- ],
- 'right' => [
- 'title' => __( 'Right', 'header-footer-elementor' ),
- 'icon' => 'fa fa-align-right',
- ],
- 'justify' => [
- 'title' => __( 'Justify', 'header-footer-elementor' ),
- 'icon' => 'fa fa-align-justify',
- ],
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-heading' => 'text-align: {{VALUE}};',
- ],
- 'prefix_class' => 'hfe%s-heading-align-',
- 'frontend_available' => true,
- ]
- );
- $this->end_controls_section();
- }
-
-
- /**
- * Register Advanced Heading Typography Controls.
- *
- * @since 1.3.0
- * @access protected
- * @return void
- */
- // phpcs:ignore
- protected function register_heading_typo_content_controls(): void {
- $this->start_controls_section(
- 'section_heading_typography',
- [
- 'label' => __( 'Title', 'header-footer-elementor' ),
- 'tab' => Controls_Manager::TAB_STYLE,
- ]
- );
- $this->add_group_control(
- Group_Control_Typography::get_type(),
- [
- 'name' => 'heading_typography',
- 'global' => [
- 'default' => Global_Typography::TYPOGRAPHY_PRIMARY,
- ],
- 'selector' => '{{WRAPPER}} .elementor-heading-title, {{WRAPPER}} .hfe-heading a',
- ]
- );
- $this->add_control(
- 'heading_color',
- [
- 'label' => __( 'Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'global' => [
- 'default' => Global_Colors::COLOR_PRIMARY,
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-heading-text' => 'color: {{VALUE}};',
- '{{WRAPPER}} .hfe-icon i' => 'color: {{VALUE}};',
- '{{WRAPPER}} .hfe-icon svg' => 'fill: {{VALUE}};',
- ],
- ]
- );
-
- $this->add_group_control(
- Group_Control_Text_Shadow::get_type(),
- [
- 'name' => 'heading_shadow',
- 'selector' => '{{WRAPPER}} .hfe-heading-text',
- ]
- );
-
- $this->add_control(
- 'blend_mode',
- [
- 'label' => __( 'Blend Mode', 'header-footer-elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'options' => [
- '' => __( 'Normal', 'header-footer-elementor' ),
- 'multiply' => 'Multiply',
- 'screen' => 'Screen',
- 'overlay' => 'Overlay',
- 'darken' => 'Darken',
- 'lighten' => 'Lighten',
- 'color-dodge' => 'Color Dodge',
- 'saturation' => 'Saturation',
- 'color' => 'Color',
- 'difference' => 'Difference',
- 'exclusion' => 'Exclusion',
- 'hue' => 'Hue',
- 'luminosity' => 'Luminosity',
- ],
- 'selectors' => [
- '{{WRAPPER}} .hfe-heading-text' => 'mix-blend-mode: {{VALUE}}',
- ],
- 'separator' => 'none',
- ]
- );
- $this->end_controls_section();
-
- $this->start_controls_section(
- 'section_icon',
- [
- 'label' => __( 'Icon', 'header-footer-elementor' ),
- 'tab' => Controls_Manager::TAB_STYLE,
- 'condition' => [
- 'icon[value]!' => '',
- ],
- ]
- );
- $this->add_control(
- 'icon_color',
- [
- 'label' => __( 'Icon Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'global' => [
- 'default' => Global_Colors::COLOR_PRIMARY,
- ],
- 'condition' => [
- 'icon[value]!' => '',
- ],
- 'default' => '',
- 'selectors' => [
- '{{WRAPPER}} .hfe-icon i' => 'color: {{VALUE}};',
- '{{WRAPPER}} .hfe-icon svg' => 'fill: {{VALUE}};',
- ],
- ]
- );
- $this->add_control(
- 'icons_hover_color',
- [
- 'label' => __( 'Icon Hover Color', 'header-footer-elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'condition' => [
- 'icon[value]!' => '',
- ],
- 'default' => '',
- 'selectors' => [
- '{{WRAPPER}} .hfe-icon:hover i' => 'color: {{VALUE}};',
- '{{WRAPPER}} .hfe-icon:hover svg' => 'fill: {{VALUE}};',
- ],
- ]
- );
- $this->end_controls_section();
- }
-
- /**
- * Render Heading output on the frontend.
- *
- * Written in PHP and used to generate the final HTML.
- *
- * @since 1.3.0
- * @access protected
- *
- * // phpcs:ignore
- * @return void
- */
- // phpcs:ignore
- protected function render(): void {
-
- $settings = $this->get_settings();
- $title = get_bloginfo( 'name' );
-
- $this->add_inline_editing_attributes( 'heading_title', 'basic' );
-
- if ( ! empty( $settings['size'] ) ) {
- $this->add_render_attribute( 'title', 'class', 'elementor-size-' . $settings['size'] );
- }
-
- if ( ! empty( $settings['heading_link']['url'] ) ) {
- $this->add_link_attributes( 'url', $settings['heading_link'] );
- }
-
- $heading_size_tag = Widgets_Loader::validate_html_tag( $settings['heading_tag'] );
- ?>
-
-
-
- get_render_attribute_string( 'url' ) ); ?>>
-
-
-
- < class="hfe-heading elementor-heading-title elementor-size-">
-
-
-
-
-
-
-
-
- >
-
-
-
- <#
- if ( '' == settings.heading_title ) {
- return;
- }
- if ( '' == settings.size ){
- return;
- }
- if ( '' != settings.heading_link.url ) {
- var urlPattern = /^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$|^www\.[^\s/$.?#].[^\s]*$/;
- if ( urlPattern.test( settings.heading_link.url ) ) {
- var sanitizedUrl = _.escape( settings.heading_link.url );
- view.addRenderAttribute( 'url', 'href', sanitizedUrl );
- }
- }
- var iconHTML = elementor.helpers.renderIcon( view, settings.icon, { 'aria-hidden': true }, 'i' , 'object' );
-
- var headingSizeTag = elementor.helpers.validateHTMLTag( settings.heading_tag );
-
- if ( typeof elementor.helpers.validateHTMLTag === "function" ) {
- headingSizeTag = elementor.helpers.validateHTMLTag( headingSizeTag );
- } else if( HfeWidgetsData.allowed_tags ) {
- headingSizeTag = HfeWidgetsData.allowed_tags.includes( headingSizeTag.toLowerCase() ) ? headingSizeTag : 'div';
- }
-
- #>
-
- <# if ( '' != settings.heading_link.url ) { #>
-
- <# } #>
- <{{{ headingSizeTag }}} class="hfe-heading elementor-heading-title elementor-size-{{{ elementor.helpers.sanitize( settings.size ) }}}">
- <# if( '' != settings.icon.value ){ #>
-
- <# } #>
-
- <# if ( '' != settings.before ){
- var before = elementor.helpers.sanitize( settings.before )#>
- {{{ before }}}
- <#}#>
-
- <# if ( '' != settings.after ){
- var after = elementor.helpers.sanitize( settings.after )#>
- {{{ after }}}
- <#}#>
-
-
- <# if ( '' != settings.heading_link.url ) { #>
-
- <# } #>
-
- register_general_content_controls();
+ $this->register_heading_typo_content_controls();
+ }
+
+ /**
+ * Register Advanced Heading General Controls.
+ *
+ * @since 1.3.0
+ *
+ * @access protected
+ */
+ // phpcs:ignore
+ protected function register_general_content_controls(): void
+ {
+ $this->start_controls_section(
+ 'section_general_fields',
+ [
+ 'label' => __('General', 'header-footer-elementor'),
+ ]
+ );
+
+ $this->add_control(
+ 'before',
+ [
+ 'label' => __('Before Title Text', 'header-footer-elementor'),
+ 'type' => Controls_Manager::TEXT,
+ 'dynamic' => [
+ 'active' => true,
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'after',
+ [
+ 'label' => __('After Title Text', 'header-footer-elementor'),
+ 'type' => Controls_Manager::TEXT,
+ 'dynamic' => [
+ 'active' => true,
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'icon',
+ [
+ 'label' => __('Icon', 'header-footer-elementor'),
+ 'type' => Controls_Manager::ICONS,
+ 'label_block' => 'true',
+ ]
+ );
+
+ $this->add_control(
+ 'icon_indent',
+ [
+ 'label' => __('Icon Spacing', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SLIDER,
+ 'range' => [
+ 'px' => [
+ 'max' => 50,
+ ],
+ ],
+ 'condition' => [
+ 'icon[value]!' => '',
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-icon' => 'margin-right: {{SIZE}}{{UNIT}};',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'custom_link',
+ [
+ 'label' => __('Link', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SELECT,
+ 'options' => [
+ 'custom' => __('Custom URL', 'header-footer-elementor'),
+ 'default' => __('Default', 'header-footer-elementor'),
+ ],
+ 'default' => 'default',
+ ]
+ );
+
+ $this->add_control(
+ 'heading_link',
+ [
+ 'label' => __('Link', 'header-footer-elementor'),
+ 'type' => Controls_Manager::URL,
+ 'placeholder' => __('https://your-link.com', 'header-footer-elementor'),
+ 'dynamic' => [
+ 'active' => true,
+ ],
+ 'default' => [
+ 'url' => get_home_url(),
+ ],
+ 'condition' => [
+ 'custom_link' => 'custom',
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'size',
+ [
+ 'label' => __('Size', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SELECT,
+ 'default' => 'default',
+ 'options' => [
+ 'default' => __('Default', 'header-footer-elementor'),
+ 'small' => __('Small', 'header-footer-elementor'),
+ 'medium' => __('Medium', 'header-footer-elementor'),
+ 'large' => __('Large', 'header-footer-elementor'),
+ 'xl' => __('XL', 'header-footer-elementor'),
+ 'xxl' => __('XXL', 'header-footer-elementor'),
+ ],
+ ]
+ );
+
+ $this->add_control(
+ 'heading_tag',
+ [
+ 'label' => __('HTML Tag', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SELECT,
+ 'options' => [
+ 'h1' => __('H1', 'header-footer-elementor'),
+ 'h2' => __('H2', 'header-footer-elementor'),
+ 'h3' => __('H3', 'header-footer-elementor'),
+ 'h4' => __('H4', 'header-footer-elementor'),
+ 'h5' => __('H5', 'header-footer-elementor'),
+ 'h6' => __('H6', 'header-footer-elementor'),
+ ],
+ 'default' => 'h2',
+ ]
+ );
+
+ $this->add_responsive_control(
+ 'heading_text_align',
+ [
+ 'label' => __('Alignment', 'header-footer-elementor'),
+ 'type' => Controls_Manager::CHOOSE,
+ 'options' => [
+ 'left' => [
+ 'title' => __('Left', 'header-footer-elementor'),
+ 'icon' => 'fa fa-align-left',
+ ],
+ 'center' => [
+ 'title' => __('Center', 'header-footer-elementor'),
+ 'icon' => 'fa fa-align-center',
+ ],
+ 'right' => [
+ 'title' => __('Right', 'header-footer-elementor'),
+ 'icon' => 'fa fa-align-right',
+ ],
+ 'justify' => [
+ 'title' => __('Justify', 'header-footer-elementor'),
+ 'icon' => 'fa fa-align-justify',
+ ],
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-heading' => 'text-align: {{VALUE}};',
+ ],
+ 'prefix_class' => 'hfe%s-heading-align-',
+ 'frontend_available' => true,
+ ]
+ );
+ $this->end_controls_section();
+ }
+
+ /**
+ * Register Advanced Heading Typography Controls.
+ *
+ * @since 1.3.0
+ *
+ * @access protected
+ */
+ // phpcs:ignore
+ protected function register_heading_typo_content_controls(): void
+ {
+ $this->start_controls_section(
+ 'section_heading_typography',
+ [
+ 'label' => __('Title', 'header-footer-elementor'),
+ 'tab' => Controls_Manager::TAB_STYLE,
+ ]
+ );
+ $this->add_group_control(
+ Group_Control_Typography::get_type(),
+ [
+ 'name' => 'heading_typography',
+ 'global' => [
+ 'default' => Global_Typography::TYPOGRAPHY_PRIMARY,
+ ],
+ 'selector' => '{{WRAPPER}} .elementor-heading-title, {{WRAPPER}} .hfe-heading a',
+ ]
+ );
+ $this->add_control(
+ 'heading_color',
+ [
+ 'label' => __('Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'global' => [
+ 'default' => Global_Colors::COLOR_PRIMARY,
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-heading-text' => 'color: {{VALUE}};',
+ '{{WRAPPER}} .hfe-icon i' => 'color: {{VALUE}};',
+ '{{WRAPPER}} .hfe-icon svg' => 'fill: {{VALUE}};',
+ ],
+ ]
+ );
+
+ $this->add_group_control(
+ Group_Control_Text_Shadow::get_type(),
+ [
+ 'name' => 'heading_shadow',
+ 'selector' => '{{WRAPPER}} .hfe-heading-text',
+ ]
+ );
+
+ $this->add_control(
+ 'blend_mode',
+ [
+ 'label' => __('Blend Mode', 'header-footer-elementor'),
+ 'type' => Controls_Manager::SELECT,
+ 'options' => [
+ '' => __('Normal', 'header-footer-elementor'),
+ 'multiply' => 'Multiply',
+ 'screen' => 'Screen',
+ 'overlay' => 'Overlay',
+ 'darken' => 'Darken',
+ 'lighten' => 'Lighten',
+ 'color-dodge' => 'Color Dodge',
+ 'saturation' => 'Saturation',
+ 'color' => 'Color',
+ 'difference' => 'Difference',
+ 'exclusion' => 'Exclusion',
+ 'hue' => 'Hue',
+ 'luminosity' => 'Luminosity',
+ ],
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-heading-text' => 'mix-blend-mode: {{VALUE}}',
+ ],
+ 'separator' => 'none',
+ ]
+ );
+ $this->end_controls_section();
+
+ $this->start_controls_section(
+ 'section_icon',
+ [
+ 'label' => __('Icon', 'header-footer-elementor'),
+ 'tab' => Controls_Manager::TAB_STYLE,
+ 'condition' => [
+ 'icon[value]!' => '',
+ ],
+ ]
+ );
+ $this->add_control(
+ 'icon_color',
+ [
+ 'label' => __('Icon Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'global' => [
+ 'default' => Global_Colors::COLOR_PRIMARY,
+ ],
+ 'condition' => [
+ 'icon[value]!' => '',
+ ],
+ 'default' => '',
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-icon i' => 'color: {{VALUE}};',
+ '{{WRAPPER}} .hfe-icon svg' => 'fill: {{VALUE}};',
+ ],
+ ]
+ );
+ $this->add_control(
+ 'icons_hover_color',
+ [
+ 'label' => __('Icon Hover Color', 'header-footer-elementor'),
+ 'type' => Controls_Manager::COLOR,
+ 'condition' => [
+ 'icon[value]!' => '',
+ ],
+ 'default' => '',
+ 'selectors' => [
+ '{{WRAPPER}} .hfe-icon:hover i' => 'color: {{VALUE}};',
+ '{{WRAPPER}} .hfe-icon:hover svg' => 'fill: {{VALUE}};',
+ ],
+ ]
+ );
+ $this->end_controls_section();
+ }
+
+ /**
+ * Render Heading output on the frontend.
+ *
+ * Written in PHP and used to generate the final HTML.
+ *
+ * @since 1.3.0
+ *
+ * @access protected
+ *
+ * // phpcs:ignore
+ */
+ // phpcs:ignore
+ protected function render(): void
+ {
+ $settings = $this->get_settings();
+ $title = get_bloginfo('name');
+
+ $this->add_inline_editing_attributes('heading_title', 'basic');
+
+ if (! empty($settings['size'])) {
+ $this->add_render_attribute('title', 'class', 'elementor-size-' . $settings['size']);
+ }
+
+ if (! empty($settings['heading_link']['url'])) {
+ $this->add_link_attributes('url', $settings['heading_link']);
+ }
+
+ $heading_size_tag = Widgets_Loader::validate_html_tag($settings['heading_tag']);
+ ?>
+
+
+
+ get_render_attribute_string('url')); ?>>
+
+
+
+ < class="hfe-heading elementor-heading-title elementor-size-">
+
+
+
+
+
+
+
+
+ >
+
+
+
+ <#
+ if ( '' == settings.heading_title ) {
+ return;
+ }
+ if ( '' == settings.size ){
+ return;
+ }
+ if ( '' != settings.heading_link.url ) {
+ var urlPattern = /^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$|^www\.[^\s/$.?#].[^\s]*$/;
+ if ( urlPattern.test( settings.heading_link.url ) ) {
+ var sanitizedUrl = _.escape( settings.heading_link.url );
+ view.addRenderAttribute( 'url', 'href', sanitizedUrl );
+ }
+ }
+ var iconHTML = elementor.helpers.renderIcon( view, settings.icon, { 'aria-hidden': true }, 'i' , 'object' );
+
+ var headingSizeTag = elementor.helpers.validateHTMLTag( settings.heading_tag );
+
+ if ( typeof elementor.helpers.validateHTMLTag === "function" ) {
+ headingSizeTag = elementor.helpers.validateHTMLTag( headingSizeTag );
+ } else if( HfeWidgetsData.allowed_tags ) {
+ headingSizeTag = HfeWidgetsData.allowed_tags.includes( headingSizeTag.toLowerCase() ) ? headingSizeTag : 'div';
+ }
+
+ #>
+
+ <# if ( '' != settings.heading_link.url ) { #>
+
+ <# } #>
+ <{{{ headingSizeTag }}} class="hfe-heading elementor-heading-title elementor-size-{{{ elementor.helpers.sanitize( settings.size ) }}}">
+ <# if( '' != settings.icon.value ){ #>
+
+ <# } #>
+
+ <# if ( '' != settings.before ){
+ var before = elementor.helpers.sanitize( settings.before )#>
+ {{{ before }}}
+ <#}#>
+
+ <# if ( '' != settings.after ){
+ var after = elementor.helpers.sanitize( settings.after )#>
+ {{{ after }}}
+ <#}#>
+
+
+ <# if ( '' != settings.heading_link.url ) { #>
+
+ <# } #>
+
+ [
- 'wordpress' => [
- 'source' => 'https://github.com/WordPress/WordPress.git',
- 'tags' => [ 'v6.4.3' ],
- 'output' => __DIR__ . '/stubs/wordpress',
- ],
- ],
+ 'packages' => [
+ 'wordpress' => [
+ 'source' => 'https://github.com/WordPress/WordPress.git',
+ 'tags' => [ 'v6.4.3' ],
+ 'output' => __DIR__ . '/stubs/wordpress',
+ ],
+ ],
];
diff --git a/themes/astra/class-hfe-astra-compat.php b/themes/astra/class-hfe-astra-compat.php
index d82336227..5cb5dcc9f 100644
--- a/themes/astra/class-hfe-astra-compat.php
+++ b/themes/astra/class-hfe-astra-compat.php
@@ -1,4 +1,7 @@
- ';
+ do_action('hfe_fallback_header');
+ echo '
';
+ }
+ }
}
new Global_Theme_Compatibility();
diff --git a/themes/default/class-hfe-default-compat.php b/themes/default/class-hfe-default-compat.php
index 242e3a310..36e9d2095 100644
--- a/themes/default/class-hfe-default-compat.php
+++ b/themes/default/class-hfe-default-compat.php
@@ -1,4 +1,7 @@
-
-
+
+