Сравнение версий

Ключ

  • Эта строка добавлена.
  • Эта строка удалена.
  • Изменено форматирование.

...

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

Большинство параметров являются общими для всех типов блоков. При этом состав настроек может отличаться в зависимости от выбранного блока.

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

Введите нужный текст непосредственно в блоке. После выбора блока его параметры отображаются на панели настроек справа.

После чего становится доступно редактирование рамки изображения

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

Image Removed

Также доступна корректировка толщины рамки, стиль, цвет, скругление рамки и цвет фона

Image Removed

Чтобы вставить само изображение товара нажмите на кнопку Image Removed

В открывшемся меню выберите нужное изображение товара и нажмите Выбрать

Далее укажите торговый объект, на котором будет воспроизводиться изображение на прайс-дисплее и нажмите Выбрать

Для ввода информации о товаре перетащите иконку Image Removedв нужную часть шаблона

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

В самой верхней части меню доступно создание перечеркнутого текста в поле ценника, можно задать тип линии, ее толщину и цвет

Image Removed

Далее доступны настройки самой рамки с текстом и ее расположения в поле шаблона

Image Removed

Далее доступна настройка самой рамки - толщина, стиль, скругление рамки и цвет фона

Image Removed

Далее доступно меню корректировки самого текста

Image Removed

Чтобы создать информацию о цене товара перетащите цифровой блок Image Removedв соответствующую часть шаблона

Image Removed

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

Image Removed

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

Image Removed

Для вставки штрихкода в поле формы перетащите иконку Image Removedв соответствующую часть поля шаблона

Image Removed

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

Image Removed

Чтобы добавить QR-код перетащите иконку Image Removedв соответствующую часть поля шаблона 

Image Removed

В правом вертикальном меню доступны настройки QR кода, в которых можно выбрать в том числе тип QR кода - системный QR код или QR код непосредственно самого товара

Image Removed

После создания шаблона необходимо либо сохранить все изменения нажав на кнопку Сохранить, либо отменить все действия нажав на кнопку Отменить

Image Removed

При перемещении блоков относительно друг друга отображаются направляющие с расстоянием в пикселях. Они помогают точнее расположить и выровнять элементы на шаблоне.

Image Added

Чтобы изменить параметры самого шаблона, нажмите на свободную область внутри его границ. 

Image Added

На панели справа откроются общие настройки рабочей области.

Image Added
В поле Цвет фона можно задать фон шаблона. Нажмите на цветовой образец справа, чтобы открыть палитру или введите код цвета вручную, например "white" или "#ffffff". 

Image Added

Для размеров, координат, отступов и некоторых других параметров можно выбрать единицу измерения:

  • px – пиксели.
  • % – процент относительно размера родительской области.
  • em – размер относительно размера шрифта текущего элемента.
  • rem – размер относительно базового размера шрифта страницы.
  • vh – процент от высоты области отображения.
  • vw – процент от ширины области отображения.

Image Added

Чтобы сбросить отдельно заданный параметр нажмите кнопку Image Added с его наименованием.

Image Added

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

Image Added

ОБЩИЕ ПАРАМЕТРЫ

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

Image Added

Поля разделены на две группы:

1. Поля товара (из карточки товара)

  1. Наименование товара – наименование из карточки товара.
  2. Описание – дополнительное описание товара.
  3. SKU – уникальный идентификатор товара.
  4. Номер на весах – номер товара, используемый на весовом оборудовании.
  5. Мерность – единица измерения товара.
  6. Штрихкод – штрихкод производителя (в блоке данных значение отображается в текстовом виде).
  7. Производитель – наименование производителя товара.
  8. Дата начала – дата начала действия кампании.
  9. Дата завершения – дата окончания действия кампании.

2. Общие поля

  1. Дата – дата привязки товара к оборудованию.
  2. Футер – адрес торгового объекта.

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

Image Added

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

Image Added

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

Image Added

В поле Тип линии раскройте список и выберите необходимое значение:

  1. Отключено – линия не отображается.
  2. Правая – линия проходит из левого верхнего угла в правый нижний.
  3. Левая – линия проходит из левого нижнего угла в правый верхний.
  4. Прямая – горизонтальная линия.

Image Added

В поле Толщина линии укажите значение и выберите единицу измерения.

Image Added

В поле Цвет линии нажмите на цветовой образец справа и выберите цвет в палитре или введите его код вручную.

Image Added

В полях X и Y задаётся положение блока: X – координата по горизонтали, Y – координата по вертикали.

В полях Ширина и Высота задаются размеры блока. 

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

Image Added

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

Image Added

В поле Слой задаётся порядок отображения блока относительно других элементов. Блок с большим значением отображается поверх блоков с меньшим значением.

Image Added

Параметр Прозрачность позволяет изменить степень прозрачности блока. Используйте ползунок или введите значение в поле справа. Значение также можно изменять стрелками в поле ввода.

Image Added

Раздел Рамка позволяет настроить постоянное отображение границы рамки. 

Image Added

В поле Толщина укажите толщину рамки.

Image Added

Нажмите на поле Стиль, чтобы открыть список доступных значений.

Image Added

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

В поле Цвет нажмите на цветовой образец и выберите цвет в палитре или введите его код вручную.

Image Added



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

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