Введение

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

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

Бонусом решения является база адресов ваших пользователей. Вы в любой момент можете посмотреть список актуальных адресов своих клиентов на странице со списком пользователей.

Требования к установке:
• активированное PHP;
• uAPI;
• модуль Интернет магазин.

Первый шаг: активация API и 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-скриптов, либо заказать данную услугу отдельно.

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

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

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

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

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

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

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

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

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

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

Этап 7. Загрузка файлов в файловой менеджер

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

Теперь зайдите в папку js и загрузите в эту папку файлы "um.ch-fields.js".

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

Перейдите в Панель управления » Дизайн » Управление дизайном (шаблоны) » Страница служебных форм и добавьте следующий код:

<?if $PAGE_ID$ = 'checkout'?>
<script src="/js/um.ch-fields.js"></script>
<script>
	umCheckoutFields.params.address = 3
	getProfile($USER_ID$);
</script>
<?endif?>

Где 3 - идентификатор поля с адресом доставки (число), который можно узнать в Панель управления » Интернет-магазин » Управление полями заказа.

Нажмите кнопку "Сохранить".

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

Перейдите в Панель управления » Дизайн » Управление дизайном (шаблоны) » Интернет-магазин » Таблица стилей (CSS) и добавьте следующий код:

ul.um-ch-fields {
	list-style-type: none;
	border-width: 0px 1px 1px 1px;
	border-color: #e5e5e5;
	border-style: solid;
	width: 410px;
	padding: 0px;
	margin-top: 0px;
}
ul.um-ch-fields>li>a{
	border-top: 1px solid #e5e5e5;
	display: block;
	padding: 6px 8px;
}
ul.um-ch-fields>li>a:hover, ul.um-ch-fields>li>a.active {	    
	background: #f5f5f5;
}

Нажмите кнопку "Сохранить".

Информация о классах:

• ul.um-ch-fields – весь список с адресами, появляется под полем ввода адреса доставки;
• ul.um-ch-fields>li>a – пункт с адресом;
• ul.um-ch-fields>li>a:hover, ul.um-ch-fields>li>a.active – пункт с адресом при наведении/ активный пункт;