0 Пользователей и 1 Гость просматривают эту тему.
  • 11 Ответов
  • 336 Просмотров
*

dig_putin

  • Новичок
  • 4
  • 0 / 0
Будьте добры, подскажите.
Хочу вывести виджет VK (Мне нравится)в определенную позицию шаблона.
При добавлении кода:
Спойлер
[свернуть]
в index.php - виджет некрасиво отображается в самом конце страницы.
Какие необходимо произвести действия для вывода виджета в определенную позицию на сайте?

Использую SP Pagebuilder+Helix3, учусь.
*

Aleks.Denezh

  • Живу я здесь
  • 3386
  • 419 / 4
Re: Вывод виджета в любое место сайта
« Ответ #1 : 24.12.2017, 14:16:21 »
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "full", height: 30});
</script>

вот это надо вставить в head вашего шаблона
а вот это <div id="vk_like"> </div> в то место где хотите вывести виджет (например с помощью модуля HTML код, втавить туда этот код )
*

kern.USR

  • Давно я тут
  • 805
  • 61 / 1
Re: Вывод виджета в любое место сайта
« Ответ #2 : 24.12.2017, 21:05:48 »
вот это надо вставить в head вашего шаблона
Только вставлять не сам текст скрипта, а воспользоваться API Joomla

Вот тут прочитаете, как это сделать https://docs.joomla.org/Adding_JavaScript
*

Aleks.Denezh

  • Живу я здесь
  • 3386
  • 419 / 4
Re: Вывод виджета в любое место сайта
« Ответ #3 : 24.12.2017, 21:10:16 »
Только вставлять не сам текст скрипта, а воспользоваться API Joomla
а давайте ещё будем вместо exit; писать JFacatory::getApplication()->close();
*

kern.USR

  • Давно я тут
  • 805
  • 61 / 1
Re: Вывод виджета в любое место сайта
« Ответ #4 : 24.12.2017, 22:06:53 »
а давайте ещё будем вместо exit; писать JFacatory::getApplication()->close();
А это идея! Пожалуй, пойду свой код поправлю!

Ну а если без фанатизма, то JS лучше подключать всё-таки через API. Как минимум все скрипты соберутся в под один тег <script>
И, если вдруг испльзуется какой-нибудь плагин для обработки js в хэдэре, то не будет вопросов "а чё скрипты берёт избирательно?"
*

dig_putin

  • Новичок
  • 4
  • 0 / 0
Re: Вывод виджета в любое место сайта
« Ответ #5 : 26.12.2017, 08:56:32 »
Благодарю за оперативные ответы.
Однако результатов нет(
Добавил в head:

Код
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "full", height: 30});
</script>

Создал новый модуль c HTML-кодом
добавив строчку с:
Код
<div id="vk_like"> <>.

Выбрал позицию в шаблоне.
На сайте виден лишь заголовок модуля(.
Поделитесь плз мнением - что не учел/пропустил..
« Последнее редактирование: 26.12.2017, 10:08:48 от dig_putin »
*

kern.USR

  • Давно я тут
  • 805
  • 61 / 1
Re: Вывод виджета в любое место сайта
« Ответ #6 : 26.12.2017, 10:01:12 »
А вы документацию внимательно изучили?
https://vk.com/dev/widget_like

Вы скрипт API подключили?
Код
https://vk.com/js/api/openapi.js?151

Вы инициализацию скрипта выполнили?
Код
<script type="text/javascript">
  VK.init({
    apiId: ВАШ_API_ID,
    onlyWidgets: true
  });
</script>
Что-то мне подсказывает, что нет.
*

dig_putin

  • Новичок
  • 4
  • 0 / 0
Re: Вывод виджета в любое место сайта
« Ответ #7 : 26.12.2017, 10:04:26 »
Да - с этим порядок, связь по API есть - отображается на сайте, считает "лайки", но размещен не красиво  - в самом конце странице слева. А хотелось бы в header  добавить виджет.
« Последнее редактирование: 26.12.2017, 10:09:21 от dig_putin »
*

kern.USR

  • Давно я тут
  • 805
  • 61 / 1
Re: Вывод виджета в любое место сайта
« Ответ #8 : 26.12.2017, 10:38:58 »
Ссылочкой не поделитесь на сайт, чтоб проверить?
*

kern.USR

  • Давно я тут
  • 805
  • 61 / 1
Re: Вывод виджета в любое место сайта
« Ответ #9 : 26.12.2017, 11:10:55 »
Да - с этим порядок
А что на счёт примера от VK?
Вызов должен происходить после построения DOM, а у вас, скорее всего, не так
Код
<script type="text/javascript"> 
window.onload = function () {
VK.init({apiId: ВАШ_API_ID, onlyWidgets: true});
 VK.Widgets.Like("vk_like", {type: "full", height: 30}); }
</script>
*

dig_putin

  • Новичок
  • 4
  • 0 / 0
Re: Вывод виджета в любое место сайта
« Ответ #10 : 27.12.2017, 07:23:00 »
Ссылочкой не поделитесь на сайт, чтоб проверить?

Делюсь - ilya-danilov.ru (Виджет отображается в самом конце слева).
« Последнее редактирование: 27.12.2017, 07:27:00 от dig_putin »
*

kern.USR

  • Давно я тут
  • 805
  • 61 / 1
Re: Вывод виджета в любое место сайта
« Ответ #11 : 27.12.2017, 09:23:47 »
Ну вы в консоль хоть посмотрели бы.... Вам там явно пишут ошибки http://joxi.ru/Vrw9zQpsKRXkM2

А всё потому, что у вас сначала вызов виджета, а потом инициализация API.
Поменяйте блоки местами http://joxi.ru/82QNL7WU1zdpOA
http://joxi.ru/EA4Z4paiD6xK1m
 Просто возьмите этот код и замените им свой

Код
<script type="text/javascript">
window.onload = function () {
VK.init({apiId: 6302232, onlyWidgets: true});
VK.Widgets.Like("vk_like", {type: "full", height: 30}); }
</script>
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Вывод кастомных полей в списке пользователей админки

Автор stepan39

Ответов: 4
Просмотров: 67
Последний ответ 20.01.2019, 14:28:04
от stepan39
Вывод материалов на сайте

Автор Miden

Ответов: 4
Просмотров: 106
Последний ответ 17.01.2019, 14:03:53
от AlekVolsk
Вставить url сайта в материал

Автор denism300

Ответов: 6
Просмотров: 277
Последний ответ 11.01.2019, 17:48:35
от beliyadm
Защита сайта

Автор Alivio

Ответов: 12
Просмотров: 346
Последний ответ 12.12.2018, 11:21:34
от Alivio
Кривое отображение сайта в мобильной версии Apple

Автор Alex_iPod

Ответов: 2
Просмотров: 108
Последний ответ 11.12.2018, 13:06:11
от Alex_iPod