Как к мини-корзине прикрутить выпадающий список с товарами?

Question

[ligisayan]

Всем привет! Есть интернет-магазин на wordpress+woocommerce. Вверху сайта в шапке вывел мини-карзину с товарами вот так.

functions.php

if ( defined( 'WC_VERSION' ) && version_compare( WC_VERSION, '2.3', '>=' ) ) { 
  add_filter( 'woocommerce_add_to_cart_fragments', 'header_add_to_cart_fragment' );
} else { 
  add_filter( 'add_to_cart_fragments', 'header_add_to_cart_fragment' );
}

function header_add_to_cart_fragment( $fragments ) {
    global $woocommerce;
    ob_start();
    ?>
    <span class="basket-btn__counter">(<?php echo sprintf($woocommerce->cart->cart_contents_count); ?>)</span>
    <?php
    $fragments['.basket-btn__counter'] = ob_get_clean();
    return $fragments;
}

в header.php прописал

<div class="s-header__basket-wr woocommerce">
    <?php
    global $woocommerce; ?>
    <a href="<?php echo $woocommerce->cart->get_cart_url() ?>" class="basket-btn basket-btn_fixed-xs">
        <span class="basket-btn__label">Корзина</span>
        <span class="basket-btn__counter">(<?php echo sprintf($woocommerce->cart->cart_contents_count); ?>)</span>
    </a>
</div>

Корзина отображается, все хорошо. Интересует теперь как сделать выпадающий список содержимого корзины вроде такого. Установить ли плагин Woocommerce Dropdown Cart и прикрутить его виджет или как?