Задача

У Заказчика был сайт со старым дизайном без адаптивной верстки. При работе на мобильных устройствах детали интерфейса так уменьшались, что не было видно корзину.

В результате, посетитель не мог понять, добавил ли он товар или нет, и испытывал трудность c переходом к оформлению заказа.

Пока решался вопрос с адаптивной версткой, Заказчик попросил сделать прямой переход в корзину после нажатия кнопки «Добавить в корзину».

Решение

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

Удобнее дать посетителю выбор, что делать дальше. В штатном функционале Битрикса такую задачу решает попап с вариантами действий. На примере показано только одно действие.

Идею приняли.

Сложность реализации состояла в том, что этот функционал в битриксе реализован с помощью javascript, а предыдущие разработчики полностью его «выпилили» из шаблона. Ну и чуть переписали компонент.

Пришлось добавлять эту возможность руками, добавлять скрипты и править шаблон.

В результате, при добавлении товара в корзину на странице со списком товаров, посетитель видит вот такой попап

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

Так жек, кстати, как и у битрикса сделано по-умолчанию.

Время выполнения

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