Автоматизация приоритезации изображений: эффективное решение для RULEZ.BY

Клиенту потребовалось изменить порядок отображения изображений в товарных карточках. Необходимо внедрить автоматическую сортировку изображений в детальной карточке товара в зависимости от установленного приоритета.

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

Пример:

- Текущее описание: "huawei-matebook-d-15-bod-wfe9-53013"

- Обновленное описание: "huawei-matebook-d-15-bod-wfe9-53013-2"

Для отображения использовались все изображения, которые находятся в свойствах элемента: "детальная картинка", "картинка для анонса" и изображения из свойства, содержащего несколько картинок одновременно.

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

Результат выполнения: Клиент теперь имеет возможность гибко и точно контролировать порядок отображения изображений в детальной карточке товара как вручную, так и с помощью автоматической выгрузки.

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

Ссылка на страницу редактирования карточки товара в административной части сайта

Ссылка на страницу редактирования карточки товара в публичной части сайта

В административной части у каждого изображения есть иконка с карандашом:

Иконка “карандаш”, которая позволяет редактировать свойства изображений

После нажатия на иконку "карандаш" открывается окно, в котором отображаются все изображения, связанные с данной карточкой товара. Пользователь может переключаться между ними (выделяются синим квадратом), а под каждым изображением отображается текстовое поле для его описания.

Страница редактирования свойств изображений

Аналогичный функционал реализован на вкладках Анонс и Подробно.

Как обрабатывать большие объемы данных?

Так как интернет-магазин имеет значительный ассортимент, который регулярно обновляется, необходимо было автоматизировать процесс заполнения новых полей в CMS.

В автоматически генерируемую выгрузку с сайта мы добавили дополнительное поле для указания приоритета изображений. Если приоритет уже задан, это поле сохраняет значение при выгрузке, а незаполненные поля показывают, что приоритет еще не установлен.

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

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

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