document.addEventListener('DOMContentLoaded', function() { // ⚙️ НАСТРОЙКА: укажите username вашего Telegram-бота или канала/чата const TELEGRAM_USERNAME = 'https://t.me/+79620506260'; // например: 'my_shop_bot' // Контейнер, внутри которого находятся карточки товаров с попапами const container = document.querySelector('.st340'); if (!container) return; // если блока нет – выходим // Делегируем событие на клик по кнопке заказа внутри контейнера container.addEventListener('click', function(e) { // Ищем кнопку по классу .order-btn или по атрибуту data-order (можно добавить свои селекторы) const button = e.target.closest('.order-btn, button[data-order]'); if (!button) return; // клик не по кнопке e.preventDefault(); // отменяем стандартное действие // Ищем родительский попап – предположим, что у него класс .popup // Если его нет, берём сам контейнер .st340 или родителя кнопки let popup = button.closest('.popup') || button.closest('.st340') || button.parentElement; // Ищем элемент с названием товара внутри попапа let titleElement = popup.querySelector('.product-title, .product-name, h2, h3, .title'); let productName = titleElement ? titleElement.textContent.trim() : ''; // Если название не найдено, берём из data-атрибута кнопки (если он есть) if (!productName) { productName = button.dataset.productName || 'Товар'; } // Формируем сообщение const message = `Здравствуйте! Хочу заказать товар: ${productName}`; const encodedMessage = encodeURIComponent(message); // Собираем ссылку на Telegram const telegramUrl = `https://t.me/${TELEGRAM_USERNAME}?text=${encodedMessage}`; // Открываем в новой вкладке (или можно заменить на window.location.href) window.open(telegramUrl, '_blank'); }); });