Главное о кейсе
Внедрение системы приоритезации изображений на сайте
RULEZ.BY позволило оптимизировать работу с товарными карточками, ускорить процессы и улучшить визуальное восприятие продукции. Это повысило удобство пользователей, увеличив вовлеченность и доверие покупателей, что, в свою очередь, положительно сказалось на конкурентоспособности и продажах магазина.
Как проект изменил жизнь пользователей
Клиент получил возможность точного управления порядком изображений в карточках товаров, как вручную через административную часть сайта, так и автоматизированно через выгрузку данных.
Бизнес-задача и ее решение
Клиенту потребовалось внедрить механизм автоматической сортировки изображений в карточках товаров в зависимости от установленного приоритета. Цель — обеспечить гибкое управление порядком отображения изображений как вручную, так и через автоматизированную выгрузку.
Крафт (мастерство), реализация, технические детали
Для реализации сортировки изображений по приоритету необходимо, чтобы этот приоритет был указан. Все элементы типа "файл-изображение" содержат параметр "описание изображения". Для оптимизации работы и сохранения структуры полей внутри CMS было решено добавлять значение приоритета после текста описания с использованием символа "-".
Пример:
- Текущее описание: "huawei-matebook-d-15-bod-wfe9-53013"
- Обновленное описание: "huawei-matebook-d-15-bod-wfe9-53013-2"
Для отображения использовались все изображения, которые находятся в свойствах элемента: "детальная картинка", "картинка для анонса" и изображения из свойства, содержащего несколько картинок одновременно.
Разработанный алгоритм импортирует описание, извлекает из него числовой приоритет и сортирует изображения в карточке товара в соответствии с этим значением — от меньшего к большему. В приведенном примере цифра 2 в конце обновленного описания указывает на то, что изображение должно быть вторым в порядке отображения.
Результат выполнения: Клиент теперь имеет возможность гибко и точно контролировать порядок отображения изображений в детальной карточке товара как вручную, так и с помощью автоматической выгрузки.
Алгоритм работы в ручном режиме: Чтобы добавить или изменить описание изображения, необходимо зайти в карточку товара через административную панель либо воспользоваться режимом редактирования на публичной части сайта.
Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком
Так как интернет-магазин имеет значительный ассортимент, который регулярно обновляется, необходимо было автоматизировать процесс заполнения новых полей в CMS.
В автоматически генерируемую выгрузку с сайта мы добавили дополнительное поле для указания приоритета изображений. Если приоритет уже задан, это поле сохраняет значение при выгрузке, а незаполненные поля показывают, что приоритет еще не установлен.
С помощью дополнительного программного обеспечения можно автоматически назначить приоритет для изображений внутри файла выгрузки. После заполнения всех необходимых полей файл выгружается на сайт, обновляя информацию о приоритетах изображений. Во время импорта изображения автоматически располагаются в правильном порядке в соответствии с указанными приоритетами, устраняя необходимость ручной настройки для большого количества карточек товаров.
Скриншоты