Введение

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

---

Требования к установке:

• активированное uAPI и PHP

Первый шаг: активация uAPI и PHP

Этап 1. Активация uAPI для модуля Интернет-магазин

Для активации uAPI перейдите в настройки модуля Интернет-магазин и напротив пункта «Включить uAPI для модуля» установите галочку, затем прокрутите страницу вниз и сохраните изменения.

Этап 2. Получение токен-доступов для uAPI

Перейдите на страницу http://uapi.ucoz.com/uapi_panel, авторизуйтесь под своим uID-профилем.

После авторизации, вы увидите интерфейс управления uAPI-приложений. Нам нужно создать приложение. Нажмите на «Создать» и введите все те данные, которые запросит форма.

• В пункте «Название приложения» можно написать свое название (абсолютное любое);
• В пункте «Consumer key» введите любой набор латинских букв, как например: hFFSJjknfsdgF87T, рекомендуем сгенерировать;
• В пункте «Consumer secret» оставляем всё как есть;
• В пункте «Redirect URL» введите ссылку на свой сайт (куда собираетесь подключить скрипт);
• Нажмите на Сохранить.

Этап 3. Создание токенов

Перейдите на страницу http://api.ucoz.net/ru/join/reg, выберите «Полуавтоматом». Далее вам предложат ввести данные – их вы можете взять со страницы http://uapi.ucoz.com/uapi_panel. Заполните поля, продолжайте следовать инструкциям системы. В результате вы должны получить токены. Пошаговая иллюстрация:

Активация PHP

Убедитесь, что на вашем сайте активна услуга PHP. Для этого перейдите на главную страницу панели управления и обратите внимание на правую часть страницы. В случае наличия активной услуги вы увидите текст "PHP детали". – перейдите к следующему шагу установки, PHP-услуга у вас активна. Если такой текст отсутствует, значит услуга PHP отключена или просрочена. Для подключения PHP необходимо оплатить премиум пакет, включающий возможность использования PHP-скриптов, либо заказать данную услугу отдельно.

2 шаг: загрузка скриптов на FTP PHP

Этап 1. Установка пароля

Если у вас задан пароль к FTP PHP, сразу же переходите к следующему этапу.

Перейдите на главную страницу панели управления вашим сайтом, в правой верхней части нажмите на ссылку «PHP детали». В открывшемся окне кликните на ссылку: «Пароль не установлен. Мы попадем на страницу установки пароля на FTP PHP. Заполните поля, продолжайте следовать инструкциям системы.

Этап 2. Подключение к PHP FTP серверу

После установки пароля, скачайте FTP-клиент, рекомендуем бесплатный FTP клиент FileZilla. После установки программы, в верхней части вводим параметры подключения:

• Сервер: s2000.ucoz.net
• Логин (FTP login): введите свой логин, который указан в меню "PHP детали"
• Пароль: пароль который вы ввели ранее в специальном разделе

После заполнения полей нажмите на кнопку «Быстрое соединение».

Этап 3. Загрузка скриптов на PHP FTP сервер

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

Теперь загрузите в этот каталог папку из архива со скриптом (папка "скрипты") «quick_order». Загрузить легко, просто перетащите эту папку в правый диалог (где отображаются каталоги и файлы хранящиеся на сервере).
Узнать статус передачи файлов вы можете в окне статуса, которое находится в нижней части программы, там отображаются файлы которые ожидают передачи и те, которые не удалось передать, в частности которые были успешно переданы.

3 шаг: загрузка файлов на сайт

Перейдите в Панель управления » Файловый менеджер. В правом верхнем углу кликните на кнопку "Создать папку", введите название папки quick. Кликните на галочку и ура, мы создали папку с нужным именем!:)

Теперь зайдите в папку quick и загрузите в эту папку все файлы из папки quick из архива со скриптом (папка "скрипты").

4 шаг: установка кода

Перейдите к редактированию шаблона Страница товара в модуле Интернет-магазин и разместите в нужном месте код кнопки "Купить в 1 клик":

<div class="quick_order" onclick="$('#quick-success').bPopup({easing: 'easeOutBack', speed: 650, transition: 'slideIn', positionStyle: 'fixed'});">Купить в 1 клик</div>

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

<!-- Окно быстрого заказа -->
<div id="quick-success">
 <span class="b-close">закрыть</span>
 <p>Введите номер телефона</p>
 
 <input type="text" class="q-input" autocomplete="off">
 
 <a href="javascript://" class="go-buy" onclick="quick_order.createOrder($('.q-input').val(), $ID$);">Оформить заказ</a>
 
 <div class="qo-error"></div>
</div>
<!-- / Окно быстрого заказа -->


 <script src="/quick/bPopup.js"></script>
 <script src="/quick/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/quick/jquery.maskedinput.min.js"></script>
<script src="/quick/quick_order.js"></script>

Далее в табличе стилей CSS модуля Интернет-магазин в самом конце разместите следующий код:

#quick-success p {margin: 20px 0 30px;color: #7f7f7f;font-size:16px;text-transform:uppercase;}
#quick-success * {box-sizing:border-box;}
a.go-buy {display:inline-block;text-decoration:none;line-height:40px; border-radius:3px;background:#21b8c2;padding: 0 18px;color:#fff;transition: all 0.3s;}
a.go-buy:hover {background:#1dccd8;transition: all 0.3s;}
#quick-success {box-sizing:border-box;text-align:center;background:#fff;display:none; padding:40px 20px;min-width:280px;max-width:380px;width:100%;}
#quick-success input {width:80%;margin: 0 auto 20px auto;}
.qo-error {width:100%;margin: 20px 0 0 0;}
.quick_order {float:right ;color:#fff;background:#ff4285;cursor:pointer;line-height:36px;padding: 0 15px; text-transform: uppercase;transition: all 0.3s;font-size:12px;}
.quick_order:hover {background:#212121;transition: all 0.3s;}
.b-close{cursor:pointer;position:absolute;right:15px;top:15px;text-transform:uppercase;font-size:12px;letter-spacing:2px;transition: all 0.3s;}
.b-close:hover {color:#e74c3c;transition: all 0.3s;} 

5 шаг: настройки

Для корректной работы скрипта необходимо обязательно создать в модуле магазина поля Телефон и Примечание (названия могут быть другими). Запомните номера этих полей, как узнать номер указано на скриншоте: Здесь же укажите созданные поля, чтобы они отображались в колонках на странице просмотра списка заказов.
Также для оформления заказа у вас должен быть создан хотябы 1 способ доставки и оплаты, в дальнейшем нам потребуется только их номер.