asptgroup.ru
Вёрстка, интегрированная в WordPress-тему на кастомных полях Carbon Fields: каталог продукции с техническими таблицами, портфолио объектов и полностью двуязычный интерфейс.
Что было сделано
- Вёрстка интегрирована в тему WordPressГлавная, каталог, карточки товаров, портфолио и новости свёрстаны и встроены в шаблоны существующей темы.
- Вкладки с техническими таблицамиНа карточке каждого товара — переключаемые вкладки с описанием, компонентами, огнетушащими веществами и документацией.
- Двуязычный интерфейс RU/ENОдни и те же шаблоны рендерят русскую и английскую версии всех страниц сайта без дублирования вёрстки.
- Данные из Carbon FieldsТаблицы характеристик, вкладки и карточки объектов портфолио вёрстка получает напрямую из кастомных полей Carbon Fields.
Технологии
Результат
Производитель получил сайт-каталог с десятками моделей оборудования и техническими таблицами на каждой карточке, полностью продублированный на английском языке — без отдельных шаблонов под каждый язык. Вёрстка встроена в существующую тему WordPress и работает на данных из кастомных полей Carbon Fields, которые менеджер заполняет сам.
Вёрстка поверх WordPress-темы на Carbon Fields
Контент сайта — каталог продукции, портфолио объектов, новости — собирается через кастомные поля Carbon Fields: у каждой страницы товара несколько вкладок (описание, компоненты, огнетушащие вещества, документация) с таблицами технических характеристик, которые менеджер заполняет сам. Нужно было сверстать шаблоны темы так, чтобы верно отражать эту структуру полей на любом количестве строк и вкладок.
Собрал шаблоны темы WordPress под структуру полей Carbon Fields: вкладки переключаются без перезагрузки страницы, а таблицы характеристик и списки компонентов вёрстка тянет напрямую из полей, поэтому при добавлении новой модели или строки в таблицу ничего не ломается.
Полностью двуязычный сайт без дублирования вёрстки
Сайт полностью зеркалится на двух языках — каждая страница каталога, портфолио и новостей существует в русской и английской версии с переключателем языка в шапке.
Сверстал шаблоны так, чтобы один и тот же набор компонентов темы рендерил и русскую, и английскую версию страницы без дублирования разметки — язык переключается на уровне контента, а не отдельных шаблонов.
Нужен похожий сайт или сервис?
Расскажите о задаче — оценю сроки и стоимость, отвечу в течение дня.
Другие проекты
Дистрибьютор медицинского оборудования Inomed
Интеграция вёрстки в MODX для официального дистрибьютора медицинского оборудования Inomed: каталог продукции по категориям и области применения с глубокой технической структурой и якорной навигацией.
Гостиница «Фатима» в Казани
Перенос сайта гостиницы с WordPress на конструкторе Elementor на Hugo и Decap CMS ради максимальной скорости: новая вёрстка с нуля, исправлены все ошибки, 92 балла Google PageSpeed за производительность и 100 за SEO.
Интернет-магазин сценического оборудования MAINFX
Вёрстка, интегрированная с Laravel, для интернет-магазина сценического оборудования: карточки товаров с техническими таблицами и аксессуарами, страница фирменного приложения ShotControl App и полностью двуязычный интерфейс.