Доработка темы InSales

Hotel Press печатает календари, костеры и портфолийную продукцию, а витрину держит на InSales. Магазин мы сопровождаем не первый год, поэтому очередной пул работ пришёл уже понятным списком: собрать полноценную страницу-каталог для календарей, привести навигацию к виду, который у клиента прижился в разделе «Портфолио», добавить управляемые баннеры-слайдеры и калькулятор заказа — и заодно перевести формы на Яндекс.Капчу.

Объём работ

  • Каталог «Календари» с открытием раздела в один клик
  • Баннеры-слайдеры на «Календарях» и «Костерах»
  • Якорная навигация по странице
  • Калькулятор расчёта заказа
  • Переход с Google reCAPTCHA на Яндекс.Капчу
  • Чистка лишних штатных фильтров

Задача

С Hotel Press мы работаем давно, поэтому список правок пришёл конкретный. Нужно было превратить раздел «Календари» в удобную страницу-каталог: сейчас посетитель упирался в громоздкое вертикальное меню подкатегорий, а хотелось перехода к нужной группе календарей в один клик — так, как это уже сделано в «Портфолио». Тем же образом следовало оформить верхние баннеры-слайдеры и добавить расчёт заказа прямо на странице.

Отдельным пунктом всплыла капча. InSales предупреждает, что срок жизни Google reCAPTCHA ограничен и формы стоит переводить на Яндекс.Капчу. Вдобавок в калькуляторе капча выводилась дважды — этот дубль нужно было устранить.

Что сделали

Каталог «Календари» без лишних кликов

Переделали логику раздела по образцу «Портфолио»: подкатегория открывается сразу, без промежуточного меню. Путь к нужным календарям стал короче и понятнее. От предложенного клиентом варианта «ссылки-якори с перезагрузкой страницы» мы отговорили — такой приём вредит и юзабилити, и поисковому продвижению.

Баннеры-слайдеры под управлением из админки

На страницы «Календари» и «Костеры» добавили верхние баннеры-слайдеры в едином дизайне и с той же механикой управления, что и в «Портфолио». Слайды клиент меняет сам через админ-панель InSales, без обращения к разработчику.

Навигация по странице

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

Калькулятор заказа

В нижнюю часть каталога — после всего контента и до подвала — встроили калькулятор расчёта, тот же, что уже работает в разделе календарей. Посетитель получает предварительную стоимость прямо на странице и не уходит в переписку ради оценки.

Яндекс.Капча вместо Google reCAPTCHA

Скрипт калькулятора переписали так, чтобы он корректно работал с Яндекс.Капчей и больше не задваивал её на форме. Переход на отечественную капчу — это ещё и подстраховка: поддержка Google reCAPTCHA в InSales постепенно сворачивается.

Чистка штатных фильтров

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

Как работали

Все правки собирали в изолированной копии темы — «Hotelpress (WS24 #5011)». Клиент проверял результат в предпросмотре, отдельно тестировали форму калькулятора с временным переключением на Яндекс.Капчу, и только после согласования публиковали тему как основную. Так боевой магазин не простаивает: посетители всё время видят рабочую версию сайта.

Результат

Каталог «Календари» стал логичным продолжением «Портфолио»: единый стиль баннеров, понятная навигация в один клик и расчёт заказа на месте. Формы переведены на Яндекс.Капчу без задвоений, лишние фильтры убраны. Магазин получил аккуратный, полностью управляемый из админки каталог и задел для дальнейшего развития витрины.

InSales Доработка темы JavaScript Яндекс.Капча UX Полиграфия