Создание виджета для открытия мини-корзины

Question

У меня есть плагин, который добавляет мини-корзину на мой веб-сайт , поэтому, когда я добавляю товар в корзину, мини-корзина выскакивает со страницы.

Весь плагин прекрасно работает. Единственное, что я хочу сделать, - это создать виджет для размещения мини-корзины в области заголовка веб-сайта, точно так же, как корзина для зависания в правом нижнем углу страницы.

Код, который он говорит использовать:

public_woo_amc_show()

Проблема в том, что я совершенно не уверен, как добавить пользовательский виджет. Я гуглил и сумел закодировать этот код:

// Register and load the widget
function wpb_load_widget() {
    register_widget( 'wpb_widget' );
}

add_action( 'widgets_init', 'wpb_load_widget' );

// Creating the widget 
class wpb_widget extends WP_Widget {

    function __construct() {
        parent::__construct(

            // Base ID of your widget
            'wpb_widget',

            // Widget name will appear in UI
            __( 'WPBeginner Widget', 'wpb_widget_domain' ),

            // Widget description
            array( 'description' => __( 'Sample widget based on WPBeginner Tutorial', 'wpb_widget_domain' ), )
        );
    }

    // Creating widget front-end
    public function widget( $args, $instance ) {
        $title = apply_filters( 'widget_title', $instance['title'] );

    // before and after widget arguments are defined by themes
        echo $args['before_widget'];
        if ( ! empty( $title ) ) {
            echo $args['before_title'] . $title . $args['after_title'];
        }

    // This is where you run the code and display the output
        echo __( 'Hello, World!', 'wpb_widget_domain' );
        echo $args['after_widget'];
    }

    // Widget Backend 
    public function form( $instance ) {
        if ( isset( $instance['title'] ) ) {
            $title = $instance['title'];
        } else {
            $title = __( 'New title', 'wpb_widget_domain' );
        }

        // Widget admin form
        ?>
        <p>
            <label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:' ); ?></label>
            <input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>"
                   name="<?php echo $this->get_field_name( 'title' ); ?>" type="text"
                   value="<?php echo esc_attr( $title ); ?>"/>
        </p>
        <?php
    }

    // Updating widget replacing old instances with new
    public function update( $new_instance, $old_instance ) {
        $instance          = array();
        $instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';

        return $instance;
    }
} // Class wpb_widget ends here

Все, что мне нужно, - это значок, на который я могу щелкнуть, и он выдает мини-тележку в точности так, как он уже делал на веб-сайте выше.

Я пытался добавить этот код там, где я думал, что он будет в этом виджете, но я не эксперт и определенно ограничен JavaScript.