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

dig_putin

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

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

Aleks.Denezh

  • Живу я здесь
  • 3395
  • 422 / 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

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

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

Aleks.Denezh

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

kern.USR

  • Давно я тут
  • 810
  • 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

  • Давно я тут
  • 810
  • 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

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

kern.USR

  • Давно я тут
  • 810
  • 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

  • Давно я тут
  • 810
  • 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>
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Вывод полей в макете материалов Joomla 3

Автор yarovidze

Ответов: 2
Просмотров: 36
Последний ответ 25.05.2019, 19:23:49
от fbr
quix без русского на сайта?

Автор liliya1919

Ответов: 3
Просмотров: 113
Последний ответ 22.05.2019, 14:35:40
от liliya1919
В настройках сайта появились странные знаки

Автор Masha

Ответов: 1
Просмотров: 61
Последний ответ 20.05.2019, 15:15:14
от Belka
Вывод основного компонента по условию (не на главных страницах) в мультиязычном

Автор stas039

Ответов: 0
Просмотров: 57
Последний ответ 15.05.2019, 12:11:38
от stas039
Из корня сайта получить данные через JTable::getInstance

Автор pavel2950

Ответов: 2
Просмотров: 111
Последний ответ 10.05.2019, 13:40:56
от pavel2950