WooCommerce: открыть Bootstrap модально после добавления товара в корзину

Question

Вместо «добавить в корзину» я хочу открыть модал Bootstrap на странице продукта, когда покупатель добавляет продукт в корзину.

Я понял, как удалить уведомление. Для этого я использую следующий код:

add_filter( 'wc_add_to_cart_message_html', '__return_null' );

Работает нормально, уведомление пропало. Но как я могу запустить модал?

Bootstrap использует следующий код JS, чтобы открыть модал:

$('#myModal').on('shown.bs.modal', function () {
  $('#myInput').trigger('focus')
})

Я не уверен, как изменить этот фрагмент для запуска после того, как пользователь добавил товар в корзину.

Я попробовал следующий код, но он не работает, потому что страница перезагружается после добавления товара в корзину:

add_action( 'woocommerce_single_product_summary', 'product_add_to_cart_modal', 42, 0 );
function product_add_to_cart_modal(){ ?>

    <script>
    jQuery(function ($) {
        $('#addtocartmodal').on('shown.bs.modal', function () {
          $('.single_add_to_cart_button').trigger('focus')
        });
    });
    </script>

<?php }