Блог

Я пытаюсь дублировать кнопку «Добавить в корзину» для woocommerce, чтобы ее можно было отобразить во второй раз ниже на странице моего продукта. Тем не менее, я использую плагин, который изменяет форму «Добавить в корзину» (несколько вариантов выбора), и мне нужна кнопка «Добавить в корзину», чтобы также отправить выбранные параметры. У меня есть следующий javascript, чтобы дублировать нужную мне кнопку:

 ( function( $ ) { 'use strict'; $(window).on( 'load', function() { var button = $( $.tcAPI().addToCartButtonSelector ).first(); button.tcClone().addClass( 'custom-add-to-cart-button' )
.on( 'click', function() {
button.trigger( 'click' );} ) .appendTo( $('.my-new-button') ); } ); }( window.jQuery ) );
 

Но у меня возникли проблемы с созданием div с классом= «моя новая кнопка», который нужно добавить и заменить функциональностью основной кнопки.

В том самом месте, где я хочу, чтобы появилась кнопка, которую я использовал:

 <div class="my-new-button">
    <input type="button"  value="Add To Cart" />
</div> 
 

Без успеха JS добавляет div.

Если мой сценарий даже правильный, как я должен структурировать div (или другой) для отображения нужной кнопки? Я ни в коем случае не очень хорошо разбираюсь в этом, поэтому ценю любые советы. Спасибо