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