inomed.ru
Интеграция вёрстки в MODX для официального дистрибьютора медицинского оборудования Inomed: каталог продукции по категориям и области применения с глубокой технической структурой и якорной навигацией.
Что было сделано
- Интеграция вёрстки в MODXВнедрил готовую вёрстку в шаблоны и чанки MODX Revolution для каталога, страниц применения, новостей и контактов.
- Каталог из 3 категорий продукцииИнтраоперационный нейромониторинг, функциональная нейрохирургия, аксессуары — переключаемые категории с карточками оборудования.
- Области применения с якорной навигацией4 области применения с разделами «Описание», «Комплектующие», «Возможности», «Характеристики», «Аксессуары» и sticky-навигацией по якорям.
- Контакты с картойСтраница контактов с картой на переезд, реквизитами компании и формой заявки.
Технологии
Результат
Дистрибьютор медицинского оборудования получил каталог с тремя переключаемыми категориями продукции и четырьмя областями применения — каждая с глубокой технической структурой из пяти разделов и якорной навигацией, которая подсвечивает активный раздел при прокрутке. Все категории, области применения и карточки оборудования редактируются менеджером через MODX без участия разработчика.
Каталог продукции с тремя переключаемыми категориями
Продукцию нужно было показать сразу в трёх категориях — интраоперационный нейромониторинг, функциональная нейрохирургия, аксессуары — с переключением между ними без перезагрузки страницы, и у каждой категории свой набор карточек оборудования с фото и описанием.
Собрал в MODX переключаемые категории на странице каталога через чанки и TV-параметры: менеджер добавляет новое оборудование через понятные поля в админке, а вкладки и карточки собираются вёрсткой автоматически.
Страницы областей применения с вложенной структурой
Каждая область применения — хирургия щитовидной железы, челюстно-лицевая хирургия, тазовый и спинальный нейромониторинг — разворачивается в длинную техническую страницу с несколькими разделами (описание, комплектующие, возможности, характеристики, аксессуары) и якорной навигацией сбоку, которая должна подсвечивать активный раздел при прокрутке.
Сверстал шаблон области применения с вложенными секциями и sticky-навигацией по якорям, синхронизированной со скроллом: контент каждого раздела редактируется в MODX независимо, а структура страницы не меняется при добавлении новой области применения.
Нужен похожий сайт или сервис?
Расскажите о задаче — оценю сроки и стоимость, отвечу в течение дня.
Другие проекты
Гостиница «Фатима» в Казани
Перенос сайта гостиницы с WordPress на конструкторе Elementor на Hugo и Decap CMS ради максимальной скорости: новая вёрстка с нуля, исправлены все ошибки, 92 балла Google PageSpeed за производительность и 100 за SEO.
Интернет-магазин сценического оборудования MAINFX
Вёрстка, интегрированная с Laravel, для интернет-магазина сценического оборудования: карточки товаров с техническими таблицами и аксессуарами, страница фирменного приложения ShotControl App и полностью двуязычный интерфейс.
Спецэффекты для шоу и концертов SFX.BY
Вёрстка на Tailwind CSS и Alpine.js, интегрированная в MODX, для сайта компании спецэффектов: анимированная главная, 9 категорий эффектов с переключаемыми вариантами оборудования и живой слайдер портфолио.