inomed.ru
Интеграция вёрстки в MODX для официального дистрибьютора медицинского оборудования Inomed: каталог продукции по категориям и области применения с глубокой технической структурой и якорной навигацией.
Что было сделано
- Интеграция вёрстки в MODXВнедрил готовую вёрстку в шаблоны и чанки MODX Revolution для каталога, страниц применения, новостей и контактов.
- Каталог из 3 категорий продукцииИнтраоперационный нейромониторинг, функциональная нейрохирургия, аксессуары — переключаемые категории с карточками оборудования.
- Области применения с якорной навигацией4 области применения с разделами «Описание», «Комплектующие», «Возможности», «Характеристики», «Аксессуары» и sticky-навигацией по якорям.
- Контакты с картойСтраница контактов с картой на переезд, реквизитами компании и формой заявки.
Технологии
Результат
Дистрибьютор медицинского оборудования получил каталог с тремя переключаемыми категориями продукции и четырьмя областями применения — каждая с глубокой технической структурой из пяти разделов и якорной навигацией, которая подсвечивает активный раздел при прокрутке. Все категории, области применения и карточки оборудования редактируются менеджером через MODX без участия разработчика.
Каталог продукции с тремя переключаемыми категориями
Продукцию нужно было показать сразу в трёх категориях — интраоперационный нейромониторинг, функциональная нейрохирургия, аксессуары — с переключением между ними без перезагрузки страницы, и у каждой категории свой набор карточек оборудования с фото и описанием.
Собрал в MODX переключаемые категории на странице каталога через чанки и TV-параметры: менеджер добавляет новое оборудование через понятные поля в админке, а вкладки и карточки собираются вёрсткой автоматически.
Страницы областей применения с вложенной структурой
Каждая область применения — хирургия щитовидной железы, челюстно-лицевая хирургия, тазовый и спинальный нейромониторинг — разворачивается в длинную техническую страницу с несколькими разделами (описание, комплектующие, возможности, характеристики, аксессуары) и якорной навигацией сбоку, которая должна подсвечивать активный раздел при прокрутке.
Сверстал шаблон области применения с вложенными секциями и sticky-навигацией по якорям, синхронизированной со скроллом: контент каждого раздела редактируется в MODX независимо, а структура страницы не меняется при добавлении новой области применения.
Хотите так же?
Нужен похожий сайт или сервис?
Расскажите о задаче — оценю сроки и стоимость, отвечу в течение дня.
Другие проекты
Производитель тентовых конструкций РОСМОСТЕНТ
Корпоративный сайт на React для производителя шатров, ангаров и павильонов: каталог моделей, решения под сценарии, калькулятор стоимости с 3D-моделью и собственный VDS с панелью Dokploy и автодеплоем из GitLab.
Поставщик систем автоматической смазки ТЕХПАРТНЕР
Корпоративный сайт под ключ на MODX для поставщика автоматических систем смазки: каталог оборудования, решения по отраслям, форма расчёта окупаемости и передача всех заявок в Битрикс24.
Гостиница «Фатима» в Казани
Перенос сайта гостиницы с WordPress на конструкторе Elementor на Hugo и Decap CMS ради максимальной скорости: новая вёрстка с нуля, исправлены все ошибки, 92 балла Google PageSpeed за производительность и 100 за SEO.