phone

RULEZ.BY добавление приоритета изображений

Сайт проекта: www.rulez.by

Клиент

Rulez.by — это интернет-магазин качественных товаров по выгодным ценам. На рынке более 10 лет. Предлагают самые разные товары: от ноутбуков до бассейнов.

Задача

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

rulez

Что мы сделали

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

  • текущее содержимое: “huawei-matebook-d-15-bod-wfe9-53013”,
  • новое содержимое: “huawei-matebook-d-15-bod-wfe9-53013-2”.

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

Был разработан алгоритм, который импортирует заполненные описания, извлекает из них порядок картинок и далее сортирует картинки от меньшего к большему для вывода в нужном порядке.

Цифра 2 в конце “нового содержимого” в примере выше означает, что изображение должно быть вторым по счету при отображении в карточке товара.

Результат работ

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

Алгоритм работы в мануальном режиме

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

Суть работ: Скорректировано отображение информации на странице карточки товара и в процессе оформления заказа. Добились «прозрачного» расчета стоимостей, что позволяет клиенту понять логику формирования цен

rulez

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

rulez

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

Узнать стоимость доработок вашего проекта

Оставляйте заявку, и мы обязательно свяжемся с вами в ближайшее время
Оставить заявку

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

rulez

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

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

rulez

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

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

Хотите также? Оставляйте заявку!

Оставить заявку

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

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

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

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

Во время импорта картинки сразу становятся на нужные места в соответствии с проставленным приоритетом. Поэтому необходимость в мануальной настройке для больших объемов карточек товаров пропадает — все можно сделать автоматически.

Заключение

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

Заказать консультацию

Оставляйте заявку, и мы обязательно свяжемся с вами в ближайшее время
Оставить заявку

С чем мы можем помочь

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