Введение

Благодарим за покупку скрипта! Установка скриптового решения займет некоторое время. Пожалуйста, внимательно читайте инструкции и старайтесь следовать всем рекомендациям.

Первый шаг: загрузка файлов

Перейдите в Панель управления » Файловый менеджер. Если у вас нету папки js, то в правом верхнем углу кликните на кнопку "Создать папку", введите название папки js, после чего зайдите в нее и в ней создайте папку "JMbac" .

Теперь зайдите в папку js/JMbac и загрузите в эту папку все файлы из папки "файлы", которая расположена в архиве со скриптом.

Второй шаг: установка кода

В требуемых модулях, где вы хотите вставить кнопку быстрого оформления заказа, в такие шаблоны как "Каталог товаров" и "Страница товара":
1. Вставьте этот код перед </head>

<link rel="stylesheet" href="/js/JMbac/style.css">
<script src="/js/JMbac/engine.js"></script>
<script src="/js/JMbac/settings.js"></script>

2. В "Вид товара в каталоге" и в "Страница товара" В нужном месте вставьте кнопку:

<div class="JMbAc" data-form="Номер формы цифрой" data-id="$ID$" data-art="$ART_NO$" data-price="$PRICE_RAW$" data-href="$ENTRY_URL$">купить в один клик</div>

Если вы будете использовать несколько форм, то получиться примерно следущее:

<div class="JMbAc" data-form="1" data-id="$ID$" data-art="$ART_NO$" data-price="$PRICE_RAW$" data-href="$ENTRY_URL$">Купить в один клик</div>
<div class="JMbAc" data-form="2" data-id="$ID$" data-art="$ART_NO$" data-price="$PRICE_RAW$" data-href="$ENTRY_URL$">Предзаказ</div>

3. Там же, и в "Вид товара в каталоге" и в "Страница товара", найдите переменную "Наименование товара" (это может быть: $NAME$ или $ENTRY_TITLE$). В родительский тег добавьте атрибут id="JMbact-$ID$". Вот пример:

было:
 <h3 class="thumbTitle">$NAME$</h3>
стало:
 <h3 class="thumbTitle" id="JMbact-$ID$">$NAME$</h3>

4. Если у вас на сайте не активирован модуль "Почтовые формы", то активируйте. Далее создайте форму:
4.1

4.2

4.3 Введите почтовый адрес.

4.4 Скопируйте переменную формы.

4.5 Далее откройте "редактор страниц" и создайте новую страницу вот так :

4.6 После, перейдите в управление шаблонами и кликнете по созданной странице.

4.7 Откроется редактор. Заменяем все на:

<?if(strpos($REQUEST_URI$,'?jmbac')>0)?>
<div class="formss">$MFORM_2$</div>$POWERED_BY$
<?endif?>

Третий шаг: настройка и использование

Вся настройка происходит в файле settings.js, который мы загружали в файловой менеджер в папку «jmlp».

Т.к. существует возможность создавать несколько форм для одной страницы. Например:

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

Каждая форма заключается в:
if(frm=='Номер формы цифрой'){ ...........};
Если мы в шаге 2.2 указали:

<div class="JMbAc" data-form="1" data-id="$ID$" data-art="$ART_NO$" data-price="$PRICE_RAW$" data-href="$ENTRY_URL$">купить в один клик</div>

То соответственно эта кнопка вызовет форму под номером 1. if(frm=='1'){ ...........}; и так далее.
В файле settings.js есть наглядный пример использования данной функции.
!!! Не надо создавать новые "почтовые формы". Можно пользоваться одной(шаг 2.4) для всех новых форм созданных в настройках.

Рассмотрим настройки.

• opt['datapage'] – ссылка на страницу с формой обратной связи которую вы создали в шаге №4.5
• opt['email'] – С какого эмайла будут приходить сообщения
• opt['title'] – Название формы
• opt['smalltxt'] – Текст внизу формы
• opt['butConf'] – Текст кнопки подтверждения
• opt['butCanc'] – Текст кнопки закрыть
• opt['successtxt'] – Текст после после успешной отправки формы
• opt['SucContinue'] – Кнопка "закрыть" после отправки формы
• opt['fields'] – Поля формы см. ниже

Разберем разберем процесс создания текст. поля <input>

{tag:'input',title:'Имя:',showT:true,placeh:'Имя',maxlen:'20',minlen:'3',type:'txt'}

• tag – 'input' (Значит что поле текстовое.)
• title – Название поля
• showT – true/false - Показывать ли название поля в форме.
• placeh – placeholder, текст на фоне поля.
• maxlen – Максимальная длина текста
• minlen – Минимальная длина текста
• type – 'txt'/'num' Если обозначить как 'num', то будут разрешены только цифры

Разберем процесс создания текст. поля <textarea>

{tag:'textarea',title:'Адрес доставки:',showT:true,placeh:'Укажите город и адрес доставки',maxlen:'200',minlen:'0'}

• tag – 'textarea' (Значит что поле textarea.)

- Остальное аналогично <input>, только отсутствует опция "type"

Разберем процесс создания <select>

{tag:'select',title:'Доставка:',showT:true,options:["Самовывоз","Курьерская доставка"]}

• tag – 'select' (Значит что будет выпадающее меню с опциями.)
• title – Название поля
• showT – true/false - Показывать ли название поля в форме.
• options – опции. В кавычках, через запятую.

Разберем процесс создания <hr>

{tag:'hr'}

- Вставит в форму тег

---

Разберем процесс создания подзаголовка

{tag:'subTitle',title:'Доп.опции:'}

• tag – 'subTitle' (Значит что будет выпадающее меню с опциями.)
• title – Текст подзаголовка

Стилизация некоторых элементов.

В том случае, если вы желаете стилизовать тот или иной элемент, откройте файл style.css который расположен в папке js/jmbac файлового менеджера.

Как обновиться.

С версии 1.1 до 1.2

1. Замените файл JMbuyAclick-1.1v.js на engine.js , не забыв так же изменить ссылку в шаблонах.

С версии 1.0 до 1.1

В этой версии появилась возможность создавать несколько форм на одной странице, поэтому совету. еще раз ознакомится с инструкцией.

1. Замените файл JMbuyAclick-1.0v.js на JMbuyAclick-1.1v.js , не забыв так же изменить ссылку в шаблонах.
2. Откройте файл settings.js который находится на вашем сайте:
2.1 замените function JMbacSettings() на function JMbacSettings(frm)
2.2 Облачите вашу форму в if(frm=='Номер формы цифрой'){...........................} Просто откройте файл settings.js, который находится в этом архиве и последуйте примеру.
2.3 В "Вид товара в каталоге" и в "Страница товара" добавьте в вашу кнопку следующий атрибут data-form="Номер формы цифрой"
Должно получиться примерно так:

<div class="JMbAc" data-form="Номер формы цифрой" data-id="$ID$" data-art="$ART_NO$" data-price="$PRICE_RAW$" data-href="$ENTRY_URL$">купить в один клик</div>

Т.е. при нажатии на эту кнопку загрузится форма, которая указана в файле settings.js под этим номером. if(frm=='Номер формы цифрой'){...........................}