Заменить popap "Товар добавлен в корзину" на собственное

Внимание! Все сообщения на форуме проходят модерацию. Ваше сообщение появится после проверки.

Михаил Базаров: 19.04.2025 12:00:00

Заменить popap "Товар добавлен в корзину" на собственное

Задача: заменить модальное окно, которое появляется при добавлении товара в корзину — "Товар добавлен в корзину".
Сделать его удобнее для покупателя.

Михаил Базаров: 19.04.2025 12:00:00

Если хотите менять поведение окна в зависимости от разрешения. Например на мобильных показывать окно с наездом сверху и скакими-то инными стилями. Просто проверяйте разрешение с помощью js

Код

_showBasketPopup: function (arResult, popupId) {
   if (arResult.STATUS !== 'OK') {
      alert(arResult.MESSAGE || BX.message('BASKET_UNKNOWN_ERROR'));
      return;
   }
   this.setAnalyticsDataLayer('addToCart');
   BX.onCustomEvent('OnBasketChange');
   var isMobileView = window.innerWidth < 600;
   
   // Остальная логика работы
   // В общем используем переменную 
   // isMobileView - она существует только на разрешении меньше 600
   
   
   document.body.appendChild(popup);

   // Плавно показываем popup через 50 мс
   setTimeout(function () {
      if (!popup) return;
      // Хреновый вариант))) не читабельный
      popup.style[isMobileView ? 'top' : 'right'] = isMobileView ? '15px' : '20px';
   }, 50);

   // Скрываем popup через 4 секунды
   setTimeout(function () {
      if (!popup) return;
      
      // Номальный вариант
      if (isMobileView) {
         popup.style.top = "-120px";
      } else {
         popup.style.right = "-380px";
      }

      // Удаляем popup через 0.5 с после скрытия
      setTimeout(function () {
         if (popup.parentNode) popup.parentNode.removeChild(popup);
      }, 500);
   }, isMobileView ? 2000 : 5000); // на мобилах 2 секунды на болших 5
},

BBCode Правила

Форма ответов