1. aspro.ru
  2. Аспро: Премьер
  3. Образы
  4. Настройка меток на фото

Настройка меток на фото


В решении Аспро: Премьер есть метки на фото. Это интерактивные точки, при клике на которые появляется небольшая карточка товара с ценой.

42fb78a3-7b62-11f1-8fe4-fa163e2ff576

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

Настройки модуля

В решении функционал реализован в виде встроенного модуля. В административной части сайта перейдите в Аспро → Аспро: Метки на фото.

699b117f-7b5d-11f1-8fe4-fa163e2ff576

В модуле вы можете:

1. Установить обновление.

8bd618f7-7b5b-11f1-8fe4-fa163e2ff576

2. Предоставить доступ на просмотр и редактирование меток на фото.

89c20847-7b62-11f1-8fe4-fa163e2ff576

Настройки образов

Настройка меток происходит через редактирование образов. Перейдите в Контент (1) → Каталог (aspro.premier) (2) → Образы (3).

370393a4-7b5b-11f1-8fe4-fa163e2ff576

Кликните на название, чтобы перейти в редактирование элемента.

9e645840-7b60-11f1-8fe4-fa163e2ff576

Во вкладке «Галерея образа» нажмите кнопку «Изменить», чтобы перейти в режим работы с метками.

f87f24a5-7b60-11f1-8fe4-fa163e2ff576

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

56b7b539-7b60-11f1-8fe4-fa163e2ff576

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

d3053d27-7b60-11f1-8fe4-fa163e2ff576

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

Нажмите на только что созданную пустую метку. Вам доступны опции «Выбрать товар» (1) или «Удалить метку» (2). 

753520d3-7b64-11f1-8fe4-fa163e2ff576

При добавление товара используйте поиск, чтобы быстрее найти нужную карточку. Нажмите «Выбрать» в столбце «Действие», чтобы прикрепить товар к метке.

c3d31d6f-7b5e-11f1-8fe4-fa163e2ff576

Чтобы прикрепить конкретное торговое предложение, нажмите на название товара. Затем кликните на кнопку «Выбрать» в столбце «Действие».

c2ea9690-7b60-11f1-8fe4-fa163e2ff576

Как закончите работать с метками, нажмите кнопку «Сохранить».

93fbc38b-7b61-11f1-8fe4-fa163e2ff576

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

28f547b5-7b60-11f1-8fe4-fa163e2ff576

Предыдущая статья Как добавить свойства в образы
Следующая статья Основные разделы