Разработка функционала «Скачать в PDF»

Fasten Group — российская компания, которая производит и продаёт крепёжные изделия и системы для строительства. Её продукция используется в строительстве и монтаже зданий, в том числе для фасадных и кровельных работ.

Проблема

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

Решение

Реализовано формирование и скачивание PDF-файла с результатами подбора, что позволило пользователям сохранять подобранные решения в удобном формате для последующего использования и передачи.

Реализация

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

После этого была реализована генерация PDF и верстка его структуры с переносом данных подбора из интерфейса страниц в документ. Дополнительно выполнена адаптация стилей, чтобы исключить наследование браузерного оформления и обеспечить корректный внешний вид PDF как самостоятельного документа. В подвал добавлена генерация QR-кода со ссылкой на соответствующую страницу подбора.

Кнопка «Сохранить результат в PDF»


Вид готового PDF-документа

Итоги работы

Был реализован функционал формирования и скачивания PDF-файлов на страницах подбора крепежа. Пользователь получил возможность сохранять результаты в виде отдельного документа, в котором есть QR-код со ссылкой на соответствующую страницу товара.

Самостоятельно работу функционала можно посмотреть на странице «Подбор фасадного дюбеля»

Хотите такие результаты?

Оставить заявку
* — обязательные поля
Заказать