Добавьте товар в выдвижную корзину (ящик корзины) с помощью действия формы

#shopify #shopify-template

#shopify #shopify-шаблон

Вопрос:

Я уже много часов пытаюсь заставить свою кнопку добавить продукт в слайд-корзину и развернуть модальный.

У меня есть следующий код, который добавляет товар в корзину, но во время его добавления он перенаправляется на страницу корзины покупок, и мне нужно, чтобы вы открыли модальный (ящик корзины) и показали добавленный товар, прежде чем перейти на страницу корзины

Я прилагаю код, который я использую.

 lt;form action="/cart/add" method="post" class="variants" id="product-actions-{{liquidObject.id}}" enctype="multipart/form-data"gt; lt;input type="hidden" name="id" value="{{liquidObject.variants[0].id}}" /gt;  lt;button type="submit" name="add" id="purchase" class="btn"gt;  {{ 'products.product.add_to_cart' | t }}  lt;/buttongt; lt;/formgt;    

Комментарии:

1. Чтобы оставаться на той же странице, вам нужно будет отправить содержимое формы с помощью Javascript, а затем выполнить любые последующие действия (например, показать ящик корзины) аналогично с кодом. Есть ли у вас какой-либо Javascript для этой формы, которым вы можете поделиться?