- Открыть созданный шаблон.
- Перейти в режим редактирования:
...
table.main-info td {
border: 1px solid #222B35; - Рамка вокруг таблицы
padding: 2px 5px; - Поля вокруг текста
white-space: nowrap; - устанавливает, как отображать пробелы между словами. Пробелы не учитываются, переносы строк в коде HTML игнорируются, весь текст отображается одной строкой; вместе с тем, добавление тега <br> переносит текст на новую строку.
text-align: left; - выравнивание текста
}
...
table.vehicle tfoot {
border-top: 1px solid #222B35;
}
Смотрим:
Добавление логотипа компании
Для того, чтобы добавить логотип компании к шаблону подтверждения доставки, прежде всего нужно совершить несколько подготовительх шагов.
...
- sum - суммирует элементов в любом списке (товары, рейсы и т.д.). Например, с помощью этой функции можно показывать плановое/фактическое количество товаров в заказе.
- avg - показывает среднее количество элементов в любом списке (товары, рейсы и т.д.).
- count - показывает общее количество элементов в любом списке (товары, рейсы и т.д.).
- range - данная функция применяется, если нужно повторить некоторые данные несколько раз (текст, цифры и т.д.). Можно задать до трех значений: от, до, шаг (from, to, step).
- format - данная функция настраивает формат времени-даты. Например, если нужно задать время в часах и минутах 'HH:mm', либо в часах, минутах и секундах 'HH:mm:ss'.
- translate - показывает указанный параметр в его правильной локализации.
Подробные примеры использования функций представлены ниже.
Пример 1. sum
К примеру, необходимо указать в шаблоне подтверждения заказа плановое и фактическое количество товаров. Для этого:
- Войдите в режим Редактирования и найдите раздел, где вы собираетесь применить функцию (например, раздел Order info);
- Вставьте пустую строку в выбранном месте;
- В перечне атрибутов справа выберите функцию sum. Внутри скобок укажите тип данных (orderItems) и название поля ('quantity'). Название поля также выбирается из списка параметров справа. Также укажите 'true' после названия поля. Это требуется для того, чтобы система не выдавала ошибку, если выбранный тип данных не содержит указанный параметр (или параметры).
- Затем снова выберите функцию sum и укажите тот же тип данных (orderItems), но другое название поля ('actualQuantity');. Также укажите 'true' после названия поля.
- Необязательно. Разделите две эти функции наклонной чертой для более удобного визуального восприятия.
- Необязательно. Можно воспользоваться функцией translate, чтобы написать заголовок для данных (Плановое/Фактическое количество товаров)
Вот как должна выглядеть созданная строка:
- Переключитесь в режим Просмотра, чтобы посмотреть результат. Плановое/фактическое количество товаров расположено в указанном месте, разделенные наклонной чертой.
...
- Войдите в режим Редактирования и найдите раздел, где вы собираетесь применить функцию (например, раздел Order info);
- Вставьте пустую строку в выбранном месте;
- В перечне атрибутов справа выберите функцию avg. Внутри скобок укажите тип данных (orderItems) и название поля ('quantity'). Название поля также выбирается из списка параметров справа. Также укажите 'true' после названия поля. Это требуется для того, чтобы система не выдавала ошибку, если выбранный тип данных не содержит указанный параметр (или параметры).
- Необязательно. Можно воспользоваться функцией translate, чтобы написать заголовок для данных (Среднее количество товаров).
- Переключитесь в режим Просмотра, чтобы посмотреть результат. Среднее количество товаров отображается в выбранном месте.
...
Например, если нужно задать фактическую дату прибытия как 'DD.MM.YYYY', а время как 'HH:mm'. Впишите следующий синтаксис (см в примере ниже) и посмотрите результат:
Или, например, нужно задать фактическую дату прибытия как 'MM.DD.YYYY', а время как 'HH:mm:ss'. Результат будет следующим:
...
См. также
...