Каталог парфюмерии Real Flacon с карточками товаров, поиском и фильтром по брендам.

Кратко о проекте

Real Flacon — магазин селективной парфюмерии на WordPress и WooCommerce. Я дорабатывал существующий сайт: каталог и подборки, навигацию по брендам, корзину и оформление заказа.

Нужно было встроить изменения в действующую тему, сохранив товары и визуальный стиль. Работу выполнял поэтапно: отдельное изменение проверял на сайте, затем переходил к следующему.

Задача

В доработку входили:

  • настроить товарные подборки и вкладки на главной;
  • сделать категорийные баннеры кликабельными и вести пользователя в соответствующие разделы каталога;
  • улучшить навигацию по брендам и категориям;
  • добавить поиск и фильтрацию по брендам;
  • локализовать оставшиеся пользовательские строки интерфейса;
  • подготовить недостающие информационные и юридические страницы;
  • упростить checkout до фактически нужных клиенту данных;
  • реализовать рабочую маску российского телефона и независимую серверную валидацию;
  • сохранить адрес пункта выдачи СДЭК как единое поле и сделать ввод адреса удобнее;
  • подключить подсказки DaData через серверный same-origin сценарий без публикации API-токена в браузере;
  • сохранить корректную работу мини-корзины, корзины, промокодов, сумм, доставки и оформления заказа;
  • проверить результат на реальном сайте после внедрения.

Результат

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

  • главная страница получила управляемые товарные подборки и рабочие переходы в каталог;
  • каталог получил более понятную навигацию, категории, поиск и фильтрацию по брендам;
  • пользовательские системные строки были приведены к русскоязычному интерфейсу;
  • были добавлены необходимые информационные страницы;
  • mini-cart и корзина сохранены как единый сценарий перед checkout;
  • checkout сокращён до фактически нужных полей;
  • телефон получил функциональную российскую маску и проверку;
  • адрес пункта выдачи СДЭК дополнен подсказками DaData с защищённым серверным вызовом;
  • ключевые изменения прошли live-проверку на реальном сайте;
  • проект был сдан заказчику.