Сделать выпадающее меню с несколькими столбцами с помощью wp_nav_menu и класса ходунков? - PullRequest
Новая
       33

Сделать выпадающее меню с несколькими столбцами с помощью wp_nav_menu и класса ходунков?

0 голосов
/ 15 марта 2019

Привет, я пытаюсь сделать выпадающее меню с несколькими столбцами (с двумя или тремя столбцами).

Мое меню вызывается через wordpress с помощью wp_nav_menu, и я также назначил класс Уокера.

Я создал его в единственном раскрывающемся списке, но теперь застрял в том, чтобы сделать подменю столбцами с первым подпунктом, являющимся заголовком заголовка для каждого столбца?Кто-нибудь может указать мне, как это сделать?Спасибо 

<?php
            wp_nav_menu(array(
                'theme_location' => 'headerMenuLocation',
                'container' => 'FALSE',
                'container_class' => 'menu__sidebar', //nav class
                'menu_class' => 'menu__sidebar__list', //ul class
                'walker' => new Walker_Nav_Primary()
            ));
          ?>

ходок php: 

<?php

class Walker_Nav_Primary extends Walker_Nav_menu {

function start_lvl( &$output, $depth ){ //ul
    $indent = str_repeat("\t",$depth);
    $submenu = ($depth > 0) ? ' sub-menu' : '';
    $output .= "\n$indent<ul class=\"dropdown-menu$submenu depth_$depth\">\n";
}

function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ){ //li a span
    //if menu item has submenu
    $indent = ( $depth ) ? str_repeat("\t",$depth) : '';

    $li_attributes = '';
    $class_names = $value = '';

    $classes = empty( $item->classes ) ? array() : (array) $item->classes;

    $classes[] = ($args->walker->has_children) ? 'dropdown' : '';
    $classes[] = ($item->current || $item->current_item_ancestor) ? 'active' : '';
    $classes[] = 'menu-item-' . $item->ID;
    if( $depth && $args->walker->has_children ){
        $classes[] = 'dropdown-submenu';
    }

    $class_names =  join(' ', apply_filters('nav_menu_css_class', array_filter( $classes ), $item, $args ) );
    $class_names = ' class="' . esc_attr($class_names) . '"';

    $id = apply_filters('nav_menu_item_id', 'menu-item-'.$item->ID, $item, $args);
    $id = strlen( $id ) ? ' id="' . esc_attr( $id ) . '"' : '';

    $output .= $indent . '<li' . $id . $value . $class_names . $li_attributes . '>';

    $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) . '"' : '';
    $attributes .= ! empty( $item->url ) ? ' href="' . esc_url($item->url) . '"' : '';

    $attributes .= ( $args->walker->has_children ) ? ' class="dropdown-toggle" data-toggle="dropdown"' : '';

    $item_output = $args->before;
    $item_output .= '<a' . $attributes . '>';
    $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
    $item_output .= ( $depth == 0 && $args->walker->has_children ) ? '</a>' : '</a>';
    $item_output .= $args->after;

    $output .= apply_filters ( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );

}
}

стиль CSS в jsfiddle, как это форматирует странно здесь: https://jsfiddle.net/Lmou1p3b/

...