Модернизация дилерского B2B-портала смазочных материалов: Переход на Joomla 5.3

В мае 2025 года был завершен проект по миграции и техническому рефакторингу корпоративного B2B-портала дистрибьютора моторных масел и индустриальных смазок. Заказчик требовал перевести ресурс с критически устаревшей кодовой базы Joomla 2.5.28 на передовую архитектуру Joomla 5.3.1. Проект включал не только перенос базы данных (ETL) и обновление E-commerce ядра VirtueMart с версии 2.x на 4.4.10, но и полную переработку визуального шаблона с адаптацией под серверное окружение PHP 8.2.28.

Исходная ситуация и инженерные вызовы

Сайт, работающий на Joomla 2.5 и PHP 5.6.40, представлял серьезную угрозу безопасности и не поддерживал современные стандарты производительности и SEO. Основные задачи миграции:

Полная конвертация базы данных (таблиц пользователей, категорий, товаров VirtueMart) со сбросом технического долга и строгим сохранением структуры старых URL-адресов.
Перенастройка клиентского хостинга на PHP 8.2.28.
Разработка нового адаптивного шаблона с учетом референсов заказчика, обеспечивающего корректное отображение сложных табличных данных (спецификаций масел) на мобильных устройствах.
Создание защищенного архива с рабочей версией старого сайта для сохранения исторической справки.

Фронтенд-архитектура и навигация

Для создания современного, быстрого и отзывчивого интерфейса был использован фреймворк Helix Ultimate в связке с Bootstrap 5.x. Дизайн-система построена с учетом корпоративной цветовой палитры.

B2B-портал отличается колоссальной вложенностью каталога. Было спроектировано многоуровневое Mega Menu, позволяющее клиентам быстро находить нужную номенклатуру:

Внедрены широкие выпадающие контейнеры (sp-dropdown-mega), разбитые на логические группы (Транспорт и внедорожная техника, Индустриальные смазочные материалы, СОЖ, Пищевые смазки).
В мобильной версии и сайдбаре реализовано аккордеон-меню с индикаторами раскрытия (<span class="arrow">▸</span>) и плавной JavaScript-анимацией переключения классов (rotated, open).

Умный поиск (Smart Search)

Интегрирован плагин Smart Search - VirtueMart, обеспечивающий прямую индексацию и связывание товаров с категориями магазина. Поиск выведен в шапку сайта в виде интерактивного модального окна (#finder-modal), вызываемого по клику на иконку. Внедрен протокол OpenSearch (application/opensearchdescription+xml) и автодополнение через библиотеку Awesomplete.

Модернизация E-commerce ядра (VirtueMart 4.4.10)

Переход с VirtueMart 2 на версию 4.4.10 потребовал пересмотра логики вывода товарных матриц:

Таблицы спецификаций: Внедрены адаптивные CSS-стили для таблиц (overflow-x: auto). Теперь сложные спецификации моторных масел корректно отображаются на смартфонах, позволяя пользователю свайпать таблицу горизонтально.
Интерфейс каталога: Доработан вывод товаров в категории. Установлен приоритетный режим отображения "Списком" (List View) с возможностью мгновенного переключения в режим "Сетки" (Grid View) для удобства B2B-закупщиков.
Интерактивный слайдер: На главной странице внедрен модернизированный слайдер. Настроена автоматическая смена изображений с поддержкой ручного управления: кликом мыши, свайпом по экрану смартфона и навигационными стрелками. Использован плагин Owl Carousel.

Инструменты лидогенерации и безопасность

Для повышения конверсии и защиты административного интерфейса внедрены следующие решения:

Асинхронные формы QF3: Установлен компонент QuickForm 3 (версия 3.3.05). Сгенерированы AJAX-формы "Обратный звонок", открывающиеся в легковесных модальных окнах (qf3modal) без перезагрузки страницы.
Система защиты AskMyAdmin: Установлен плагин для скрытия стандартного пути входа в админ-панель (/administrator). Вход теперь доступен только по зашифрованной ссылке с использованием уникальных ключей и значений, что защищает сайт от брутфорс-атак.
Изоляция почтовых адресов: Внедрен скрипт joomla-hidden-mail. Адреса электронной почты кодируются в Base64 (aW5mb0B0cW0uYnk=), что делает их невидимыми для спам-ботов, парсящих исходный код.

SEO-Рефакторинг и оптимизация контента

Аудит старого контента выявил множество критических SEO-ошибок. В рамках "Дополнительных работ" был проведен масштабный рефакторинг:

Очистка HTML-разметки: В старом шаблоне наблюдалось дублирование тегов H1, что пессимизировало страницы. Код был очищен, теперь на каждой странице выводится строго один H1.
Структуризация статей: Старые компоненты публикации были заменены. Создан новый системный материал для раздела "Блог" (/service-support-fuchs-oil/poleznye-stati-masla-fuchs) с использованием штатного компонента com_