File: //proc/self/cwd/wp-content/themes/woodmart/inc/integrations/elementor/elements/class-mega-menu.php
<?php
/**
* Mega menu map.
*/
namespace XTS\Elementor;
use Elementor\Group_Control_Typography;
use Elementor\Widget_Base;
use Elementor\Controls_Manager;
use Elementor\Group_Control_Box_Shadow;
use Elementor\Group_Control_Border;
use Elementor\Plugin;
use XTS\Modules\Mega_Menu_Walker;
if ( ! defined( 'ABSPATH' ) ) {
exit; // Direct access not allowed.
}
/**
* Elementor widget that inserts an embeddable content into the page, from any given URL.
*
* @since 1.0.0
*/
class WD_Mega_Menu extends Widget_Base {
/**
* Get widget name.
*
* @since 1.0.0
* @access public
*
* @return string Widget name.
*/
public function get_name() {
return 'wd_mega_menu';
}
/**
* Get widget title.
*
* @since 1.0.0
* @access public
*
* @return string Widget title.
*/
public function get_title() {
return esc_html__( 'Menu', 'woodmart' );
}
/**
* Get widget icon.
*
* @since 1.0.0
* @access public
*
* @return string Widget icon.
*/
public function get_icon() {
return 'wd-icon-mega-menu';
}
/**
* Get widget categories.
*
* @since 1.0.0
* @access public
*
* @return array Widget categories.
*/
public function get_categories() {
return array( 'wd-elements' );
}
/**
* Register the widget controls.
*
* @since 1.0.0
* @access protected
*/
protected function register_controls() {
/**
* Content tab.
*/
/**
* General settings.
*/
$this->start_controls_section(
'general_content_section',
array(
'label' => esc_html__( 'General', 'woodmart' ),
)
);
$this->add_control(
'title',
array(
'label' => esc_html__( 'Title', 'woodmart' ),
'type' => Controls_Manager::TEXT,
'condition' => array(
'design' => array( 'vertical' ),
),
'default' => 'Title text example',
)
);
$this->add_control(
'nav_menu',
array(
'label' => esc_html__( 'Choose Menu', 'woodmart' ),
'type' => Controls_Manager::SELECT,
'options' => woodmart_get_menus_array( 'elementor' ),
'default' => '',
)
);
$this->end_controls_section();
/**
* Style tab.
*/
/**
* General settings.
*/
$this->start_controls_section(
'general_style_section',
array(
'label' => esc_html__( 'General', 'woodmart' ),
'tab' => Controls_Manager::TAB_STYLE,
)
);
$this->add_control(
'design',
array(
'label' => esc_html__( 'Orientation', 'woodmart' ),
'type' => Controls_Manager::SELECT,
'options' => array(
'vertical' => esc_html__( 'Vertical', 'woodmart' ),
'horizontal' => esc_html__( 'Horizontal', 'woodmart' ),
),
'default' => 'vertical',
)
);
$this->add_control(
'title_options_separator',
array(
'label' => esc_html__( 'Title', 'woodmart' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
'condition' => array(
'design' => array( 'vertical' ),
),
)
);
$this->add_control(
'color',
array(
'label' => esc_html__( 'Background color', 'woodmart' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .widget-title' => 'background-color: {{VALUE}}',
),
'condition' => array(
'design' => array( 'vertical' ),
),
)
);
$this->add_control(
'woodmart_color_scheme',
array(
'label' => esc_html__( 'Color Scheme', 'woodmart' ),
'type' => Controls_Manager::SELECT,
'options' => array(
'' => esc_html__( 'Inherit', 'woodmart' ),
'light' => esc_html__( 'Light', 'woodmart' ),
'dark' => esc_html__( 'Dark', 'woodmart' ),
),
'default' => '',
'condition' => array(
'design' => array( 'vertical' ),
),
)
);
$this->add_control(
'alignment',
array(
'label' => esc_html__( 'Alignment', 'woodmart' ),
'type' => 'wd_buttons',
'options' => array(
'left' => array(
'title' => esc_html__( 'Left', 'woodmart' ),
'image' => WOODMART_ASSETS_IMAGES . '/settings/align/left.jpg',
),
'center' => array(
'title' => esc_html__( 'Center', 'woodmart' ),
'image' => WOODMART_ASSETS_IMAGES . '/settings/align/center.jpg',
),
'right' => array(
'title' => esc_html__( 'Right', 'woodmart' ),
'image' => WOODMART_ASSETS_IMAGES . '/settings/align/right.jpg',
),
),
'condition' => array(
'design' => array( 'horizontal' ),
),
'default' => 'left',
)
);
$this->end_controls_section();
$this->start_controls_section(
'items_content_section',
array(
'label' => esc_html__( 'Items', 'woodmart' ),
'tab' => Controls_Manager::TAB_STYLE,
)
);
$this->add_control(
'dropdown_design',
array(
'label' => esc_html__( 'Style', 'woodmart' ),
'type' => Controls_Manager::SELECT,
'options' => array(
'default' => esc_html__( 'Bordered', 'woodmart' ),
'simple' => esc_html__( 'Simple', 'woodmart' ),
'with-bg' => esc_html__( 'Background', 'woodmart' ),
),
'condition' => array(
'design' => array( 'vertical' ),
),
'default' => 'default',
)
);
$this->add_control(
'style',
array(
'label' => esc_html__( 'Style', 'woodmart' ),
'type' => Controls_Manager::SELECT,
'options' => array(
'default' => esc_html__( 'Default', 'woodmart' ),
'underline' => esc_html__( 'Underline', 'woodmart' ),
'bordered' => esc_html__( 'Bordered', 'woodmart' ),
'separated' => esc_html__( 'Separated', 'woodmart' ),
'bg' => esc_html__( 'Background', 'woodmart' ),
),
'condition' => array(
'design' => array( 'horizontal' ),
),
'default' => 'default',
)
);
$this->add_control(
'vertical_items_gap',
array(
'label' => esc_html__( 'Gap', 'woodmart' ),
'type' => Controls_Manager::SELECT,
'options' => array(
's' => esc_html__( 'Small', 'woodmart' ),
'm' => esc_html__( 'Medium', 'woodmart' ),
'l' => esc_html__( 'Large', 'woodmart' ),
'custom' => esc_html__( 'Custom', 'woodmart' ),
),
'condition' => array(
'design' => array( 'vertical' ),
'dropdown_design' => array( 'simple' ),
),
'default' => 's',
)
);
$this->add_control(
'items_gap',
array(
'label' => esc_html__( 'Gap', 'woodmart' ),
'type' => Controls_Manager::SELECT,
'options' => array(
's' => esc_html__( 'Small', 'woodmart' ),
'm' => esc_html__( 'Medium', 'woodmart' ),
'l' => esc_html__( 'Large', 'woodmart' ),
'custom' => esc_html__( 'Custom', 'woodmart' ),
),
'condition' => array(
'design' => array( 'horizontal' ),
),
'default' => 's',
)
);
$this->add_responsive_control(
'custom_vertical_items_gap',
array(
'label' => esc_html__( 'Custom gap', 'woodmart' ),
'type' => Controls_Manager::SLIDER,
'size_units' => array( 'px' ),
'range' => array(
'px' => array(
'min' => 1,
'max' => 100,
'step' => 1,
),
),
'selectors' => array(
'{{WRAPPER}} .wd-menu > .wd-nav' => '--nav-gap: {{SIZE}}{{UNIT}};',
),
'condition' => array(
'design' => array( 'vertical' ),
'dropdown_design' => array( 'simple' ),
'vertical_items_gap' => array( 'custom' ),
),
)
);
$this->add_responsive_control(
'custom_items_gap',
array(
'label' => esc_html__( 'Custom gap', 'woodmart' ),
'type' => Controls_Manager::SLIDER,
'size_units' => array( 'px' ),
'range' => array(
'px' => array(
'min' => 1,
'max' => 100,
'step' => 1,
),
),
'selectors' => array(
'{{WRAPPER}} .wd-menu > .wd-nav' => '--nav-gap: {{SIZE}}{{UNIT}};',
),
'condition' => array(
'design' => array( 'horizontal' ),
'items_gap' => array( 'custom' ),
),
)
);
$this->add_group_control(
Group_Control_Typography::get_type(),
array(
'name' => 'item_typography',
'label' => esc_html__( 'Typography', 'woodmart' ),
'selector' => '{{WRAPPER}} .wd-menu > .wd-nav > li > a',
)
);
$this->start_controls_tabs( 'items_color_tabs' );
$this->start_controls_tab(
'idle_color_tab',
array(
'label' => esc_html__( 'Idle', 'woodmart' ),
)
);
$this->add_control(
'items_color',
array(
'label' => esc_html__( 'Color', 'woodmart' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .wd-menu > .wd-nav' => '--nav-color: {{VALUE}}',
),
)
);
$this->add_control(
'items_bg_color_enable',
array(
'label' => esc_html__( 'Background color', 'woodmart' ),
'type' => Controls_Manager::SWITCHER,
'default' => '0',
'label_on' => esc_html__( 'Yes', 'woodmart' ),
'label_off' => esc_html__( 'No', 'woodmart' ),
'return_value' => '1',
'render_type' => 'template',
)
);
$this->add_control(
'items_bg_color',
array(
'label' => esc_html__( 'Background color', 'woodmart' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .wd-menu > .wd-nav' => '--nav-bg: {{VALUE}}',
),
'condition' => array(
'items_bg_color_enable' => '1',
),
)
);
$this->add_control(
'items_border_enable',
array(
'label' => esc_html__( 'Border', 'woodmart' ),
'type' => Controls_Manager::SWITCHER,
'default' => '0',
'label_on' => esc_html__( 'Yes', 'woodmart' ),
'label_off' => esc_html__( 'No', 'woodmart' ),
'return_value' => '1',
'render_type' => 'template',
)
);
$this->add_group_control(
Group_Control_Border::get_type(),
array(
'name' => 'items_border',
'selector' => '{{WRAPPER}} .wd-menu > .wd-nav > li > a',
'condition' => array(
'items_border_enable' => '1',
),
)
);
$this->add_responsive_control(
'items_border_radius',
array(
'label' => esc_html__( 'Border Radius', 'woodmart' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', '%', 'em' ),
'selectors' => array(
'{{WRAPPER}} .wd-menu > .wd-nav > li > a' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
'condition' => array(
'items_border_enable' => '1',
),
)
);
$this->add_control(
'items_box_shadow_enable',
array(
'label' => esc_html__( 'Box shadow', 'woodmart' ),
'type' => Controls_Manager::SWITCHER,
'default' => '0',
'label_on' => esc_html__( 'Yes', 'woodmart' ),
'label_off' => esc_html__( 'No', 'woodmart' ),
'return_value' => '1',
'render_type' => 'template',
)
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
array(
'name' => 'items_box_shadow',
'selector' => '{{WRAPPER}} .wd-menu > .wd-nav > li > a',
'condition' => array(
'items_box_shadow_enable' => '1',
),
)
);
$this->end_controls_tab();
$this->start_controls_tab(
'hover_color_tab',
array(
'label' => esc_html__( 'Hover', 'woodmart' ),
)
);
$this->add_control(
'items_hover_color',
array(
'label' => esc_html__( 'Color', 'woodmart' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .wd-menu > .wd-nav' => '--nav-color-hover: {{VALUE}}',
),
)
);
$this->add_control(
'items_bg_hover_color_enable',
array(
'label' => esc_html__( 'Background color', 'woodmart' ),
'type' => Controls_Manager::SWITCHER,
'default' => '0',
'label_on' => esc_html__( 'Yes', 'woodmart' ),
'label_off' => esc_html__( 'No', 'woodmart' ),
'return_value' => '1',
'render_type' => 'template',
)
);
$this->add_control(
'items_bg_hover_color',
array(
'label' => esc_html__( 'Background color', 'woodmart' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .wd-menu > .wd-nav' => '--nav-bg-hover: {{VALUE}}',
),
'condition' => array(
'items_bg_hover_color_enable' => '1',
),
)
);
$this->add_control(
'items_border_hover_enable',
array(
'label' => esc_html__( 'Border', 'woodmart' ),
'type' => Controls_Manager::SWITCHER,
'default' => '0',
'label_on' => esc_html__( 'Yes', 'woodmart' ),
'label_off' => esc_html__( 'No', 'woodmart' ),
'return_value' => '1',
'render_type' => 'template',
)
);
$this->add_group_control(
Group_Control_Border::get_type(),
array(
'name' => 'items_border_hover',
'selector' => '{{WRAPPER}} .wd-menu > .wd-nav > :is(li:hover, li.wd-opened) > a',
'condition' => array(
'items_border_hover_enable' => '1',
),
)
);
$this->add_control(
'items_box_shadow_hover_enable',
array(
'label' => esc_html__( 'Box shadow', 'woodmart' ),
'type' => Controls_Manager::SWITCHER,
'default' => '0',
'label_on' => esc_html__( 'Yes', 'woodmart' ),
'label_off' => esc_html__( 'No', 'woodmart' ),
'return_value' => '1',
'render_type' => 'template',
)
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
array(
'name' => 'items_box_shadow_hover',
'selector' => '{{WRAPPER}} .wd-menu > .wd-nav > :is(li:hover, li.wd-opened) > a',
'condition' => array(
'items_box_shadow_hover_enable' => '1',
),
)
);
$this->end_controls_tab();
$this->start_controls_tab(
'active_color_tab',
array(
'label' => esc_html__( 'Active', 'woodmart' ),
)
);
$this->add_control(
'disable_active_style',
array(
'label' => esc_html__( 'Disable Active Style', 'woodmart' ),
'type' => Controls_Manager::SWITCHER,
'default' => '',
'label_on' => esc_html__( 'Yes', 'woodmart' ),
'label_off' => esc_html__( 'No', 'woodmart' ),
'return_value' => '1',
'render_type' => 'template',
)
);
$this->add_control(
'items_active_color',
array(
'label' => esc_html__( 'Color', 'woodmart' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .wd-menu > .wd-nav' => '--nav-color-active: {{VALUE}}',
),
'condition' => array(
'disable_active_style' => '',
),
)
);
$this->add_control(
'items_bg_active_color_enable',
array(
'label' => esc_html__( 'Background color', 'woodmart' ),
'type' => Controls_Manager::SWITCHER,
'default' => '0',
'label_on' => esc_html__( 'Yes', 'woodmart' ),
'label_off' => esc_html__( 'No', 'woodmart' ),
'return_value' => '1',
'render_type' => 'template',
'condition' => array(
'disable_active_style' => '',
),
)
);
$this->add_control(
'items_bg_active_color',
array(
'label' => esc_html__( 'Background color', 'woodmart' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .wd-menu > .wd-nav' => '--nav-bg-active: {{VALUE}}',
),
'condition' => array(
'items_bg_active_color_enable' => '1',
'disable_active_style' => '',
),
)
);
$this->add_control(
'items_border_active_enable',
array(
'label' => esc_html__( 'Border', 'woodmart' ),
'type' => Controls_Manager::SWITCHER,
'default' => '0',
'label_on' => esc_html__( 'Yes', 'woodmart' ),
'label_off' => esc_html__( 'No', 'woodmart' ),
'return_value' => '1',
'render_type' => 'template',
'condition' => array(
'disable_active_style' => '',
),
)
);
$this->add_group_control(
Group_Control_Border::get_type(),
array(
'name' => 'items_border_active',
'selector' => '{{WRAPPER}} .wd-menu > .wd-nav > li.current-menu-item > a',
'condition' => array(
'items_border_active_enable' => '1',
'disable_active_style' => '',
),
)
);
$this->add_control(
'items_box_shadow_active_enable',
array(
'label' => esc_html__( 'Box shadow', 'woodmart' ),
'type' => Controls_Manager::SWITCHER,
'default' => '0',
'label_on' => esc_html__( 'Yes', 'woodmart' ),
'label_off' => esc_html__( 'No', 'woodmart' ),
'return_value' => '1',
'render_type' => 'template',
'condition' => array(
'disable_active_style' => '',
),
)
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
array(
'name' => 'items_box_shadow_active',
'selector' => '{{WRAPPER}} .wd-menu > .wd-nav > li.current-menu-item > a',
'condition' => array(
'items_box_shadow_active_enable' => '1',
'disable_active_style' => '',
),
)
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->add_control(
'items_separator',
array(
'type' => Controls_Manager::DIVIDER,
)
);
$this->add_responsive_control(
'items_padding',
array(
'label' => esc_html__( 'Padding', 'woodmart' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array( 'px', '%', 'em' ),
'selectors' => array(
'{{WRAPPER}} .wd-menu > .wd-nav' => '--nav-pd: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
)
);
$this->end_controls_section();
/**
* Items icon.
*/
$this->start_controls_section(
'icon_style_section',
array(
'label' => esc_html__( 'Items icon', 'woodmart' ),
'tab' => Controls_Manager::TAB_STYLE,
)
);
$this->add_control(
'icon_alignment',
array(
'label' => esc_html__( 'Alignment', 'woodmart' ),
'type' => Controls_Manager::SELECT,
'options' => array(
'inherit' => esc_html__( 'Default', 'woodmart' ),
'left' => esc_html__( 'Left', 'woodmart' ),
'right' => esc_html__( 'Right', 'woodmart' ),
),
'default' => 'inherit',
)
);
$this->add_responsive_control(
'icon_height',
array(
'label' => esc_html__( 'Height', 'woodmart' ),
'type' => Controls_Manager::SLIDER,
'size_units' => array( 'px' ),
'range' => array(
'px' => array(
'min' => 1,
'max' => 50,
'step' => 1,
),
),
'selectors' => array(
'{{WRAPPER}} .wd-menu > .wd-nav > li > a .wd-nav-img' => '--nav-img-height: {{SIZE}}{{UNIT}};',
),
)
);
$this->add_responsive_control(
'icon_width',
array(
'label' => esc_html__( 'Width', 'woodmart' ),
'type' => Controls_Manager::SLIDER,
'size_units' => array( 'px' ),
'range' => array(
'px' => array(
'min' => 1,
'max' => 50,
'step' => 1,
),
),
'selectors' => array(
'{{WRAPPER}} .wd-menu > .wd-nav > li > a .wd-nav-img' => '--nav-img-width: {{SIZE}}{{UNIT}};',
),
)
);
$this->end_controls_section();
}
/**
* Render the widget output on the frontend.
*
* Written in PHP and used to generate the final HTML.
*
* @since 1.0.0
*
* @access protected
*/
protected function render() {
$default_settings = array(
'title' => '',
'alignment' => 'left',
'nav_menu' => '',
'style' => 'default',
'design' => 'vertical',
'dropdown_design' => 'default',
'items_gap' => 's',
'vertical_items_gap' => 's',
'icon_alignment' => 'inherit',
'color' => '',
'woodmart_color_scheme' => 'light',
'items_bg_color' => '',
'items_bg_hover_color' => '',
'items_bg_active_color' => '',
'items_box_shadow_box_shadow' => '',
'items_box_shadow_hover_box_shadow' => '',
'items_box_shadow_active_box_shadow' => '',
'items_border_border' => '',
'items_border_width' => '',
'items_border_hover_border' => '',
'items_border_hover_width' => '',
'items_border_active_border' => '',
'items_border_active_width' => '',
'items_bg_color_enable' => '',
'items_bg_hover_color_enable' => '',
'items_bg_active_color_enable' => '',
'items_box_shadow_enable' => '',
'items_box_shadow_hover_enable' => '',
'items_box_shadow_active_enable' => '',
'items_border_enable' => '',
'items_border_hover_enable' => '',
'items_border_active_enable' => '',
'disable_active_style' => '',
);
$settings = wp_parse_args( $this->get_settings_for_display(), $default_settings );
$items_bg_activated = $settings['items_bg_color_enable'] || $settings['items_bg_hover_color_enable'] || $settings['items_bg_active_color_enable'];
$items_box_shadow_active = $settings['items_box_shadow_enable'] || $settings['items_box_shadow_hover_enable'] || $settings['items_box_shadow_active_enable'];
$items_border_active = $settings['items_border_enable'] || $settings['items_border_hover_enable'] || $settings['items_border_active_enable'];
$this->add_render_attribute(
array(
'title' => array(
'class' => array(
'widget-title',
'color-scheme-' . $settings['woodmart_color_scheme'],
),
),
)
);
$menu_class = 'menu wd-nav';
if ( ! empty( $settings['design'] ) ) {
$menu_class .= ' wd-nav-' . $settings['design'];
woodmart_get_old_classes( $settings['design'] . '-navigation' );
}
if ( ! empty( $settings['style'] ) ) {
$menu_class .= ' wd-style-' . $settings['style'];
woodmart_get_old_classes( 'navigation-style-' . $settings['style'] );
woodmart_enqueue_inline_style( 'bg-navigation' );
}
$wrapper_classes = '';
if ( 'horizontal' === $settings['design'] ) {
$wrapper_classes .= ' text-' . $settings['alignment'];
$menu_class .= ' wd-gap-' . $settings['items_gap'];
}
if ( 'vertical' === $settings['design'] ) {
$menu_class .= ' wd-design-' . $settings['dropdown_design'];
if ( 'simple' === $settings['dropdown_design'] ) {
$menu_class .= ' wd-gap-' . $settings['vertical_items_gap'];
}
woodmart_enqueue_inline_style( 'mod-nav-vertical' );
woodmart_enqueue_inline_style( 'mod-nav-vertical-design-' . $settings['dropdown_design'] );
}
if ( $settings['icon_alignment'] && 'inherit' !== $settings['icon_alignment'] ) {
$menu_class .= ' wd-icon-' . $settings['icon_alignment'];
}
if ( $items_bg_activated || $items_box_shadow_active || $items_border_active ) {
$menu_class .= ' wd-add-pd';
}
if ( $settings['disable_active_style'] ) {
$menu_class .= ' wd-dis-act';
}
woodmart_enqueue_inline_style( 'el-menu' );
woodmart_enqueue_inline_style( 'el-menu-wpb-elem' );
$this->add_inline_editing_attributes( 'title' );
?>
<div class="wd-menu widget_nav_mega_menu<?php echo esc_attr( $wrapper_classes ); ?>">
<?php if ( $settings['title'] ) : ?>
<h5 <?php echo $this->get_render_attribute_string( 'title' ); // phpcs:ignore ?>>
<?php echo wp_kses( $settings['title'], woodmart_get_allowed_html() ); ?>
</h5>
<?php endif; ?>
<?php
wp_nav_menu(
array(
'container' => '',
'fallback_cb' => '',
'menu' => $settings['nav_menu'],
'menu_class' => $menu_class,
'walker' => new Mega_Menu_Walker(),
)
);
?>
</div>
<?php
}
}
Plugin::instance()->widgets_manager->register( new WD_Mega_Menu() );