password22
@password22

Sweet Alert работает только на первую кнопку, почему?

Купили готовый интернет-магазин на cms Diafan, в шаблоне при покупке товара никак не показывается, что товар положен в корзину. Подключил sweet alert 2, но он срабатывает только на одну кнопку. В js вообще не силен, подскажите пожалуйста, как сделать всплывающее окно на все кнопки в карточках товаров?
var button = document.getElementsByClassName("btn")[0];
	button.addEventListener('click', function() {
		Swal.fire({
	  title: 'Вы добавили в корзину',
	  text: "столько-то там товара",
	  type: 'warning',
	  	showCancelButton: true,
	  	cancelButtonText: "Перейти в корзину",

	  backdrop: "linear-gradient(yellow, orange)",
	  confirmButtonColor: '#fdbc04',
	  cancelButtonColor: '#fdbc04',

	  	confirmButtonText: 'Продолжить покупки'
	}).then((result) => {
	  if (result.value) {
	    Swal.fire('Товар','Успешно добавлен в корзину!','success')}
        else {
            window.location.href = "http://.....";
        }
	})
	});
  • Вопрос задан
  • 284 просмотра
Пригласить эксперта
Ответы на вопрос 2
lamer350
@lamer350
กำลังสูงสุด
Потому что событие вешается только на первую кнопку в коде:
var button = document.getElementsByClassName("btn")[0];

Ответ найдете тут
Необходимо событие повесить на все кнопки через цикл
Ответ написан
@Eugeny1987
Работаю с HostCMS
Нужно уведомление вешать не на кнопку добавления в корзину, а на успешный ответ от сервера на добавление товара в корзину
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы