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

Задача: заменить модальное окно, которое появляется при добавлении товара в корзину — "Товар добавлен в корзину".
Сделать его удобнее для покупателя.
 
Если хотите менять поведение окна в зависимости от разрешения. Например на мобильных показывать окно с наездом сверху и  скакими-то инными стилями. Просто проверяйте разрешение с помощью 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
},
Читают тему
Форма ответов
 
Текст сообщения*
Перетащите файлы
Ничего не найдено
Файл
Загрузить файлы
 

Блог-note: заметки разработчика

Заполнить свойство заказа выбранным пунктом самовывоза и передать в 1С

Задача: При оформлении заказа пользователь может выбрать пункт самовывоза (склады магазина). Нужно заполнить сво...

Фотогалерея на шаблоне новостей в 1С-Битрикс

Частенько стоит задача, по мимо стандартных "Картинка для анонса" и "Детальная картинка", добавить в...

События вызываемые при сохранении заказа, в 1С-Битрикс

Иногда необходимо выполнить определенные действия с заказом при его изменении. Для этого можно использовать события OnS...

GIT-репозиторий на собственном сервере с веб-интерфейсом: Gitea - аналог GitHub

Задача: Развернуть git-репозиторий на собственном сервере с помощью Gitea — для ведения проектов, с веб-интерфейсом и по...

Как добавить режим редактирования элементов в собственном компоненте Битрикс

Задача: добавить режим редактирования и удаления элементов в собственном компоненте.

ORM: получение информации о разделах инфоблока на D7, использование Bitrix\Iblock\SectionTable и пользовательских полей

Задача: При работе с инфоблоками в Битрикс, часто возникает необходимость получать данные о разделах. Для этих целей мож...

Локальный Copilot в PhpStorm / VSCode, с помощью Continue. Свой, бесплатный Cursor

Это краткий план-черновик для видео (само видео ниже). В нем рассказывается о том, как запустить локальную ИИ мо...

Получить цены товаров с помощью D7-ORM в 1С-Битрикс

Веб-разработка часто требует работы с базой данных для получения и обработки информации о товарах, в том числе и их цен...

Помечаем новинки лейблом в каталоге битрикс

Достаточно часто, при разработке каталога товаров или интернет магазина на системе управления Битрикс, встает задача как...