settings['navigation_breakpoint'] ?? '';
$box_border = $this->settings['show_box_border'] ?? '';
$behavior_float = $this->settings['behavior_float'];
$behavior_on_scroll = $this->settings['behavior_onscroll_select'];
$layout_preset = $this->settings['layout_preset_select'];
$behavior_scale_logo = $this->settings['behavior_sticky_scale_logo'];
$behavior_scale_title = $this->settings['behavior_sticky_scale_title'];
$has_blur_background = $this->settings['blur_background'];
$has_menu_cart = $this->settings['menu_cart_icon_show'] ?? '';
if ( ! empty( $navigation_breakpoint ) ) {
$this->widget->add_render_attribute( 'layout', [
'data-responsive-breakpoint' => $navigation_breakpoint,
] );
}
if ( 'yes' === $box_border ) {
$layout_classnames[] = 'has-box-border';
}
if ( 'yes' === $behavior_float ) {
$layout_classnames[] = 'has-behavior-float';
}
if ( 'yes' === $behavior_scale_logo ) {
$layout_classnames[] = 'has-behavior-sticky-scale-logo';
}
if ( 'yes' === $behavior_scale_title ) {
$layout_classnames[] = 'has-behavior-sticky-scale-title';
}
$shapes = new Ehp_Shapes( $this->widget, [
'container_prefix' => 'float',
'control_prefix' => 'behavior',
'render_attribute' => 'layout',
'widget_name' => 'header',
] );
$shapes->add_shape_attributes();
if ( ! empty( $behavior_on_scroll ) ) {
$layout_classnames[] = 'has-behavior-onscroll-' . $behavior_on_scroll;
}
if ( 'navigate' === $layout_preset ) {
$layout_classnames[] = 'has-align-link-start';
} elseif ( 'identity' === $layout_preset ) {
$layout_classnames[] = 'has-align-link-center';
} elseif ( 'connect' === $layout_preset ) {
$layout_classnames[] = 'has-align-link-connect';
}
if ( 'yes' === $has_blur_background ) {
$layout_classnames[] = 'has-blur-background';
}
$render_attributes = [
'class' => $layout_classnames,
'data-scroll-behavior' => $behavior_on_scroll,
'data-behavior-float' => $behavior_float,
];
$this->widget->add_render_attribute( 'layout', $render_attributes );
$this->widget->maybe_add_advanced_attributes();
$this->widget->add_render_attribute( 'elements-container', 'class', self::LAYOUT_CLASSNAME . '__elements-container' );
$this->widget->add_render_attribute( 'menu-cart-container', 'class', self::LAYOUT_CLASSNAME . '__menu-cart-container' );
?>
widget->get_available_menus();
$menu_classname = self::LAYOUT_CLASSNAME . '__menu';
if ( ! $available_menus ) {
return;
}
$pointer_hover_type = $this->settings['style_navigation_pointer_hover'] ?? '';
$focus_active_type = $this->settings['style_navigation_focus_active'] ?? '';
$has_responsive_divider = $this->settings['style_responsive_menu_divider'];
if ( 'none' !== $pointer_hover_type ) {
$menu_classname .= ' has-pointer-hover-' . $pointer_hover_type;
}
if ( 'none' !== $focus_active_type ) {
$menu_classname .= ' has-focus-active-' . $focus_active_type;
}
if ( 'yes' === $has_responsive_divider ) {
$menu_classname .= ' has-responsive-divider';
}
$settings = $this->settings;
$submenu_layout = $this->settings['style_submenu_layout'] ?? 'horizontal';
$args = [
'echo' => false,
'menu' => $settings['navigation_menu'],
'menu_class' => $menu_classname,
'menu_id' => 'menu-' . $this->get_and_advance_nav_menu_index() . '-' . $this->widget->get_id(),
'fallback_cb' => '__return_empty_string',
'container' => '',
];
// Add custom filter to handle Nav Menu HTML output.
add_filter( 'nav_menu_link_attributes', [ $this, 'handle_link_classes' ], 10, 4 );
add_filter( 'nav_menu_submenu_css_class', [ $this, 'handle_sub_menu_classes' ] );
add_filter( 'walker_nav_menu_start_el', [ $this, 'handle_walker_menu_start_el' ], 10, 4 );
add_filter( 'nav_menu_item_id', '__return_empty_string' );
// General Menu.
$menu_html = wp_nav_menu( $args );
// Remove all our custom filters.
remove_filter( 'nav_menu_link_attributes', [ $this, 'handle_link_classes' ] );
remove_filter( 'nav_menu_submenu_css_class', [ $this, 'handle_sub_menu_classes' ] );
remove_filter( 'walker_nav_menu_start_el', [ $this, 'handle_walker_menu_start_el' ] );
remove_filter( 'nav_menu_item_id', '__return_empty_string' );
if ( empty( $menu_html ) ) {
return;
}
if ( $settings['navigation_menu_name'] ) {
$this->widget->add_render_attribute( 'main-menu', 'aria-label', $settings['navigation_menu_name'] );
}
$this->widget->add_render_attribute( 'main-menu', 'class', [
' has-submenu-layout-' . $submenu_layout,
self::LAYOUT_CLASSNAME . '__navigation',
] );
?>
render_menu_toggle();
}
private function render_menu_toggle() {
$show_contact_buttons = 'yes' === $this->settings['contact_buttons_show'] || 'yes' === $this->settings['contact_buttons_show_connect'];
$has_menu_cart = $this->settings['menu_cart_icon_show'] ?? '';
$this->widget->add_render_attribute( 'side-toggle', 'class', self::LAYOUT_CLASSNAME . '__side-toggle' );
?>
widget->print_render_attribute_string( 'side-toggle' ); ?>>
render_contact_buttons();
}
if ( empty( $has_menu_cart ) || 'no' === $has_menu_cart ) {
$this->render_button_toggle();
}
if ( 'yes' === $has_menu_cart ) {
$this->render_menu_cart();
}
?>
settings['navigation_menu_icon'];
$toggle_classname = self::LAYOUT_CLASSNAME . '__button-toggle';
$this->widget->add_render_attribute( 'button-toggle', [
'class' => $toggle_classname,
'role' => 'button',
'tabindex' => '0',
'aria-label' => esc_html__( 'Menu Toggle', 'hello-plus' ),
'aria-expanded' => 'false',
] );
$this->widget->add_render_attribute( 'toggle-icon-open', [
'class' => [
self::LAYOUT_CLASSNAME . '__toggle-icon',
self::LAYOUT_CLASSNAME . '__toggle-icon--open',
],
'aria-hidden' => 'true',
] );
$this->widget->add_render_attribute( 'toggle-icon-close', [
'class' => [
self::LAYOUT_CLASSNAME . '__toggle-icon',
self::LAYOUT_CLASSNAME . '__toggle-icon--close',
],
'aria-hidden' => 'true',
] );
?>
settings['cta_responsive_width'] ?? '';
$ctas_container_classnames = self::LAYOUT_CLASSNAME . '__ctas-container';
$show_contact_buttons = 'yes' === $this->settings['contact_buttons_show'] || 'yes' === $this->settings['contact_buttons_show_connect'];
if ( '' !== $responsive_button_width ) {
$ctas_container_classnames .= ' has-responsive-width-' . $responsive_button_width;
}
$this->widget->add_render_attribute( 'ctas-container', [
'class' => $ctas_container_classnames,
] );
?>
widget->print_render_attribute_string( 'ctas-container' ); ?>>
render_contact_buttons();
}
if ( ! empty( $this->settings['secondary_cta_button_text'] ) ) {
$this->render_button( 'secondary' );
}
if ( ! empty( $this->settings['primary_cta_button_text'] ) ) {
$this->render_button( 'primary' );
}
if ( isset( $this->settings['menu_cart_icon_show'] ) && 'yes' === $this->settings['menu_cart_icon_show'] ) {
$this->render_menu_cart();
}
?>
settings['menu_cart_icon'];
if ( ! class_exists( 'WooCommerce' ) || ! function_exists( 'WC' ) || ! WC()->cart || 'no' === $this->settings['menu_cart_icon_show'] ) {
return;
}
$this->widget->remove_render_attribute( 'menu-cart' );
$this->widget->add_render_attribute( 'menu-cart', [
'class' => self::LAYOUT_CLASSNAME . '__menu-cart',
] );
$this->widget->remove_render_attribute( 'menu-cart-button' );
$this->widget->add_render_attribute( 'menu-cart-button', [
'class' => self::LAYOUT_CLASSNAME . '__menu-cart-button',
'type' => 'button',
'aria-label' => esc_html__( 'Cart', 'hello-plus' ),
] );
?>
widget->print_render_attribute_string( 'menu-cart' ); ?>>
settings['contact_buttons_repeater'];
$link_type = $this->settings['contact_buttons_link_type'];
$responsive_display = $this->settings['contact_buttons_responsive_display'];
$hover_animation = $this->settings['contact_button_hover_animation'];
$contact_buttons_classnames = [
self::LAYOUT_CLASSNAME . '__contact-buttons',
'has-responsive-display-' . $responsive_display,
];
$this->widget->add_render_attribute( 'contact-buttons', [
'class' => $contact_buttons_classnames,
] );
$ehp_platforms = new Ehp_Social_Platforms( $this->widget );
?>
widget->print_render_attribute_string( 'contact-buttons' ); ?>>
$contact_button ) {
// Ensure attributes are cleared for this key
$this->widget->remove_render_attribute( 'contact-button-' . $key );
$link = [
'platform' => $contact_button['contact_buttons_platform'],
'number' => $contact_button['contact_buttons_number'] ?? '',
'username' => $contact_button['contact_buttons_username'] ?? '',
'email_data' => [
'contact_buttons_mail' => $contact_button['contact_buttons_mail'] ?? '',
'contact_buttons_mail_subject' => $contact_button['contact_buttons_mail_subject'] ?? '',
'contact_buttons_mail_body' => $contact_button['contact_buttons_mail_body'] ?? '',
],
'viber_action' => $contact_button['contact_buttons_viber_action'] ?? '',
'url' => $contact_button['contact_buttons_url'] ?? '',
'location' => $contact_button['contact_buttons_waze'] ?? '',
'map' => $contact_button['contact_buttons_map'] ?? '',
];
$icon = $contact_button['contact_buttons_icon'];
$button_classnames = [ self::LAYOUT_CLASSNAME . '__contact-button' ];
if ( ! empty( $hover_animation ) ) {
$button_classnames[] = 'elementor-animation-' . $hover_animation;
}
$this->widget->add_render_attribute( 'contact-button-' . $key, [
'aria-label' => esc_attr( $contact_button['contact_buttons_label'] ),
'class' => $button_classnames,
] );
if ( $ehp_platforms->is_url_link( $contact_button['contact_buttons_platform'] ) ) {
$ehp_platforms->render_link_attributes( $link, 'contact-button-' . $key );
} else {
$formatted_link = $ehp_platforms->get_formatted_link( $link, 'contact_icon' );
$this->widget->add_render_attribute( 'contact-button-' . $key, [
'href' => $formatted_link,
'rel' => 'noopener noreferrer',
'target' => '_blank',
] );
}
?>
widget->print_render_attribute_string( 'contact-button-' . $key ); ?>>
'true',
'class' => self::LAYOUT_CLASSNAME . '__contact-button-icon',
]
);
} ?>
render_contact_button_text( $contact_button, $key );
} ?>