Добавление выпадающего меню с помощью add_filter => wp_nav_menu_items в WordPress

Мой проект: WordPress, WooCommerce, Bootstrap 4, bs4navwalker

Моя проблема: Пользовательский элемент выпадающего меню, добавляемый через фильтр WP. У меня есть одна навигационная панель, 3 разных меню (с использованием bs4navwalker), значок корзины и форма поиска. Смотрите код.

Я использую фильтр (add_filter('wp_nav_menu_items',) для добавления входа, выхода и данных аккаунта в мою навигационную панель, все работает, но я хотел бы добавить эти элементы в выпадающее меню. Фильтр просто создает один или два дополнительных элемента в меню 'user'.

Я понимаю, что это происходит потому, что я добавляю <li>, но я не смог понять, как добавить весь код, необходимый Bootstrap для управления выпадающим меню.

Возможно ли это?

Код front-page.php

<div class="nav-custom">
  <div class="container">
    

      <nav class="navbar-nav navbar-toggleable-sm navbar-inverse">

        

        <a class="navbar-brand" href="<?php echo get_home_url(); ?>">
              <img src="<?php bloginfo('template_url'); ?>/img/logo.png" class="d-inline-block align-top" alt="Логотип сайта" title="Логотип">
        </a>

           <?php
           wp_nav_menu([
             'menu'            => 'top',
             'theme_location'  => 'top',
             'container'       => false,
             'container_id'    => 'bs4navbar',
             'container_class' => 'collapse navbar-collapse',
             'menu_id'         => false,
             'menu_class'      => 'navbar-nav mr-auto no-md-view',
             'depth'           => 2,
             'fallback_cb'     => 'bs4navwalker::fallback',
             'walker'          => new bs4navwalker()
           ]);

          ?>
        
        <!-- Форма поиска -->
        <?php get_product_search_form(); ?>

        <!-- Меню пользователя -->
        <?php 
          wp_nav_menu([
           'menu'            => 'user',
           'theme_location'  => 'user',
           'container'       => false,
           //'container_id'    => 'bs4navbar',
           //'container_class' => 'collapse navbar-collapse',
           'menu_id'         => false,
           'menu_class'      => 'navbar-nav mr-auto no-md-view',
           'depth'           => 2,
           'fallback_cb'     => 'bs4navwalker::fallback',
           'walker'          => new bs4navwalker()
         ]);
        ?>

        <!-- Меню корзины -->
        <?php 
          wp_nav_menu([
           'menu'            => 'Cart',
           'theme_location'  => 'Cart',
           'container'       => false,
           //'container_id'    => 'bs4navbar',
           //'container_class' => 'collapse navbar-collapse',
           'menu_id'         => false,
           'menu_class'      => 'navbar-nav mr-auto',
           'depth'           => 2,
           'fallback_cb'     => 'bs4navwalker::fallback',
           'walker'          => new bs4navwalker()
         ]);
        ?>
                <!-- Код для значка START-->
        <?php
        if ( WC()->cart->get_cart_contents_count() !== 0 ) {
        // Делаем что-то интересное
          ?>  
          <span class="badge badge-pill badge-warning no-md-view">
            <a class="cart-customlocation" href="<?php echo wc_get_cart_url(); ?>" title="<?php _e( 'Просмотр корзины' ); ?>"><?php echo sprintf ( _n( '%d товар', '%d товаров', WC()->cart->get_cart_contents_count() ), WC()->cart->get_cart_contents_count() ); ?></a>
          <?php 
        }
        ?>

        </span>
    </nav>

  </div>
</div>

Код functions.php

<?php

add_filter( 'wp_nav_menu_items', 'my_account_loginout_link', 10, 2 );
/**
 * Добавляем вход/выход WooCommerce My Account в меню
 * 
 * @see https://support.woothemes.com/hc/en-us/articles/203106357-Add-Login-Logout-Links-To-The-Custom-Primary-Menu-Area
 */
function my_account_loginout_link( $items, $args ) {
    if (is_user_logged_in() && $args->theme_location == 'user') { //измените расположение меню в теме по необходимости

        
        $items .= '                 
                    <li><a class="nav-link" href="' . get_permalink( wc_get_page_id( 'myaccount' ) ) . '">Мои данные</a></li>
                    <li><a class="nav-link" href="'. wp_logout_url( get_home_url() ) .'">Выход</a></li>
                    '; //измените ссылку выхода, здесь она ведет на 'shop', вы можете направить на 'myaccount'
    }
    elseif (!is_user_logged_in()  && $args->theme_location == 'user') {//измените расположение меню в теме по необходимости
        
     

        $items .= '<li><a class="nav-link" href="' . get_permalink( wc_get_page_id( 'myaccount' ) ) . '">Вход</a></li>';
    }
    return $items;
}

Результат

Как видите, элемент был добавлен в мое меню пользователя (иконка пользователя + Вход), но не как выпадающее меню.