Шаблон сайта «Стрежень»

Что внутри

Фильтры правда фильтруют — по наличию, диапазонам «от–до» с ползунками, мощности, частоте, материалу — со счётчиками вариантов; есть поиск по модели и параметрам, сортировка, вид плиткой и списком, сравнение до 4 моделей. Покупатель собирает «запрос цены» из нескольких позиций с количеством, заполняет форму с согласием на обработку данных — и отправляет готовую заявку в Telegram, WhatsApp, MAX или на почту (или на ваш обработчик). Товары, разделы и фильтры — в одном файле catalog.js, контакты — в config.js.

• Фильтры каталога, которые работают: наличие, «от–до» с полями и ползунками, кнопки значений, частота вращения, материал, взрывозащита — со счётчиками моделей
• Группы фильтров строятся из данных сами и прячутся, если у раздела нет такой характеристики
• Выбранные фильтры «пилюлями» над списком, поиск по модели, артикулу и параметрам («25 м³/ч», «Q 25»)
• Сортировка (популярность, наличие, цена, подача, напор, мощность), вид плиткой и списком, «Показать ещё»
• Сравнение до 4 моделей в таблице с подсветкой различий
• Корзина «запроса цены»: количество, удаление, сумма с НДС и позиции «по запросу»; хранится в браузере (localStorage)
• Формы запроса и «Подбора с инженером»: проверка полей, маска телефона, обязательное согласие на обработку ПДн со ссылкой на политику
• Отправка заявки в Telegram, WhatsApp, MAX или на почту с готовым текстом — или на свой обработчик по JSON (пример send.php для Telegram-бота в README)
• Карточка модели: фото, цена, наличие, количество, характеристики, документы, похожие модели
• Документы для тендера (PDF, DWG, XLSX) и сроки доставки по городам — списками из config.js
• JSON-LD Organization, ItemList и Product; title/description/OG, свой favicon
• Векторные иконки во всех кнопках, касания от 44 px и текст от 14 px на телефоне, клавиатура, «уменьшить движение»
• Кнопка «Опросный лист, XLSX» скачивает готовый опросный лист для подбора с инженером

Страницы и разделы

• КаталогШапка с поиском, сравнением и запросом; разделы и меню «Каталог»; заголовок раздела со счётчиками; фильтры, сортировка, плитка/список, карточки моделей; доставка по России и документы для тендера; форма «Подбор с инженером»; подвал
• Карточка моделиОдна страница на все товары (product.html?id=…): фото, ключевые характеристики, цена, наличие, количество, «Запросить цену», «Сравнить», описание, таблица характеристик, документы, похожие модели, форма подбора аналога

Что вы получаете

• 2 страницы HTML: каталог и карточка модели (одна на все товары)
• 26 моделей-примеров в 3 разделах в файле catalog.js — разделы, характеристики и фильтры настраиваются там же
• Файл config.js — название, телефон, мессенджеры, адрес, часы, куда уходят заявки, доставка, документы
• Опросный лист для подбора насоса в Excel (XLSX) — с выпадающими списками, можно править под свой товар
• README с инструкцией: контакты, каталог и фильтры, цвета, фото, подключение формы (пример send.php для Telegram-бота), выкладка, что сделать перед запуском
• 3 фото оборудования (сгенерированы, без марок) и их зеркальные копии, картинка для соцсетей og.jpg, значки сайта
• Шрифты IBM Plex Sans, Sans Condensed и Mono локально с лицензией OFL
• Лицензия на один сайт