Разработка

Кастомная разработка интернет-каталога eko-food.ru на WordPres

Задача проекта

Клиент предоставил техническое задание и часть готового дизайна. Необходимо было сверстать интерфейс, интегрировать его в CMS WordPress и реализовать нестандартный функционал каталога.

Выбор технологии и архитектура решения

Для реализации проекта была выбрана CMS WordPress. Вся разработка велась на тестовом домене с последующим переносом на основной сервер. Верстка сразу интегрировалась в систему с параллельной разработкой функционала.

Ключевое ограничение проекта — необходимость реализовать каталог без корзины и системы заказов. Использование стандартного WooCommerce было исключено, поэтому мы разработали собственную архитектуру каталога.

каталог товаров eko-food.ru
Каталог товаров

Кастомная структура каталога

В рамках проекта была создана гибкая система управления контентом, включающая:

— товары
— категории
— страны происхождения
— ингредиенты
— микроэлементы

Все сущности связаны между собой и могут использоваться в различных комбинациях для формирования карточек товаров и страниц каталога.

раздел микроэлементов eko-food.ru
Раздел управления микроэлементами

Карточка товара и динамический контент

Для каждого товара реализована система связанных данных. Например, в карточке товара автоматически подгружаются состав, микроэлементы и дополнительная информация, заданная в административной панели.

состав и микроэлементы товара
Состав и микроэлементы товара

Чтобы упростить управление контентом, были созданы отдельные справочники в админ-панели. Это позволило один раз заполнить данные и многократно использовать их в разных товарах без дублирования.

админ панель wordpress кастомные поля
Управление данными в админ-панели

Дополнительно реализована логика динамического интерфейса: при привязке товара к определённой стране изменяется визуальная часть страницы, включая оформление шапки.

динамическая шапка сайта по стране
Динамическое изменение шапки в зависимости от страны

Конструктор главной страницы

Для главной страницы был разработан собственный набор Gutenberg-блоков. Это позволило превратить страницу в гибкий конструктор, где контент собирается из готовых компонентов без участия разработчика.

gutenberg кастомные блоки wordpress
Кастомные блоки в редакторе Gutenberg
редактирование блока wordpress
Редактирование контентных блоков
добавление блоков на страницу wordpress
Добавление новых блоков на страницу

Производительность и сопровождение

Сайт был оптимизирован под быструю загрузку и стабильную работу на WordPress без использования тяжёлых сторонних решений.

Также была подготовлена подробная видеоинструкция по работе с системой управления контентом, что упростило дальнейшее ведение сайта клиентом.

видео инструкция по сайту
Видеоинструкция по работе с сайтом

Итог проекта

В результате был разработан полноценный кастомный каталог на WordPress с гибкой архитектурой данных и возможностью масштабирования. Система позволяет управлять сложной структурой контента без технических навыков со стороны клиента.

продукция клиента eko-food
Продукция клиента

Комментарии

Может быть интересно

Оставьте номер телефона и мы поможем вам