+7 (987) 026-06-36
Написать в Telegram

Оставить заявку
stanislav_web

Собственный попап (модальное окно) добавления в корзину используя компонент catalog.item в 1С-Битрикс

Собственный попап (модальное окно) добавления в корзину используя компонент catalog.item в 1С-Битрикс Объясняю и показываю примеры решений разных задач с которыми сталкивался и сталкиваюсь в процессе работы

Собственный попап (модальное окно) добавления в корзину используя компонент catalog.item в 1С-Битрикс

Объясняю и показываю примеры решений разных задач с которыми сталкивался и сталкиваюсь в процессе работы

📅 09 октября 2023

👁‍🗨 342

🔥 0

Собственный попап (модальное окно) добавления в корзину используя компонент catalog.item в 1С-Битрикс
В файле /local/templates/s1/components/bitrix/catalog.item/custom/script.js найти вызов попапа this.obPopupWin.show(); на строках примерно 2503 и 2619, закомментировать и добавить свой скрипт, например, document.querySelector('#modal').classList.add('view');
Если используется стандартный попап и нужно добавить событие на скрытие и показ скролла при добавлении товара, тогда в /local/templates/s1/components/bitrix/catalog.item/custom/script.js в конце фукции basketResult надо добавить BX.addClass(document.querySelector('body'), 'hide'); this.closePopup();, а в конце под функцией initPopupWindow, добавить
closePopup: function()
{
	document.querySelectorAll('.popup-window').forEach(function(popup) {
		popup.querySelectorAll('.btn.btn-primary.btn-buy.btn-sm')[1].addEventListener('click', function () {
			BX.removeClass(document.querySelector('body'), 'hide');
		});
		popup.querySelector('.popup-window-close-icon').addEventListener('click', function () {
			BX.removeClass(document.querySelector('body'), 'hide');
		});
	});
	document.querySelectorAll('.popup-window-overlay').forEach(function(popup) {
		popup.addEventListener('click', function () {
			BX.removeClass(document.querySelector('body'), 'hide');
		});
	});
}