Order Form Builder 2

Вы можете создать неограниченное количество форм расчёта на основе созданных полей форм.

Каждая форма имеет свой шаблон отображения, подключаемые ява-скрипты и формулу расчёта.

Для создания формы, нажмите кнопку «Новый»:

В открывшемся окне введите заголовок формы и сохраните её, это необходимо для присвоения калькулятору уникального идентификатора.

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

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

Настройки формы:

НАЗВАНИЕ – используется для идентификации в базе данных и формах заказа.

ПОРЯДОК РАСПОЛОЖЕНИЯ – порядок расположения формы калькулятора в списке.

ОПУБЛИКОВАНО – доступность формы для отображения на лицевой панели сайта при создании пункта меню.

ДАТА НАЧАЛА ПУБЛИКАЦИИ – чтобы не использовать функцию контроля начала публикации введите значение 0000-00-00 или оставьте поле пустым.

ДАТА ОКОНЧАНИЯ ПУБЛИКАЦИИ – чтобы не использовать функцию контроля окончания публикации введите значение 0000-00-00 или оставьте поле пустым.

УВЕДОМЛЕНИЕ ДО НАЧАЛА ПУБЛИКАЦИИ – сообщение, отображаемое клиенту до начала срока публикации.

УВЕДОМЛЕНИЕ ПОСЛЕ ОКОНЧАНИЯ ПУБЛИКАЦИИ – сообщение, отображаемое клиенту после окончания срока публикации.

ПОЛЕ, ПЕРЕКЛЮЧАЮЩЕЕ МЕТОДЫ ОПЛАТЫ – выберите поле, которое будет использоваться для выбора метода оплаты. Порядок опций этого поля должен соответствовать порядку методов оплаты. Использование этого поля позволяет оформить выбор оплаты в виде списка или радиокнопок.

ТРЕБУЕМАЯ ПРЕДОПЛАТА В ПРОЦЕНТАХ – если для выполнения заказа требуется предоплата, укажите здесь её процент от общей стоимости. В этом случае, сразу после оформления заказа,  клиенту будет предложено выполнить предварительную оплату. Если рассчитываемая стоимость заказа ориентировочная, то не используйте эту функцию (0 или пустое поле). Менеджер всегда может уточнить срок выполнения, стоимость заказа и процент предоплаты с автоматическим уведомлением клиента о необходимости проведения предоплаты.

СРОК ХРАНЕНИЯ НЕОПЛАЧЕННЫХ ЗАКАЗОВ – срок хранения заказов со статусом «Оформлен», находящихся в ожидании предварительной оплаты (пустое поле или 0, чтобы не использовать эту функцию).

СРОК ХРАНЕНИЯ ВЫПОЛНЕННЫХ ЗАКАЗОВ – срок хранения выполненных и полностью оплаченных заказов со статусом «Отправлен» (пустое поле или 0, чтобы не использовать эту функцию).

Панель настройки уведомлений:

E-MAIL МЕНЕДЖЕРА - адрес электронной почты, на который отправляются заказы.

ОТПРАВЛЯТЬ ЗАКАЗЫ МЕНЕДЖЕРУ - выберите, отправлять заказы менеджеру по почте или нет.

ОТПРАВЛЯТЬ КОПИЮ ЗАКАЗА КЛИЕНТУ - выберите, отправлять копии заказов клиенту по почте или нет.

ОТПРАВЛЯТЬ УВЕДОМЛЕНИЯ КЛИЕНТУ - выберите, отправлять клиенту уведомления об изменении статуса заказа или нет.

Панель настройки переписки:

ВЕСТИ ПЕРЕПИСКУ – переписку можно отключить, вести с отправкой по e-mail уведомлений о размещении новых сообщений или с отправкой по e-mail полных сообщений.

МИНИМАЛЬНЫЙ СТАТУС ЗАКАЗА – выберите минимальный статус заказа для ведения переписки, при меньшем уровне статуса, форма отправки сообщений отключается.

МАКСИМАЛЬНЫЙ СТАТУС ЗАКАЗА - выберите максимальный статус заказа для ведения переписки, при большем уровне статуса, форма отправки сообщений отключается.

РАЗРЕШИТЬ ВЛОЖЕНИЕ ФАЙЛОВ – можно разрешить добавление файлов при ведении переписки, эта опция определяет возможность вложения, как для менеджера, так и для клиента.

ДОПУСТИМЫЕ РАСШИРЕНИЯ ФАЙЛОВ – список расширений файлов, которые допускаются к загрузке, разделённые вертикальной чертой “|”.

МИНИМАЛЬНЫЙ РАЗМЕР ФАЙЛА – минимально допустимый размер загружаемого файла в байтах.

МАКСИМАЛЬНЫЙ РАЗМЕР ФАЙЛА – максимально допустимый размер загружаемого файла в байтах.

МАКСИМАЛЬНОЕ КОЛИЧЕСТВО ФАЙЛОВ В СООБЩЕНИИ – максимальное количество файлов, которые можно прикрепить к сообщению.

МАКСИМАЛЬНОЕ КОЛИЧЕСТВО ФАЙЛОВ В ПЕРЕПИСКЕ – максимальное количество файлов, которые можно прикрепить к сообщениям в одном заказе.

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

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

Чтобы добавить на сайт страницу с формой заказа, создайте пункт меню «Order Form Builder - Форма калькулятора» со следующими настройками:

Язык по умолчанию - язык, на котором будет показана форма в случае отсутствия определения JoomFish на странице компонента
ID формы калькулятора – номер формы калькулятора, который будет использоваться в этом пункте меню.

HTML шаблон настраивается в отдельном окне формы калькулятора и доступен после первого сохранения формы.

Здесь необходимо ввести HTML код шаблона отображения формы калькулятора.

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

Доступные теги (при сохранении формы они будут заменены на соответствующие коды отображения):

{lang}Текст{/lang} – текст с учётом отображаемой локализации. Этот текст должен быть определён в файле каждого языка. Например: код в шаблоне {lang}Calculator{/lang}, определение в файле локализации CALCULATOR=Калькулятор.

{price} –  отобразит поле со стоимостью заказа

{curr_sign} – отобразит обозначение текущей валюты с учётом локализации. Например: руб.

{cur_select} – отобразит выпадающий список для выбора расчётной валюты

{send} – отобразит кнопку для отправки формы

{reset} – отобразит кнопку для сброса значений формы

{title}id{/title} – отобразит заголовок поля формы, где id это номер поля

{desc}id{/desc} – отобразит описание поля формы, где id это номер поля

{image}id{/image} – отобразит полное изображение поля формы, где id это номер поля

{thumb}id{/thumb} – отобразит миниатюру изображения поля формы, где id это номер поля;

{tip%TIPFIELD%tip}PARAMETER{/tip} – отобразит параметр поля формы с подсказкой, где TIPFIELD это параметр подсказки, например

{desc}7{/desc}, а PARAMETER это отображаемый параметр, например {title}7{/title}, в итоге получится следующий код {tip%{desc}7{/desc}%tip}{title}7{/title}{/tip}

{box%id%box}PARAMETER{/box} – отобразит параметр поля с его изображением во всплывающем окне при клике, где id – номер поля, изображение которого будет показано, а PARAMETER это отображаемый параметр, например {title}7{/title}, в итоге получится следующий код {box%7%box}{title}7{/title}{/box}

{form%SETTINGS%form}id{/form} – форма для ввода или выбора данных при заполнении поля, где id это номер поля

Для каждого вида поля необходимо ввести следующие параметры настройки их отображения вместо SETTINGS:

Текст, Календарь, URL, E-mail, Целое число, Дробное число, Файл, ColorPicker – размер ширины поля в пикселях, например: {form%32%form}7{/form} (32 знакоместа)

Текстовое поле – количество колонок и строк, разделённых запятой, например: {form%50,5%form}7{/form} (50 колонок и 5 строк)

Список – количество видимых опций в списке, например {form%1%form}7{/form} (одна видимая опция с выпадающим списком)

Радио кнопки и чек-боксы - отображаемые параметры опций поля, разделённые запятой, в указанном порядке:

• cat - артикул опции,

• thumb - миниатюра изображения опции,

• img - изображение опции,

• imgbox - миниатюра изображения опции с показом полного изображения во всплывающем окне,

• val - значение опции,

• desc – описание опции,

• field - поле для выбора данных.

Например: {form% imgbox,field,val%form}7{/form} (показываются миниатюры изображений с полным изображением в лайтбоксе при клике, кнопки для выбора и текстовые определения значений опций)

{selimage%id%selimage} – изображение выбранной опции, например {selimage%7%selimage} (в этом месте будет показано изображение выбранной опции поля с номером 7)

{selthumbimage%id%selthumbimage} – миниатюра изображения выбранной опции, например {selthumbimage%7%selthumbimage} (в этом месте будет показана миниатюра изображения выбранной опции поля с номером 7)

{seldesc%id%seldesc} – описание выбранной опции, например { seldesc %7% seldesc } (в этом месте будет показано описание выбранной опции поля с номером 7)

{cond%SETTINGS%cond} – условие показа и скрытия полей (работает со списком и радиокнопками), вместо SETTINGS нужно указать условие.

Формат условий при использовании Mootools в качестве основной библиотеки:

id;opt,opt,opt:id,id,id, где id – номер влияющего поля (выбор его опций влияет на показ и скрытие других полей), opt – номера опций влияющего поля, при выборе которых показываются зависимые поля (количество опций не ограничено), id,id,id – номера зависимых полей, которые будут показаны при указанных ранее опций и скрываться при выборе всех остальных (количество зависимых полей не ограничено).

Например {cond%7;2,4:8,9,15%cond} (При выборе опций с номерами 2 и 4 у поля с id равным 7, будут показаны поля с id равными 8, 9 и 15. При выборе опций с  номерами отличными от 2 и 4, поля с id равными 8, 9 и 15 будут скрыты).

Формат условий при использовании jQuery в качестве основной библиотеки:

Id!opt,opt,opt;id,id,id: opt,opt,opt;id,id,id, где id – номер влияющего поля (выбор его опций влияет на показ и скрытие других полей), opt – номера опций влияющего поля, при выборе которых показываются зависимые поля (количество опций не ограничено), id,id,id – номера зависимых полей, которые будут показаны при указанных ранее опций и скрываться при выборе всех остальных (количество зависимых полей не ограничено).

Например {cond%6!0,1,2;2,4:3;2,4,11%cond} (При выборе опций с номерами 0, 1 и 2 у поля с id равным 6, будут показаны поля с id равными 2 и 4. При выборе опции с номером 3 будут показаны поля с id равными 2, 4 и 11. При выборе опций с номерами отличными от 0, 1, 2 и 3, поля с id равными 2, 4 и 11 будут скрыты).

Для показа и скрытия, необходимая область кода должна быть помещена в тег с классом fieldcondID, где ID – номер скрываемого и показываемого поля. А в файле стилей прописать класс .hidefield {display: none}. Таким образом при определённом выборе селектора, к тегу с классом fieldcondID будет добавляться и исключаться класс hidefield.