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