Авторизация через социальные сети в DLE

03-авг-2017, 21:38
Ruslan
112
Доброго времени суток, читатели нашего портала! 
В данной статье, я хочу Вам предоставить свежую инструкцию, по настройке авторизации через социальные сети в цмс DataLife Engine.
Авторизация через социальные сети в DLE

Настройка авторизации через социальную сеть Вконтакте.

1. Авторизуйтесь под учетной записью в сети Вконтакте, на которую собираетесь вешать приложение авторизации для Вашего сайта.
2. Перейдите по ссылке создать приложение.
3. В открывшейся форме:
  • Введите название приложения.
  • Выберите платформу Веб-сайт.
  • В форму Адрес сайта, введите адрес:  http://ваш-сайт.ru/index.php?do=auth-social&provider=vk
  • В форму Базовый домен, введите адрес:  http://ваш-сайт.ru
Внимание! Если у Вас доменное имя начинается с https:// необходимо прописывать адрес https://ваш-сайт.ru
Создаем приложение для авторизации через социальную сеть Вконтакте, под цмс DLE.4. После того как Вы заполнили все поля, нажмите на кнопку Подключить сайт. После чего, у Вас попросят подтверждение действия через проверочный код, который придет по смс на номер телефона который Вы указывали для своего аккаунта Вконтакте.
5. После прохождения проверки, у Вас появится новая форма, в которой необходимо заполнить следующие поля:
  • Описание - например краткое описание Вашего сайта.
  • Тип турнирной таблицы (необязательно):
    • Не поддерживается
    • по уровням
    • по очкам
  • Группа приложения - группа Вконтакте Вашего сайта (если такова есть).
  • Иконка - необходимо создать иконку в графическом редакторе. (Например в Photoshop).
    Внимание! Файл не должен превышать 5 mb. Файл должен быть в формате jpg, png, gif или bmp. Размер иконки должен быть 16х16 пикселей.
6. Нажмите на кнопку Сохранить изменения.
7. После чего, чуть ниже формы Информация, заполните еще одну форму Обложки и скриншоты.
  • В данной форме всего лишь один пункт квадратная обложка необходимо создать обложку в графическом редакторе. (Например в Photoshop).
    Внимание! Файл не должен превышать 5 mb. Файл должен быть в формате jpg или png. Размер обложки должен быть 150х150 пикселей.
Создаем обложку для приложения Вконтакте - авторизация через социальную сеть Вконтакте, под цмс DLE.
8. Далее, слева в сайд-бар меню, нажмите на настройки.
  • В открывшемся окне, Вам необходимо выбрать тематика сайта и нажать на кнопку сохранить изменения. Все остальные настройки остаются по умолчанию.
    Вкладку или окно браузера с этой страницей оставьте открытой она Вам еще понадобится.
Заполняем поля форм для приложения Вконтакте - авторизация через социальную сеть Вконтакте, под цмс DLE.
  • Откройте админ панель Вашего сайта в новой вкладке, перейдите в настройки системы > настройки для пользователя найдите строку разрешить пользователям регистрацию через социальные сети и выставьте ползунок включить.
  • Далее перейдите, пользователи > настройка социальных сетей и в самом первом пункте, включить авторизацию с использование сети Вконтакте.
    Вкладку или окно браузера с этой страницей оставьте открытой она Вам еще понадобится.
  • Перейдите обратно на вкладку или окно браузера с настройками Вашего приложения, скопируйте оттуда ID приложения и Защищенный ключ, вернитесь обратно в админ панель DLE Вашего сайта и вставьте в форму ID приложения сети Вконтакте ID приложения, в форму Защищенный ключ сети ВконтактеЗащищенный ключ.
Заполняем в админ панели DLE поля форм - ID приложения сети Вконтакте и Защищенный ключ сети Вконтакте.
  • В самом низу страницы - настройки социальных сетей, нажмите кнопку сохранить.
9. После этого, в файле login.tpl разместите примерно следующий код:
[vk]<a href="{vk_url}" target="_blank">Авторизация с помощью Вконтакте</a>[/vk]
Где теги [vk] текст [/vk] выводят текст заключенный в них, если включена поддержка авторизации при помощи социальной сети Вконтакте. А тег {vk_url} выводит ссылку URL на авторизацию в соц. сети.

Авторизация через социальную сеть Вконтакте настроена!


Настройка авторизации через социальную сеть Одноклассники.

1. Авторизуйтесь под учетной записью в сети Одноклассники, на которую собираетесь вешать приложение авторизации для Вашего сайта.
2. Перейдите по ссылке, что бы заполнить форму и получить права разработчика.
  • Как только, Вы перешли по ссылке, Вас попросят принять условия соглашения. Поставьте галочку в поле мной прочитаны и принимаются условия соглашения и нажмите на кнопку получить права разработчика.
  • После того, как Вы получили права разработчика, нажмите на пункт меню Игры верхней части экрана.
  • Слева в сайд-бар меню нажмите на пункт Мои загруженные.
  • Нажмите Добавить приложение.
Создаем приложение для авторизации через социальную сеть Одноклассники, под цмс DLE.3. На открывшейся странице - настройка приложения:
  • Первым делом, нажмите кнопку добавить платформу. У Вас появятся поля формы которые необходимо заполнить.
  • Название - название вашего приложения.
  • Короткое название - уникальное короткое имя, обязательно только латиницей и без спец-символов.
  • Описание - краткое описание вашего приложения.
  • Тип приложения - снимите все галочки по умолчанию. и поставьте галочку на External.
Заполняем поля форм для приложения Одноклассники - авторизация через социальную сеть Одноклассники, под цмс DLE.
  • Прежде чем заполнять поля формы, в пункте Ссылки на аватары и иконки, Вам необходимо создать 3 картинки (обложки вашего приложения) в графическом редакторе (например photoshop).
    Внимание! Все картинки должны быть в формате png.
    1-я картинка должна быть 150х150 px
    2-я картинка должна быть 50х50 px
    3-я картинка должна быть 18х18 px
    4-я картинка - не нужно делать, это для других приложений
    После того, как Вы создали картинки, загрузите их себе на хостинг (например в папку images вашего шаблона).
    Далее, в полях формы - Ссылки на аватары и иконки, укажите ссылки на каждую картинку, которые Вы загрузили на хостинг.
  • В поле формы Список разрешённых redirect_uri введите адрес:
    Внимание! Если у Вас доменное имя начинается с https:// необходимо прописывать адреса https://ваш-сайт.ru
    http://ваш-сайт.ru/index.php?do=auth-social&provider=od
  • Ниже необходимо отметить галочку разрешить клиентскую OAuth авторизацию.
Создаем иконки для приложения Одноклассники - авторизация через социальную сеть Одноклассники, под цмс DLE.
  • Электронная почта для уведомлений - укажите email куда будут приходить уведомления.
  • Статус - выберите публичный.
  • Официальная группа - укажите группу Вашего сайта, если такова есть.
  • Все остальные настройки остаются по умолчанию.
4. После как, Вы заполнили все необходимые поля, в самом низу страницы нажмите на кнопку сохранить, приложение создано. Дальнейшие инструкции придут к Вам на электронную почту.
5. Зайдите на свою электронную почту, найдите входящее письмо от сайта ок.ru, откройте его. В письме Вы найдете ID приложения, Публичный ключ, Секретный ключ.
6. Далее, зайдите в админ панель DLE, Вашего сайта:
  • Перейдите в раздел настройки системы > настройки для пользователя найдите строку разрешить пользователям регистрацию через социальные сети и выставьте ползунок включить (если у Вас еще не включено).
  • Далее перейдите, пользователи > настройка социальных сетей в пункте, включить авторизацию с использование сети Одноклассники.
  • Скопируйте с письма ID приложения, Публичный ключ, Защищенный ключ, вернитесь обратно в админ панель DLE Вашего сайта и вставьте в форму ID приложения сети Одноклассники ID приложения, в форму Публичный ключ в сети Одноклассники - Публичный ключ,  в форму Секретный ключ сети ОдноклассникиСекретный ключ.
Заполняем в админ панели DLE поля форм - ID приложения сети Одноклассники, Публичный ключ сети Одноклассники, Секретный ключ сети Одноклассники.
  • В самом низу страницы - настройки социальных сетей, нажмите кнопку сохранить.
7. В файле login.tpl разместите примерно следующий код:
[odnoklassniki]<a href="{odnoklassniki_url}" target="_blank">Авторизация с помощью Одноклассники</a>[/odnoklassniki]
Где теги [odnoklassniki] текст [/odnoklassniki] выводят текст заключенный в них, если включена поддержка авторизации при помощи социальной сети Одноклассники. А тег {odnoklassniki_url} выводит ссылку URL на авторизацию в данной соц. сети.

Авторизация через социальную сеть Одноклассники настроена!


Настройка авторизации через социальную сеть Facebook.

1. Авторизуйтесь под учетной записью в сети Facebook, на которую собираетесь вешать приложение авторизации для Вашего сайта. 
2. Перейдите по ссылке, для того что бы создать приложение.
3. На открывшейся странице, в правом верхнем углу нажмите кнопку Добавить новое приложение.
4. В открывшемся модальном окне, Вам необходимо заполнить 2 поля формы:
  • Отображаемое название - название Вашего приложение.
  • Электронный адрес для связи - Ваш email.
  • Далее, нажмите на кнопку Создайте ID приложения. После, появится еще одно окно в котором необходимо пройти капчу.
Создаем приложение для авторизации через социальную сеть Facebook, под цмс DLE.
5. На странице приложения, слева в сайд-бар меню нажмите настройки > основное.
  • В появившейся форме, Вам необходимо добавить Значек приложения - необходимо создать значек в графическом редакторе. (Например в Photoshop).
    Внимание! Файл должен быть в формате JPG, GIF или PNG. Размер изображения должен быть 1024 x 1024 пикселей. Ограничение размера файла: 5 МБ.
  • Категории - Выберите категорию к которой относится Ваш проект.
  • Все остальные поля оставляем по умолчанию.
Создаем значек для приложения Facebook - авторизация через социальную сеть Facebook, под цмс DLE.
6. Ниже под формой нажмите кнопку добавить платформу.
  • В появившемся окне выберите веб-сайт.
  • В поле URL-адрес сайта - введите адрес своего сайта http://мой-сайт.ru
    Внимание! Если у Вас доменное имя начинается с https:// необходимо прописывать адрес https://ваш-сайт.ru
  • Далее, нажмите кнопку сохранить изменения.
7. Слева в сайд-бар меню нажмите настройки > дополнительно.
  • Справа, в разделе безопасность, найдите разрешить доступ API к настройкам приложения и переведите ползунок в позицию ДА (включить).
  • Далее, нажмите кнопку сохранить изменения.
  • Остальные настройки оставляете по умолчанию.
8. В сайд-бар меню нажмите пункт проверка приложения.
  • В самом первом разделе - Сделать приложение «MyApp» доступным для всех? Переведите ползунок в позицию Да (включить).
9. В сайд-бар меню нажмите пункт панель.
  • Справа, скопируйте Идентификатор приложения и Секрет приложения.
В Facebook, на странице настроек приложения, копируем идентификатор и секрет, для подключения авторизация через социальную сеть Facebook, под цмс DLE.
  • Откройте админ панель Вашего сайта в новой вкладке, перейдите в настройки системы > настройки для пользователя найдите строку разрешить пользователям регистрацию через социальные сети и выставьте ползунок включить, если еще не включено.
  • Далее перейдите, пользователи > настройка социальных сетей в пункте, включить авторизацию с использование сети Facebook.
  • Ниже, в поле формы ID Приложения в сети Facebook вставьте Идентификатор приложения, в поле Секретный ключ в сети Facebook - Секрет приложения.
Заполняем в админ панели DLE, поля форм - ID приложения сети Facebook и Секретный ключ сети Facebook.
  • В самом низу страницы - настройки социальных сетей, нажмите кнопку сохранить.
10. После этого, в файле login.tpl разместите примерно следующий код:
[facebook]<a href="{facebook_url}" target="_blank">Авторизация с помощью Facebook</a>[/facebook]
Где теги [facebook] текст [/facebook] выводят текст заключенный в них, если включена поддержка авторизации при помощи социальной сети Facebook. А тег {facebook_url} выводит ссылку URL на авторизацию в соц. сети. 

Авторизация через социальную сеть Facebook настроена!


Настройка авторизации через социальную сеть Google Pluse.

1. Авторизуйтесь под учетной записью (Ваша почта@gmail.com) в Google, на которую собираетесь вешать приложение авторизации для Вашего сайта.
2. Перейдите по ссылке, для того что бы создать приложение.
3. На открывшейся странице нажмите кнопку создать проект.
  • На новой странице, Вас попросят заполнить поле формы название проекта, напишите название проекта.
  • Нажмите кнопку создать.
Создаем приложение для авторизации через социальную сеть Google+, под цмс DLE.
  • После того как Вы создали проект перейдите в раздел библиотеки, нажав на стрелочку назад возле заголовка управления ресурсами или нажав на логотип Google APls.
  • В разделе Social API нажмите на Google API.
    Внимание! Обратите внимание, что в верху должно быть название вашего созданного проекта.
Библиотека Google API, для создания приложения авторизация через сеть Google Pluse, для цмс DLE.
4. На странице Google+ API:
  • Верху страницы нажмите кнопку включить.
  • После, Вам покажет предупреждение - Чтобы использовать этот API, нужно создать учетные данные.
  • Нажмите на кнопку создать.
Создаем учетные данные в Google+ API для приложения авторизации через сеть Google Pluse, под цмс DLE
5. На странице учетные данные, заполните поля форм:

    Шаг 1: Выбор типа учетных данных
  • Какие API Вы используете?  - Google+ API.
  • Откуда Вы будете вызывать API? - Веб-браузер (jаvascript).
  • К каким данным Вы будете обращаться? - Данные пользователя.
  • Нажмите кнопку выбрать тип учетных данных.
Шаг 1: Добавляем учетные данные в Google+ Api, для приложения авторизации через социальную сеть Google+, под цмс DLE.
    Шаг 2. Создание идентификатора клиента OAuth 2.0
  • Название - название Вашего сайта.
  • Разрешенные источники jаvascript - введите адрес своего сайта http://мой-сайт.ru
  • Разрешенные URL перенаправления - введите адрес своего сайта http://мой-сайт.ru/index.php?do=auth-social&provider=google
  • Внимание! Если у Вас доменное имя начинается с https:// необходимо прописывать адреса https://ваш-сайт.ru
  • Нажмите кнопку создать идентификатора клиента.
Шаг 2: Создаем идентификатор клиента для приложения авторизации через социальную сеть Google+, под цмс DLE.
    Шаг 3. Настройте окно запроса доступа OAuth 2.0
  • Адрес электронной почты - Ваш email.
  • Название продукта которое видят пользователи - название Вашего сайта.
  • URL главной страницы (необязательно) - введите адрес своего сайта http://мой-сайт.ru
    Внимание! Если у Вас доменное имя начинается с https://, необходимо прописывать адрес https://ваш-сайт.ru
  • URL логотипа продукта - изображение, которое будет добавлено в окно запроса доступа. Необходимо создать логотип в графическом редакторе. (Например в Photoshop). После того, как Вы создали логотип, загрузите его себе на хостинг (например в папку images вашего шаблона). Далее, в поле формы введите адрес, до изображения где оно находится у Вас на хостинге.
    Внимание! Файл должен быть в формате JPG или PNG. Размер изображения должен быть 120 x 120 px.
  • URL политики конфиденциальности - заполнять не нужно.
  • URL условий использования - заполнять не нужно.
  • Нажмите кнопку продолжить.
  • Далее, Вам предложат скачать учетные данные, нажмите не сейчас или кнопку готово.
Шаг 3: Настраиваем окно запроса доступа OAuth 2.0 для приложения авторизации через социальную сеть Google+, под цмс DLE.
6. На странице учетные данные.
  • Нажмите на вкладку подтверждение прав на домен.
  • Нажмите кнопку добавить домен.
  • В модальном окне, введите в поле формы домен - URL-адрес Вашего сайта http://мой-сайт.ru
    Внимание! Если у Вас доменное имя начинается с https:// необходимо прописывать адрес https://ваш-сайт.ru
Подтверждение прав на домен в Google+ Api, для приложения авторизации через социальную сеть Google+, под цмс DLE.
  • После подтверждения прав на домен, вернитесь обратно на вкладку Учетные данные.
  • В списке идентификаторы клиентов, будет строка с Вашим приложением (проектом), в конце строки находится значек загрузки нажмите на него и скачайте файл с данными. В этом файле будут необходимые для Вас client_id и client_secret.
  • Откройте при помощи текстового редактора файл json, который Вы скачали, найдите там строки client_id и client_secret скопируйте id и секрет приложения находящиеся в кавычках.
  • Откройте админ панель Вашего сайта в новой вкладке или окне, перейдите в настройки системы > настройки для пользователя найдите строку разрешить пользователям регистрацию через социальные сети и выставьте ползунок включить, если еще не включено.
  • Далее перейдите, пользователи > настройка социальных сетей в пункте, включить авторизацию с использование сети Google +.
  • Ниже, в поле формы ID Приложения в сети Google + вставьте client_id, в поле Секретный ключ в сети Google + вставьте client_secret.
Заполняем в админ панели DLE, поля форм - ID приложения сети Google+ и Секретный ключ сети Google+.
  • В самом низу страницы - настройки социальных сетей, нажмите кнопку сохранить.
10. После этого, в файле login.tpl разместите примерно следующий код:
[google]<a href="{google_url}" target="_blank">Авторизация с помощью Google</a>[/google]
Где теги [google] текст [/google] выводят текст заключенный в них, если включена поддержка авторизации при помощи социальной сети Google Pluse. А тег {google_url} выводит ссылку URL на авторизацию в сети. 

Авторизация через социальную сеть Google Pluse настроена!


Настройка авторизации через сеть Mail.Ru

1. Авторизуйтесь под учетной записью в сети Mail.Ru, на которую собираетесь вешать приложение авторизации для Вашего сайта.
2. Перейдите по ссылке подключить сайт. На открывшейся странице, заполните необходимые данные:
  • Шаг 1: Правила использования - согласитесь с правилами использования, в низу страницы в поле формы поставьте галочку и нажмите кнопку продолжить.
  • Шаг 2: Информация о сайте - заполните поля форм. 
    • Название - название Вашего сайта.
    • Адрес главной страницы - http://мой-сайт.ru
      Внимание! Если у Вас доменное имя начинается с https:// необходимо прописывать адрес https://ваш-сайт.ru
    • Нажмите кнопку продолжить.
  • Шаг 3: Настройка сайта - для работы платформы@Mail.Ru необходимо разместить файл receiver.html на вашем сайте. Это необходимо сделать один раз, больше его менять не придется.
    • Нажмите кнопку скачать.
    • Скачанный файл (receiver.html), поместите в каталог (корень) Вашего сайта на хостинге, по адресу http://мой-сайт.ru/receiver.html
    • После того, как Вы разместили файл у себя на сайте, нажмите кнопку продолжить.
    • После успешного добавления сайта в сервис Mail.ru, у Вас появится новое окно с необходимыми для Вас данными.
      Вкладку с этой страницей оставьте открытой, она Вам еще понадобится.
В сети Mail.Ru, на странице настроек мои сайты, копируем ID и секретный ключ, для подключения авторизация через социальную сеть Mail.Ru, под цмс DLE.
  • Далее, откройте в новой вкладке браузера, админ панель DLE Вашего сайта:
    • В админ панели, перейдите в настройки системы > настройки для пользователя найдите строку разрешить пользователям регистрацию через социальные сети и выставьте ползунок включить, если еще не включено.
    • Далее перейдите, пользователи > настройка социальных сетей и в пункте, включить авторизацию с использование сети Mail.Ru.
    • Перейдите обратно на вкладку браузера с настройками Вашего сайта в сервисе Mail.ru, скопируйте оттуда ID и Секретный ключ, вернитесь обратно в админ панель DLE Вашего сайта и вставьте в форму ID приложения сети Mail.Ru ID, в форму Секретный ключ сети Mail.Ru - Секретный ключ.
    • В самом низу страницы - настройки социальных сетей, нажмите кнопку сохранить.
Заполняем в админ панели DLE, поля форм - ID приложения сети Mail.Ru и Секретный ключ сети Mail.Ru.
3. На странице с настройками Вашего сайта в сервисе Mail.ru, нажмите кнопку мои сайты. В открывшемся окне:
  • В строке с Вашим проектом, нажмите кнопку управление.
  • На странице Редактирование настроек сайта:
    • В поле формы Иконка для списков, загрузите иконку - иконку необходимо создать в графическом редакторе. (Например в Photoshop).
      Внимание! Файл должен быть в формате GIF или PNG. Размер изображения должен быть 16 x 16 пикселей.
    • В поле формы Картинка для диалогов, загрузите картинку - картинку необходимо создать в графическом редакторе. (Например в Photoshop).
      Внимание! Файл должен быть в формате JPG, GIF или PNG. Размер изображения должен быть 120 x 60 пикселей.
    • Нажмите кнопку сохранить.
Заполняем поля форм на странице настроек мои сайты, в сервисе сети Mail.Ru для авторизации через социальную сеть Mail.Ru, под цмс DLE.
4. После этого, в файле login.tpl разместите примерно следующий код:
[mailru]<a href="{mailru_url}" target="_blank">Авторизация с помощью Mail.Ru</a>[/mailru]
Где теги [mailru] текст [/mailru] выводят текст заключенный в них, если включена поддержка авторизации при помощи социальной сети Mail.Ru. А тег {mailru_url} выводит ссылку URL на авторизацию в сети.

Авторизация через социальную сеть Mail.RU настроена!


Настройка авторизации через сеть Yandex.

1. Авторизуйтесь под учетной записью в сети Yandex, на которую собираетесь вешать приложение авторизации для Вашего сайта. 
2. Перейдите по ссылке создать приложение.
3. На странице Создания приложения, заполните поля форм:
  • Название - название Вашего приложения (сайта).
  • Описание - описание Вашего приложения (сайта).
  • Иконка - загрузите иконку. Иконку необходимо создать в графическом редакторе. (Например в Photoshop).
  • Ссылка на сайт приложения - Укажите ссылку на главную страницу Вашего сайта http://мой-сайт.ru
    Внимание! Если у Вас доменное имя начинается с https:// необходимо прописывать адреса https://ваш-сайт.ru
  • Права - выберите пункт API.Yandex.Паспорта.
    • Справа проставьте галочки на все пункты:
    • Доступ к адресу электронной почты
    • Доступ к дате рождения
    • Доступ к логину, имени и фамилии, полу
    • Доступ к портрету пользователя
  • Callback URL - введите данный адрес http://мой-сайт.ru/index.php?do=auth-social&provider=yandex
    Внимание! Если у Вас доменное имя начинается с https:// необходимо прописывать адреса https://ваш-сайт.ru
  • Нажмите кнопку сохранить.
Создаем приложение для авторизации через сеть Yandex, под цмс DLE.
  • После успешного создания приложения, у Вас появится новое окно с необходимыми для Вас данными.
    Вкладку с этой страницей оставьте открытой она Вам еще понадобится.
В сети Yandex, на странице настроек приложения, копируем ID и Пароль, для подключения авторизации через сеть Yandex, под цмс DLE.
  • Далее, откройте в новой вкладке браузера, админ панель DLE Вашего сайта:
    • В админ панели, перейдите в настройки системы > настройки для пользователя найдите строку разрешить пользователям регистрацию через социальные сети и выставьте ползунок включить, если еще не включено.
    • Далее перейдите, пользователи > настройка социальных сетей и в пункте, включить авторизацию с использование сети Yandex.
    • Перейдите обратно на вкладку браузера с настройками Вашего приложения в сервисе Yandex, скопируйте оттуда ID и Пароль, вернитесь обратно в админ панель DLE Вашего сайта и вставьте в форму ID приложения сети Yandex ID, в форму Пароль сети Yandex - Пароль.
    • В самом низу страницы - настройки социальных сетей, нажмите кнопку сохранить.
Заполняем в админ панели DLE, поля форм - ID приложения сети Yandex и Пароль приложения сети Yandex.
4. После этого, в файле login.tpl разместите примерно следующий код:
[yandex]<a href="{yandex_url}" target="_blank">Авторизация с помощью Yandex</a>[/yandex]
Где теги [yandex] текст [/yandex] выводят текст заключенный в них, если включена поддержка авторизации при помощи социальной сети Yandex. А тег {yandex_url} выводит ссылку URL на авторизацию в сети.

Авторизация через социальную сеть Yandex настроена!


Настройка окон браузера, для авторизации через социальные сети.

К заключению статьи, хочу Вам предложить очень полезный и нужный скрипт. Данный скрипт, открывает авторизацию через социальную сеть в новом маленьком окне браузера, а не перебрасывает юзера на новую страницу и уводит его со страницы Вашего сайта.
Подключения скрипта:
  • Скопируйте и вставьте скрипт в самом конце Вашего main.js файла в вашем шаблоне.
  • Или откройте файл main.tpl и в самом низу страницы перед закрывающимся тегом </body> вставьте данный скрипт.
Сам скрипт:
function newMyWindow1(href){
 var d = document.documentElement,
 w = 600,
 h = 300,
 myWindow = window.open(href, 'myWindow', 'scrollbars=1,height='+Math.min(h, screen.availHeight)+',width='+Math.min(w, screen.availWidth)+',left='+Math.max(0, ((d.clientWidth - w)/2 + window.screenX))+',top='+Math.max(0, ((d.clientHeight - h)/2 + window.screenY)));
 if (myWindow.screenY >= (screen.availHeight - myWindow.outerHeight)) {myWindow.moveTo(myWindow.screenX, (screen.availHeight - myWindow.outerHeight))};
 if (myWindow.screenX >= (screen.availWidth - myWindow.outerWidth)) {myWindow.moveTo((screen.availWidth - myWindow.outerWidth), myWindow.screenY)};
 }
Далее, откройте файл login.tpl, найдите ссылки на кнопки авторизации через соц. сети и добавьте к этим ссылкам следующий код:
onclick="newMyWindow1(this.href); return false;"
Пример полной ссылки:
[vk]
<a href="{vk_url}" class="login__social-icons" onclick="newMyWindow1(this.href); return false;">
 <img src="{THEME}/images/vk.jpg" alt="image">
</a>
[/vk]

На этом, настройка авторизации через социальные сети закончена!  sweat_smile

Оставить комментарий
Мы в социальных сетях: