Интернет-магазин тактической одежды с нуля — без шаблонов, без плагинов-костылей

Кейс: интернет-магазин тактической одежды с нуля — без шаблонов, без плагинов-костылей

Клиент: бренд тактической одежды, работающий через Ozon и Wildberries, с задачей запустить собственный сайт-лидогенератор

varman-tm.ru

Задача

Построить интернет-магазин, который не просто показывает товары, а умеет принимать заявки по четырём разным сценариям, собирать согласия на обработку данных по 152-ФЗ и работать без единого конструктора страниц. Готовые темы и плагины решали лишь часть проблем, но не закрывали главное — юридическую безопасность и гибкость под нестандартный процесс продаж.

Решение Prom Digital

Полностью кастомная тема WordPress с глубокой переработкой WooCommerce. Мы отключили все родные стили и скрипты WooCommerce и написали свою логику товаров, корзины, оформления и генерации заявок. Никаких Elementor, Astra, Storefront — только свой код, заточенный под бизнес клиента.

Что конкретно сделано

1. Гибрид магазина и лидогенератора. Классическая корзина WooCommerce заменена системой из четырёх форм: чекаут, быстрый заказ, быстрая заявка и форма контактов. Каждая создаёт заказ со статусом «Заявка», а админ-панель переименована соответствующим образом. На выходе — не просто магазин, а станок по приёму обращений.
2. Своя система цветовых переключателей. Атрибут pa_color, мета-поля для перекрёстных ссылок между вариациями, AJAX-перезагрузка карточки при выборе цвета или размера. Ни одного плагина вроде Variation Swatches — всё своё, управляемое через мета-боксы.
3. Встроенный комплаенс 152-ФЗ. Разработан класс журнала согласий: отдельная таблица в БД, запись всех галочек с IP, User-Agent, URL и датой. Админ-панель с фильтрацией и экспортом в CSV. Мета-бокс на заказе показывает, какие согласия дал клиент. Это не плагин, а часть темы — юридическая безопасность без риска отключения.
4. Кастомные платёжные шлюзы. Зарегистрированы фиктивные методы оплаты «Быстрая заявка» и «Форма контактов». Они скрыты от посетителя, но видны в админке и позволяют менеджерам сразу видеть источник обращения.
5. Собственная база городов России. 85 регионов с динамическим AJAX-выбором в форме оформления. Никакого плагина доставки — справочник внутри темы, легко актуализировать.
6. Дизайн-система на CSS-переменных. Шесть типов кнопок, четыре размера, три градиента, тени — всё собрано в единую библиотеку без Bootstrap и Tailwind. Каждый интерфейсный элемент работает по единому стандарту бренда.
7. Schema.org разметка на 7 типов сущностей. Organization, Product, BreadcrumbList, FAQPage, Review, Article, LocalBusiness — всё генерируется динамически без SEO-плагинов. Данные о компании подтягиваются из Customizer, отзывы — из реальных записей, рейтинги — из заказов.
8. Модульная главная страница. Девять секций (hero, каталог, философия бренда, материалы, экипировка ECWCS, отзывы, FAQ, как заказать) — каждая в отдельном PHP-файле и со своим CSS. Можно отключать, менять порядок или заменять любую без остановки сайта.
9. Мобильное меню с fallback-логикой. Если меню не назначено — автоматически подставляется основное, если и его нет — ссылки по умолчанию. Никаких «белых экранов» из-за забытой настройки.
10. Централизованное управление контактами. Телефон, email, Telegram, WhatsApp, VK — все через WordPress Customizer. Единые функции-хелперы varman_get_phone(), varman_get_email() меняют данные сразу везде: в шапке, футере, разметке Schema.org.

Результат

• Магазин собирает заявки по четырём каналам, а менеджер видит источник в админке.
• Полное соответствие 152-ФЗ без зависимости от сторонних плагинов — все согласия логируются, выгружаются в CSV и привязаны к заказам.
• Скорость загрузки высокая: ни одного лишнего скрипта, ни одного конструктора, никаких jQuery-плагинов.
• Владелец управляет контактами и контентом самостоятельно, без разработчика.
• Поисковые системы получают полную структурированную информацию о товарах, рейтингах, организации — всё через собственную JSON-LD разметку.
• Масштабируемость: новый тип заявки или раздел добавляется как независимый модуль без правок ядра.

Аналогия для производства: Обычно интернет-магазин собирают как типовой ангар — берут готовую тему, ставят десяток плагинов и надеются, что конструкция выдержит. Мы спроектировали этот магазин как спеццех под конкретное оборудование: каждый узел выполняет свою задачу, ничего лишнего, всё под контролем, и документация по 152-ФЗ в полном порядке.

Технологии

• WordPress
• WooCommerce
• Vanilla JS
• PHP
• MySQL
• CSS Grid / Flexbox
• JSON-LD Schema.org
• Customizer API