Sweet Alert работает в одной кнопке добавления в корзину только в Shopify - PullRequest
Новая
       8

Sweet Alert работает в одной кнопке добавления в корзину только в Shopify

0 голосов
/ 24 апреля 2019

Sweet Alert работает только при первой пользовательской кнопке добавления в корзину на домашней странице или странице продукта.Остальные кнопки не будут работать ...

Я перепробовал все варианты, которые искал в Google, но безрезультатно.Я заметил, что querySelectorAll - правильный путь, но он все еще не работал или, возможно, я ошибся в его использовании.Надеюсь, кто-то может помочь.Спасибо!

Вот пользовательская кнопка добавления в корзину в виде формы. 

<form method="post" class="forms" action="/cart/add">
  <input type="hidden" name="id" value="{{ product.variants.first.id }}" />
  <input type="submit" value="Add to cart" class="btn"/>
  <input type="hidden"  name="return_to" value="back" />
</form>

, затем вот js. 

<script>
    document.querySelector('.forms').addEventListener('submit', function(e) {
      var form = this;

      e.preventDefault();

      swal({
          title: "Go to cart page?",
          text: "Or continue shopping",
          icon: "info",
          buttons: [
            'Continue shopping',
            'Go to cart'
          ],
          dangerMode: true,
        }).then(function(isConfirm) {
          if (isConfirm) {
            window.location.href = 'theURL';
          } else {
            return false; 
          }
        });
    });
 </script>

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

...