first commit
This commit is contained in:
@@ -0,0 +1,615 @@
|
||||
<?php
|
||||
|
||||
class DSM_NavMenu extends ET_Builder_Module {
|
||||
|
||||
public $slug = 'dsm_menu';
|
||||
public $vb_support = 'on';
|
||||
|
||||
protected $module_credits = array(
|
||||
'module_uri' => 'https://divisupreme.com/',
|
||||
'author' => 'Divi Supreme',
|
||||
'author_uri' => 'https://divisupreme.com/',
|
||||
);
|
||||
|
||||
public function init() {
|
||||
$this->name = esc_html__( 'Supreme Menu', 'dsm-supreme-modules-for-divi' );
|
||||
$this->icon_path = plugin_dir_path( __FILE__ ) . 'icon.svg';
|
||||
// Toggle settings
|
||||
$this->settings_modal_toggles = array(
|
||||
'general' => array(
|
||||
'toggles' => array(
|
||||
'main_content' => esc_html__( 'Menu', 'dsm-supreme-modules-for-divi' ),
|
||||
),
|
||||
),
|
||||
'advanced' => array(
|
||||
'toggles' => array(
|
||||
'layout' => array(
|
||||
'title' => esc_html__( 'Layout', 'dsm-supreme-modules-pro-for-divi' ),
|
||||
'priority' => 19,
|
||||
),
|
||||
'header' => array(
|
||||
'title' => esc_html__( 'Title', 'dsm-supreme-modules-pro-for-divi' ),
|
||||
'priority' => 25,
|
||||
),
|
||||
'menu_style' => array(
|
||||
'title' => esc_html__( 'Menu', 'dsm-supreme-modules-pro-for-divi' ),
|
||||
'priority' => 29,
|
||||
),
|
||||
'submenu_style' => array(
|
||||
'title' => esc_html__( 'Sub Menu', 'dsm-supreme-modules-pro-for-divi' ),
|
||||
'priority' => 39,
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
public function get_advanced_fields_config() {
|
||||
return array(
|
||||
'fonts' => array(
|
||||
'header' => array(
|
||||
'label' => esc_html__( 'Title', 'dsm-supreme-modules-for-divi' ),
|
||||
'css' => array(
|
||||
'main' => '%%order_class%% h1.dsm-menu-title, %%order_class%% h2.dsm-menu-title, %%order_class%% h3.dsm-menu-title, %%order_class%% h4.dsm-menu-title, %%order_class%% h5.dsm-menu-title, %%order_class%% h6.dsm-menu-title',
|
||||
),
|
||||
'font_size' => array(
|
||||
'default' => '18px',
|
||||
),
|
||||
'line_height' => array(
|
||||
'default' => '1em',
|
||||
),
|
||||
'letter_spacing' => array(
|
||||
'default' => '0px',
|
||||
),
|
||||
'header_level' => array(
|
||||
'default' => 'h4',
|
||||
),
|
||||
),
|
||||
'menu' => array(
|
||||
'label' => esc_html__( 'Menu', 'dsm-supreme-modules-for-divi' ),
|
||||
'css' => array(
|
||||
'main' => '%%order_class%% ul.dsm-menu li a',
|
||||
'plugin_main' => '%%order_class%% ul.dsm-menu li a',
|
||||
),
|
||||
'line_height' => array(
|
||||
'default' => '1em',
|
||||
),
|
||||
'font_size' => array(
|
||||
'default' => '14px',
|
||||
'range_settings' => array(
|
||||
'min' => '12',
|
||||
'max' => '24',
|
||||
'step' => '1',
|
||||
),
|
||||
),
|
||||
'letter_spacing' => array(
|
||||
'default' => '0px',
|
||||
'range_settings' => array(
|
||||
'min' => '0',
|
||||
'max' => '8',
|
||||
'step' => '1',
|
||||
),
|
||||
),
|
||||
'hide_text_align' => true,
|
||||
'hide_text_color' => true,
|
||||
'tab_slug' => 'advanced',
|
||||
'toggle_slug' => 'menu_style',
|
||||
),
|
||||
'sub_menu' => array(
|
||||
'label' => esc_html__( 'Sub Menu', 'dsm-supreme-modules-pro-for-divi' ),
|
||||
'css' => array(
|
||||
'main' => '%%order_class%% ul.dsm-menu .menu-item-has-children .sub-menu li a',
|
||||
'plugin_main' => '%%order_class%% ul.dsm-menu .menu-item-has-children .sub-menu li a',
|
||||
),
|
||||
'line_height' => array(
|
||||
'default' => '1em',
|
||||
),
|
||||
'font_size' => array(
|
||||
'default' => '14px',
|
||||
'range_settings' => array(
|
||||
'min' => '12',
|
||||
'max' => '24',
|
||||
'step' => '1',
|
||||
),
|
||||
),
|
||||
'letter_spacing' => array(
|
||||
'default' => '0px',
|
||||
'range_settings' => array(
|
||||
'min' => '0',
|
||||
'max' => '8',
|
||||
'step' => '1',
|
||||
),
|
||||
),
|
||||
'hide_text_align' => true,
|
||||
'hide_text_color' => false,
|
||||
'tab_slug' => 'advanced',
|
||||
'toggle_slug' => 'submenu_style',
|
||||
),
|
||||
),
|
||||
'text' => array(
|
||||
'use_background_layout' => true,
|
||||
'options' => array(
|
||||
'text_orientation' => array(
|
||||
'default_on_front' => 'left',
|
||||
),
|
||||
'background_layout' => array(
|
||||
'default_on_front' => 'light',
|
||||
'hover' => 'tabs',
|
||||
),
|
||||
),
|
||||
),
|
||||
'margin_padding' => array(
|
||||
'css' => array(
|
||||
'main' => '%%order_class%%',
|
||||
),
|
||||
),
|
||||
'link_options' => false,
|
||||
'button' => false,
|
||||
);
|
||||
}
|
||||
|
||||
public function get_fields() {
|
||||
$et_accent_color = et_builder_accent_color();
|
||||
return array(
|
||||
'title' => array(
|
||||
'label' => esc_html__( 'Menu Title', 'dsm-supreme-modules-for-divi' ),
|
||||
'type' => 'text',
|
||||
'option_category' => 'basic_option',
|
||||
'description' => esc_html__( 'The title will appear above the menu.', 'dsm-supreme-modules-for-divi' ),
|
||||
'toggle_slug' => 'main_content',
|
||||
),
|
||||
'title_bottom_gap' => array(
|
||||
'label' => esc_html__( 'Bottom Gap', 'dsm-supreme-modules-for-divi' ),
|
||||
'type' => 'range',
|
||||
'option_category' => 'layout',
|
||||
'mobile_options' => true,
|
||||
'tab_slug' => 'advanced',
|
||||
'toggle_slug' => 'header',
|
||||
'responsive' => true,
|
||||
'default_unit' => 'px',
|
||||
'default' => '10px',
|
||||
),
|
||||
'menu_id' => array(
|
||||
'label' => esc_html__( 'Menu', 'dsm-supreme-modules-for-divi' ),
|
||||
'type' => 'select',
|
||||
'option_category' => 'basic_option',
|
||||
'options' => et_builder_get_nav_menus_options(),
|
||||
'description' => sprintf(
|
||||
'<p class="description">%2$s. <a href="%1$s" target="_blank">%3$s</a>.</p>',
|
||||
esc_url( admin_url( 'nav-menus.php' ) ),
|
||||
esc_html__( 'Select a menu that should be used in the module', 'dsm-supreme-modules-for-divi' ),
|
||||
esc_html__( 'Click here to create new menu', 'dsm-supreme-modules-for-divi' )
|
||||
),
|
||||
'toggle_slug' => 'main_content',
|
||||
'computed_affects' => array(
|
||||
'__menu',
|
||||
),
|
||||
),
|
||||
'menu_link_text_color' => array(
|
||||
'label' => esc_html__( 'Menu Link Color', 'dsm-supreme-modules-for-divi' ),
|
||||
'type' => 'color-alpha',
|
||||
'custom_color' => true,
|
||||
'tab_slug' => 'advanced',
|
||||
'toggle_slug' => 'menu_style',
|
||||
'hover' => 'tabs',
|
||||
),
|
||||
'menu_space_between' => array(
|
||||
'label' => esc_html__( 'Space Between', 'dsm-supreme-modules-for-divi' ),
|
||||
'type' => 'range',
|
||||
'option_category' => 'layout',
|
||||
'mobile_options' => true,
|
||||
'responsive' => true,
|
||||
'default_unit' => 'px',
|
||||
'default' => '0px',
|
||||
'tab_slug' => 'advanced',
|
||||
'toggle_slug' => 'menu_style',
|
||||
),
|
||||
'menu_layout' => array(
|
||||
'label' => esc_html__( 'Menu Layout', 'dsm-supreme-modules-for-divi' ),
|
||||
'type' => 'select',
|
||||
'option_category' => 'layout',
|
||||
'options' => array(
|
||||
'vertical' => esc_html__( 'Vertical', 'dsm-supreme-modules-for-divi' ),
|
||||
),
|
||||
'default' => 'vertical',
|
||||
'tab_slug' => 'advanced',
|
||||
'toggle_slug' => 'layout',
|
||||
),
|
||||
'list_style_type' => array(
|
||||
'label' => esc_html__( 'List Style Type', 'dsm-supreme-modules-for-divi' ),
|
||||
'type' => 'select',
|
||||
'option_category' => 'layout',
|
||||
'options' => array(
|
||||
'none' => esc_html__( 'None', 'dsm-supreme-modules-for-divi' ),
|
||||
'disc' => esc_html__( 'Disc', 'dsm-supreme-modules-for-divi' ),
|
||||
'circle' => esc_html__( 'Circle', 'dsm-supreme-modules-for-divi' ),
|
||||
'decimal' => esc_html__( 'Decimal', 'dsm-supreme-modules-for-divi' ),
|
||||
'square' => esc_html__( 'Square', 'dsm-supreme-modules-for-divi' ),
|
||||
),
|
||||
'default_on_front' => 'disc',
|
||||
'tab_slug' => 'advanced',
|
||||
'toggle_slug' => 'menu_style',
|
||||
'show_if' => array(
|
||||
'menu_layout' => 'vertical',
|
||||
),
|
||||
),
|
||||
'list_style_color' => array(
|
||||
'label' => esc_html__( 'List Style Color', 'dsm-supreme-modules-for-divi' ),
|
||||
'type' => 'color-alpha',
|
||||
'custom_color' => true,
|
||||
'tab_slug' => 'advanced',
|
||||
'toggle_slug' => 'menu_style',
|
||||
'show_if_not' => array(
|
||||
'list_style_type' => 'none',
|
||||
),
|
||||
'show_if' => array(
|
||||
'menu_layout' => 'vertical',
|
||||
),
|
||||
),
|
||||
'menu_left_space' => array(
|
||||
'label' => esc_html__( 'Left Spacing', 'dsm-supreme-modules-for-divi' ),
|
||||
'type' => 'range',
|
||||
'option_category' => 'layout',
|
||||
'mobile_options' => true,
|
||||
'hover' => 'tabs',
|
||||
'tab_slug' => 'advanced',
|
||||
'toggle_slug' => 'menu_style',
|
||||
'responsive' => true,
|
||||
'default_unit' => 'px',
|
||||
'default' => '0px',
|
||||
'show_if' => array(
|
||||
'menu_layout' => 'vertical',
|
||||
),
|
||||
),
|
||||
'submenu_left_space' => array(
|
||||
'label' => esc_html__( 'Left Spacing', 'dsm-supreme-modules-for-divi' ),
|
||||
'type' => 'range',
|
||||
'option_category' => 'layout',
|
||||
'mobile_options' => true,
|
||||
'hover' => 'tabs',
|
||||
'tab_slug' => 'advanced',
|
||||
'toggle_slug' => 'submenu_style',
|
||||
'responsive' => true,
|
||||
'default_unit' => 'px',
|
||||
'default' => '20px',
|
||||
'show_if' => array(
|
||||
'menu_layout' => 'vertical',
|
||||
),
|
||||
),
|
||||
'__menu' => array(
|
||||
'type' => 'computed',
|
||||
'computed_callback' => array( 'DSM_NavMenu', 'get_dsm_navmenu' ),
|
||||
'computed_depends_on' => array(
|
||||
'menu_id',
|
||||
'list_style_type',
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the class with page ID to menu item so it can be easily found by ID in Frontend Builder
|
||||
*
|
||||
* @return menu item object
|
||||
*/
|
||||
static function modify_dsm_menu_item( $menu_item ) {
|
||||
if ( esc_url( home_url( '/' ) ) === $menu_item->url ) {
|
||||
$fw_menu_custom_class = 'et_pb_menu_page_id-home';
|
||||
} else {
|
||||
$fw_menu_custom_class = 'et_pb_menu_page_id-' . $menu_item->object_id;
|
||||
}
|
||||
$menu_item->classes[] = $fw_menu_custom_class;
|
||||
return $menu_item;
|
||||
}
|
||||
|
||||
/**
|
||||
* Get fullwidth menu markup for fullwidth menu module
|
||||
*
|
||||
* @return string of fullwidth menu markup
|
||||
*/
|
||||
static function get_dsm_navmenu( $args = array() ) {
|
||||
$defaults = array(
|
||||
'list_style_type' => '',
|
||||
'menu_layout' => '',
|
||||
'menu_id' => '',
|
||||
);
|
||||
|
||||
// modify the menu item to include the required data
|
||||
add_filter( 'wp_setup_nav_menu_item', array( 'DSM_NavMenu', 'modify_dsm_menu_item' ) );
|
||||
|
||||
$args = wp_parse_args( $args, $defaults );
|
||||
|
||||
$menu = '<div class="dsm-menu-container">';
|
||||
|
||||
$menuClass = 'dsm-menu';
|
||||
|
||||
if ( ! et_is_builder_plugin_active() && 'on' === et_get_option( 'divi_disable_toptier' ) ) {
|
||||
$menuClass .= ' et_disable_top_tier';
|
||||
}
|
||||
$menuClass .= ( '' !== $args['list_style_type'] ? sprintf( ' %s', esc_attr( 'dsm-menu-style-type-' . $args['list_style_type'] ) ) : '' );
|
||||
$menuClass .= ( '' !== $args['menu_layout'] ? sprintf( ' %s', esc_attr( 'dsm-menu-layout-' . $args['menu_layout'] ) ) : '' );
|
||||
|
||||
$primaryNav = '';
|
||||
|
||||
$menu_args = array(
|
||||
'theme_location' => 'primary-menu',
|
||||
'container' => '',
|
||||
'fallback_cb' => '',
|
||||
'menu_class' => $menuClass,
|
||||
'menu_id' => '',
|
||||
'echo' => false,
|
||||
);
|
||||
|
||||
if ( '' !== $args['menu_id'] ) {
|
||||
$menu_args['menu'] = (int) $args['menu_id'];
|
||||
}
|
||||
|
||||
$primaryNav = wp_nav_menu( apply_filters( 'dsm_menu_args', $menu_args ) );
|
||||
|
||||
if ( '' == $primaryNav ) {
|
||||
$menu .= sprintf(
|
||||
'<ul class="%1$s">
|
||||
%2$s',
|
||||
esc_attr( $menuClass ),
|
||||
( ! et_is_builder_plugin_active() && 'on' === et_get_option( 'divi_home_link' )
|
||||
? sprintf(
|
||||
'<li%1$s><a href="%2$s">%3$s</a></li>',
|
||||
( is_home() ? ' class="current_page_item"' : '' ),
|
||||
esc_url( home_url( '/' ) ),
|
||||
esc_html__( 'Home', 'dsm-supreme-modules-for-divi' )
|
||||
)
|
||||
: ''
|
||||
)
|
||||
);
|
||||
|
||||
ob_start();
|
||||
|
||||
// @todo: check if Fullwidth Menu module works fine with no menu selected in settings
|
||||
if ( et_is_builder_plugin_active() ) {
|
||||
wp_page_menu();
|
||||
} else {
|
||||
show_page_menu( $menuClass, false, false );
|
||||
show_categories_menu( $menuClass, false );
|
||||
}
|
||||
|
||||
$menu .= ob_get_contents();
|
||||
|
||||
$menu .= '</ul>';
|
||||
|
||||
ob_end_clean();
|
||||
} else {
|
||||
$menu .= $primaryNav;
|
||||
}
|
||||
|
||||
$menu .= '</div>';
|
||||
|
||||
remove_filter( 'wp_setup_nav_menu_item', array( 'DSM_NavMenu', 'modify_dsm_menu_item' ) );
|
||||
|
||||
return $menu;
|
||||
}
|
||||
|
||||
public function get_transition_fields_css_props() {
|
||||
$fields = parent::get_transition_fields_css_props();
|
||||
|
||||
$fields['title_bottom_gap'] = array(
|
||||
'padding-bottom' => '%%order_class%% .dsm-menu-title',
|
||||
);
|
||||
|
||||
$fields['list_style_color'] = array(
|
||||
'color' => '%%order_class%% ul.dsm-menu li',
|
||||
);
|
||||
|
||||
$fields['menu_link_text_color'] = array(
|
||||
'color' => '%%order_class%% ul.dsm-menu li a',
|
||||
);
|
||||
|
||||
$fields['menu_space_between'] = array(
|
||||
'margin-bottom' => '%%order_class%% .dsm-menu li:not(:last-child)',
|
||||
'margin-top' => '%%order_class%% .dsm-menu .menu-item-has-children .sub-menu>li',
|
||||
);
|
||||
|
||||
$fields['menu_left_space'] = array(
|
||||
'padding-left' => '%%order_class%% ul.dsm-menu',
|
||||
);
|
||||
|
||||
$fields['submenu_left_space'] = array(
|
||||
'padding-left' => '%%order_class%% .dsm-menu .menu-item-has-children .sub-menu',
|
||||
);
|
||||
|
||||
return $fields;
|
||||
|
||||
}
|
||||
|
||||
|
||||
public function render( $attrs, $content = null, $render_slug ) {
|
||||
$background_layout = $this->props['background_layout'];
|
||||
$title = $this->props['title'];
|
||||
$title_bottom_gap = $this->props['title_bottom_gap'];
|
||||
$title_bottom_gap_tablet = $this->props['title_bottom_gap_tablet'];
|
||||
$title_bottom_gap_phone = $this->props['title_bottom_gap_phone'];
|
||||
$title_bottom_gap_last_edited = $this->props['title_bottom_gap_last_edited'];
|
||||
$menu_id = $this->props['menu_id'];
|
||||
$menu_layout = $this->props['menu_layout'];
|
||||
$list_style_type = $this->props['list_style_type'];
|
||||
$list_style_color = $this->props['list_style_color'];
|
||||
$menu_link_text_color = $this->props['menu_link_text_color'];
|
||||
$menu_link_text_color_hover = $this->get_hover_value( 'menu_link_text_color' );
|
||||
$menu_space_between = $this->props['menu_space_between'];
|
||||
$menu_space_between_tablet = $this->props['menu_space_between_tablet'];
|
||||
$menu_space_between_phone = $this->props['menu_space_between_phone'];
|
||||
$menu_space_between_last_edited = $this->props['menu_space_between_last_edited'];
|
||||
$menu_left_space_hover = $this->get_hover_value( 'menu_left_space' );
|
||||
$menu_left_space = $this->props['menu_left_space'];
|
||||
$menu_left_space_tablet = $this->props['menu_left_space_tablet'];
|
||||
$menu_left_space_phone = $this->props['menu_left_space_phone'];
|
||||
$menu_left_space_last_edited = $this->props['menu_left_space_last_edited'];
|
||||
$submenu_left_space_hover = $this->get_hover_value( 'submenu_left_space' );
|
||||
$submenu_left_space = $this->props['submenu_left_space'];
|
||||
$submenu_left_space_tablet = $this->props['submenu_left_space_tablet'];
|
||||
$submenu_left_space_phone = $this->props['submenu_left_space_phone'];
|
||||
$submenu_left_space_last_edited = $this->props['submenu_left_space_last_edited'];
|
||||
$header_level = $this->props['header_level'];
|
||||
|
||||
$menu = self::get_dsm_navmenu(
|
||||
array(
|
||||
'menu_id' => $menu_id,
|
||||
'list_style_type' => $list_style_type,
|
||||
'menu_layout' => $menu_layout,
|
||||
)
|
||||
);
|
||||
|
||||
if ( '10px' !== $title_bottom_gap || '' !== $title_bottom_gap_tablet || '' !== $title_bottom_gap_phone ) {
|
||||
$title_bottom_gap_responsive_active = et_pb_get_responsive_status( $title_bottom_gap_last_edited );
|
||||
|
||||
$title_bottom_gap_values = array(
|
||||
'desktop' => $title_bottom_gap,
|
||||
'tablet' => $title_bottom_gap_responsive_active ? $title_bottom_gap_tablet : '',
|
||||
'phone' => $title_bottom_gap_responsive_active ? $title_bottom_gap_phone : '',
|
||||
);
|
||||
|
||||
et_pb_generate_responsive_css( $title_bottom_gap_values, '%%order_class%% .dsm-menu-title', 'padding-bottom', $render_slug );
|
||||
}
|
||||
|
||||
if ( '0px' !== $menu_space_between || '' !== $menu_space_between_tablet || '' !== $menu_space_between_phone ) {
|
||||
$menu_space_between_responsive_active = et_pb_get_responsive_status( $menu_space_between_last_edited );
|
||||
|
||||
$menu_space_between_values = array(
|
||||
'desktop' => $menu_space_between,
|
||||
'tablet' => $menu_space_between_responsive_active ? $menu_space_between_tablet : '',
|
||||
'phone' => $menu_space_between_responsive_active ? $menu_space_between_phone : '',
|
||||
);
|
||||
|
||||
et_pb_generate_responsive_css( $menu_space_between_values, '%%order_class%% .dsm-menu li:not(:last-child)', 'margin-bottom', $render_slug );
|
||||
et_pb_generate_responsive_css( $menu_space_between_values, '%%order_class%% .dsm-menu .menu-item-has-children .sub-menu>li', 'margin-top', $render_slug );
|
||||
|
||||
}
|
||||
|
||||
if ( '' !== $menu_left_space || '' !== $menu_left_space_tablet || '' !== $menu_left_space_phone ) {
|
||||
$menu_left_space_responsive_active = et_pb_get_responsive_status( $menu_left_space_last_edited );
|
||||
|
||||
$menu_left_space_values = array(
|
||||
'desktop' => $menu_left_space,
|
||||
'tablet' => $menu_left_space_responsive_active ? $menu_left_space_tablet : '',
|
||||
'phone' => $menu_left_space_responsive_active ? $menu_left_space_phone : '',
|
||||
);
|
||||
|
||||
et_pb_generate_responsive_css( $menu_left_space_values, '%%order_class%% ul.dsm-menu', 'padding-left', $render_slug );
|
||||
}
|
||||
|
||||
if ( et_builder_is_hover_enabled( 'menu_left_space', $this->props ) ) {
|
||||
ET_Builder_Element::set_style(
|
||||
$render_slug,
|
||||
array(
|
||||
'selector' => $this->add_hover_to_order_class( '%%order_class%% ul.dsm-menu' ),
|
||||
'declaration' => sprintf(
|
||||
'padding-left: %1$s;',
|
||||
esc_html( $menu_left_space_hover )
|
||||
),
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
if ( '' !== $submenu_left_space || '' !== $submenu_left_space_tablet || '' !== $submenu_left_space_phone ) {
|
||||
$submenu_left_space_responsive_active = et_pb_get_responsive_status( $submenu_left_space_last_edited );
|
||||
|
||||
$submenu_left_space_values = array(
|
||||
'desktop' => $submenu_left_space,
|
||||
'tablet' => $submenu_left_space_responsive_active ? $submenu_left_space_tablet : '',
|
||||
'phone' => $submenu_left_space_responsive_active ? $submenu_left_space_phone : '',
|
||||
);
|
||||
|
||||
et_pb_generate_responsive_css( $submenu_left_space_values, '%%order_class%% .dsm-menu .menu-item-has-children .sub-menu', 'padding-left', $render_slug );
|
||||
}
|
||||
|
||||
if ( et_builder_is_hover_enabled( 'submenu_left_space', $this->props ) ) {
|
||||
ET_Builder_Element::set_style(
|
||||
$render_slug,
|
||||
array(
|
||||
'selector' => $this->add_hover_to_order_class( '%%order_class%% .dsm-menu .menu-item-has-children .sub-menu' ),
|
||||
'declaration' => sprintf(
|
||||
'padding-left: %1$s;',
|
||||
esc_html( $submenu_left_space_hover )
|
||||
),
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
if ( '' !== $menu_link_text_color ) {
|
||||
ET_Builder_Element::set_style(
|
||||
$render_slug,
|
||||
array(
|
||||
'selector' => '%%order_class%% ul.dsm-menu li a',
|
||||
'declaration' => sprintf(
|
||||
'color: %1$s;',
|
||||
esc_html( $menu_link_text_color )
|
||||
),
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
if ( et_builder_is_hover_enabled( 'menu_link_text_color', $this->props ) ) {
|
||||
ET_Builder_Element::set_style(
|
||||
$render_slug,
|
||||
array(
|
||||
'selector' => '%%order_class%% ul.dsm-menu li a:hover',
|
||||
'declaration' => sprintf(
|
||||
'color: %1$s;',
|
||||
esc_html( $menu_link_text_color_hover )
|
||||
),
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
if ( 'disc' !== $list_style_type ) {
|
||||
ET_Builder_Element::set_style(
|
||||
$render_slug,
|
||||
array(
|
||||
'selector' => '#et-boc %%order_class%% ul.dsm-menu, %%order_class%% ul.dsm-menu, %%order_class%% ul.dsm-menu .sub-menu',
|
||||
'declaration' => sprintf(
|
||||
'list-style-type: %1$s;',
|
||||
esc_attr( $list_style_type )
|
||||
),
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
if ( '' !== $list_style_color ) {
|
||||
ET_Builder_Element::set_style(
|
||||
$render_slug,
|
||||
array(
|
||||
'selector' => '%%order_class%% ul.dsm-menu li',
|
||||
'declaration' => sprintf(
|
||||
'color: %1$s;',
|
||||
esc_html( $list_style_color )
|
||||
),
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
if ( '' !== $title ) {
|
||||
$title = sprintf(
|
||||
'<%1$s class="dsm-menu-title et_pb_module_header">%2$s</%1$s>',
|
||||
et_pb_process_header_level( $header_level, 'h4' ),
|
||||
$title
|
||||
);
|
||||
}
|
||||
|
||||
$this->add_classname(
|
||||
array(
|
||||
$this->get_text_orientation_classname(),
|
||||
"et_pb_bg_layout_{$background_layout}",
|
||||
)
|
||||
);
|
||||
|
||||
// Render module content
|
||||
$output = sprintf(
|
||||
'%2$s%1$s',
|
||||
$menu,
|
||||
$title
|
||||
);
|
||||
|
||||
return $output;
|
||||
}
|
||||
}
|
||||
|
||||
new DSM_NavMenu;
|
||||
@@ -0,0 +1 @@
|
||||
<svg enable-background="new 0 0 28 28" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg"><g fill="#03dac6"><path d="m21.83 6.55c-.76 0-1.38-.62-1.38-1.38s.62-1.38 1.38-1.38 1.38.62 1.38 1.38-.62 1.38-1.38 1.38zm0-2c-.34 0-.62.28-.62.62s.28.62.62.62.62-.28.62-.62-.28-.62-.62-.62z"/><path d="m4.04 20.52c-.76 0-1.38-.62-1.38-1.38s.62-1.38 1.38-1.38 1.38.62 1.38 1.38c.01.76-.61 1.38-1.38 1.38zm0-2c-.34 0-.62.28-.62.62s.28.62.62.62.62-.28.62-.62-.28-.62-.62-.62z"/><path d="m12.03 15.35h-3.44c-1.19 0-2.16-.97-2.16-2.16v-3.44c0-1.19.97-2.16 2.16-2.16h3.45c1.19 0 2.16.97 2.16 2.16v3.45c-.01 1.19-.98 2.15-2.17 2.15zm-3.44-6.99c-.77 0-1.39.63-1.39 1.39v3.45c0 .77.63 1.39 1.39 1.39h3.45c.77 0 1.39-.63 1.39-1.39v-3.45c0-.77-.63-1.39-1.39-1.39z"/></g><path d="m21.18 15.35h-3.45c-1.19 0-2.16-.97-2.16-2.16v-3.44c0-1.19.97-2.16 2.16-2.16h3.45c1.19 0 2.16.97 2.16 2.16v3.45c0 1.19-.97 2.15-2.16 2.15zm-3.45-6.99c-.77 0-1.39.63-1.39 1.39v3.45c0 .77.63 1.39 1.39 1.39h3.45c.77 0 1.39-.63 1.39-1.39v-3.45c0-.77-.63-1.39-1.39-1.39z" fill="#fff"/><path d="m12.03 24.21h-3.44c-1.19 0-2.16-.97-2.16-2.16v-3.45c0-1.19.97-2.16 2.16-2.16h3.45c1.19 0 2.16.97 2.16 2.16v3.45c-.01 1.2-.98 2.16-2.17 2.16zm-3.44-6.99c-.77 0-1.39.63-1.39 1.39v3.45c0 .77.63 1.39 1.39 1.39h3.45c.77 0 1.39-.63 1.39-1.39v-3.45c0-.77-.63-1.39-1.39-1.39z" fill="#fff"/><path d="m19.45 23.96c-2.07 0-3.76-1.69-3.76-3.76s1.69-3.76 3.76-3.76 3.76 1.69 3.76 3.76c0 2.08-1.68 3.76-3.76 3.76zm0-6.74c-1.65 0-2.99 1.34-2.99 2.99s1.34 2.99 2.99 2.99 2.99-1.34 2.99-2.99c.01-1.65-1.34-2.99-2.99-2.99z" fill="#03dac6"/></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
Reference in New Issue
Block a user