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

