— За годы работы старого сайта менялись команды разработчиков, сам проект покрывался слоями кода, в котором уже никто не мог разобраться. Доработок было много: в админ-панели сайта, в функционале доставки, рассылках, скидочной системе, на фронтенде. И это всё клиенту было нужно и важно. Поэтому, когда он пришел к нам снова, предстояло сначала распутать этот клубок противоречий :)

— Мы тщательно проанализировали требования и пришли к выводу, что всё необходимое можно реализовать на привычном заказчику Битриксе, добавив дополнительные интеграции.

— Когда мы проанализировали существующий проект, то решили, что классические микросервисы в виде совершенно независимого кода, запускаемого в докер-контейнерах, — тут не нужны.

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

При этом использовать микросервисы для ускорения работы отдельных функций сайта — таких как поиск, фильтрация, обмен с ERP и т. д. — эффективно.

— Решение сразу с двумя 2 каталогами — в чём-то новаторское. Но такой нестандартный подход повышает вовлеченность и, тем самым, увеличивает продажи на сайте.

— Заказчик просил очень гибкие посадочные для каталога «по применению» с возможностью создавать страницы с различными красивыми блоками контента и «хитрыми» привязками из административной части сайта.

Мы сделали специальный инфоблок с разделами, элементами и привязками к другим сущностям. При создании элемента автоматически создается предзаполненная типовая страница каталога, которая позволяет добавлять разнообразный контент легко и гибко.

В итоге получилось решение-конструктор, покрывающее все задачи заказчика.

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

— В описание товара можно добавить два типа контента. Первый — общие блоки, которые описывают базовые свойства магнитов, правила обращения с ними, кейсы использования. Блоки могут содержать текст, видео и картинки, задаются в админ-панели и привязываются к товарам или категориям товаров как штучно, так и группами.

Второй тип контента — уникальный, который касается конкретного товара и задается вручную.

Благодаря этому описание товара на детальной странице получается максимально полным и закрывает все потенциальные вопросы покупателя.

— В корзине мы реализовали сложную логику «порогов цен»: для каждого товара из 1С получаем «пороги» и цену. Например, при покупке от 1 до 3 шт — цена 100 рублей, от 4 до 7 шт уже 90 рублей. Таких порогов у каждого товара может быть от 4 до 8.

Причем, при изменении количества товара в корзине, на лету считается и отображается:

• общая стоимость всех товаров;
• стоимость за единицу (зависит от пороговой цены);
• зачеркнутая старая цена;
• сколько нужно добавить единиц товара до следующего порога;
• экономия в рублях на следующем пороге цены.

Также корзина «на лету» пересчитывает общий вес товаров и стоимость доставки, а ещё показывает, сколько нужно докупить, чтобы доставка стала бесплатной.

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

Когда служб доставки больше 3−4, интеграция с каждой — отдельный вид мазохизма. С агрегаторами свои загвоздки: каждый раз, когда пользователь открывает страницу товара или оформляет заказ, нужно передавать в агрегатор данные пользователя и товара, чтобы получить список и стоимость доставок. При этом агрегатор может отдавать данные со значительной задержкой.

Чтобы этого избежать, мы кешируем данные по стоимостям доставок на сайте на сутки. А чтобы первый пользователь, решивший сделать заказ, не ждал долго, мы «прогреваем» кеш: скачиваем список и стоимость доставок по популярным направлениям и тоже кешируем его.

Такое решение сокращает количество обращений к API агрегатора (а ведь каждое ещё и стоит денег), а пользователь при этом — сразу получает актуальную цену доставки.

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

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

— Для некоторых SEO-решений заказчика нам приходилось дополнительно и максимально въедливо работать с логикой — ведь на первый взгляд, кроме магии, их ничем нельзя было объяснить.

В итоге настройка от запутанного ТЗ до последних штрихов потребовала множества созвонов с SEO-специалистами заказчика — такого щепетильного подхода к SEO мы не видели ни на одном проекте.

— Заказчик сразу запросил по SEO значительно больше, чем может дать Битрикс из коробки: различные падежи текущего города, разные тексты в зависимости от поддомена сайта и от города, выбранного пользователем, вставку номеров телефонов для этого города, количества отзывов и т. п.

Чтобы все это реализовать, мы разработали специальную систему макросов, которая скорее похожа на псевдоязык программирования. Но главное — всё это работает во всех SEO-полях сайта.

— На моей памяти выгрузка каталога в фид ещё никогда не была настолько гибкой :)

Сначала мы создали визуальный конструктор фида, но через несколько итераций добавления функционала он стал напоминать кабину истребителя: с кучей чекбоксов, выпадашек и донастроек на нескольких табах административной части.

В итоге мы всё перевели на уже обкатанный к тому моменту функционал макросов с SEO-контура. Он позволяет настраивать не только различные условия, но и циклы и разные операции с цифрами. Вдобавок к этому мы составили подробную инструкцию для заказчика, как пользоваться этим функционалом для новых фидов.