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

dig_putin

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

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

Aleks.Denezh

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

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

Ускорение сайта, включение акселератора? что думаете?

Автор polezniy

Ответов: 8
Просмотров: 100
Последний ответ 13.11.2018, 14:54:17
от wishlight
Медленная загрузка сайта и админки

Автор yevgeniy.anufriyev

Ответов: 9
Просмотров: 207
Последний ответ 01.11.2018, 10:39:32
от yevgeniy.anufriyev
Поля field types - Вывод материала

Автор Шмайсер

Ответов: 11
Просмотров: 203
Последний ответ 25.10.2018, 12:51:54
от NewUsers
Вывод дополнительных колонок в менеджере пользователей

Автор Nikolaha

Ответов: 10
Просмотров: 316
Последний ответ 16.10.2018, 13:06:38
от Nikolaha
Взять код js и HTML, css с другого сайта (калькулятор осаго, расчет кбм)

Автор KsandrL

Ответов: 19
Просмотров: 4291
Последний ответ 11.10.2018, 16:07:28
от itpb