Добавить banner_popup.tpl

banner_popup.tpl

@@ -0,0 +1,19 @@
+<!-- Баннер скрыт по умолчанию (style="display:none") -->
+<div id="popupBanner" style="display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #ffffff; padding: 30px 40px; border-radius: 12px; box-shadow: 0 10px 40px rgba(0,0,0,0.3); z-index: 9999; max-width: 500px; width: 90%; font-family: Arial, sans-serif;">
+
+    <!-- Кнопка закрытия (крестик) -->
+    <button onclick="closePopup()" style="position: absolute; top: 10px; right: 15px; background: none; border: none; font-size: 28px; cursor: pointer; color: #999;">&times;</button>
+
+    <!-- Контент баннера -->
+    <h2 style="margin-top: 0; color: #333;">🔥 Специальное предложение!</h2>
+    <p style="color: #666; line-height: 1.6;">Подпишитесь на нашу рассылку и получите скидку 10% на первый заказ.</p>
+
+    <!-- Форма подписки (опционально) -->
+    <form action="[[~[[*id]]]]" method="post" style="display: flex; gap: 10px; margin-top: 20px;">
+        <input type="email" name="email" placeholder="Ваш email" required style="flex: 1; padding: 10px; border: 1px solid #ddd; border-radius: 6px;">
+        <button type="submit" style="padding: 10px 20px; background: #007bff; color: #fff; border: none; border-radius: 6px; cursor: pointer;">Подписаться</button>
+    </form>
+
+    <!-- Затемняющий фон (оверлей) -->
+    <div id="popupOverlay" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9998;"></div>
+</div>