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

gmfantasy

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
Добрый день!
Хочу установить виджет на сайт на главную страничку , к примеру под какой-то строкой.
Почитал мануалы,  скачал плагин Sourcerer , скопировал код виджета  , создал HMTL-модуль , туда впихнул этот код поместив его в контейнер {source}{/source}
Получил id модуля, зашел в материалы, выбрал позицию, прописал {module id} где id это номер модуля иииииии... получил картинку , обрадовался. Жму на кнопку...а она не отвечает. Разочаровался.

Подскажите советом, с чего начать копать и главное куда?

P.S. Сам код
Код
<script src='https://pos.gosuslugi.ru/bin/script.min.js'></script> 
<style>
@charset "UTF-8";#js-show-iframe-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:293px;max-width:100%;background:linear-gradient(138.4deg,#38bafe 26.49%,#2d73bc 79.45%);color:#fff; cursor: pointer;}#js-show-iframe-wrapper .pos-banner-fluid *{box-sizing:border-box}#js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2{display:block;width:195px;min-height:56px;font-size:18px;line-height:24px;cursor:pointer;background:#0d4cd3;color:#fff;border:none;border-radius:8px;outline:0}#js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2:hover{background:#1d5deb}#js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2:focus{background:#2a63ad}#js-show-iframe-wrapper .pos-banner-fluid .pos-banner-btn_2:active{background:#2a63ad}@-webkit-keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@font-face{font-family:LatoWebLight;src:url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Light.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Light.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Light.ttf) format("truetype");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:LatoWeb;src:url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Regular.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Regular.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Regular.ttf) format("truetype");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}@font-face{font-family:LatoWebBold;src:url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Bold.woff2) format("woff2"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Bold.woff) format("woff"),url(https://pos.gosuslugi.ru/bin/fonts/Lato/fonts/Lato-Bold.ttf) format("truetype");font-style:normal;font-weight:400;text-rendering:optimizeLegibility}
</style>

<style>
#js-show-iframe-wrapper .bf-1{position:relative;display:grid;grid-template-columns:var(--pos-banner-fluid-1__grid-template-columns);grid-template-rows:var(--pos-banner-fluid-1__grid-template-rows);width:100%;max-width:1060px;font-family:LatoWeb,sans-serif;box-sizing:border-box}#js-show-iframe-wrapper .bf-1__decor{grid-column:var(--pos-banner-fluid-1__decor-grid-column);grid-row:var(--pos-banner-fluid-1__decor-grid-row);padding:var(--pos-banner-fluid-1__decor-padding);background:url(https://pos.gosuslugi.ru/bin/banner-fluid/1/banner-fluid-bg-1.svg) var(--pos-banner-fluid-1__decor-bg-position) no-repeat;background-size:var(--pos-banner-fluid-1__decor-bg-size)}#js-show-iframe-wrapper .bf-1__logo-wrap{display:flex;flex-direction:column;align-items:flex-end}#js-show-iframe-wrapper .bf-1__logo{width:128px}#js-show-iframe-wrapper .bf-1__slogan{font-family:LatoWebBold,sans-serif;font-size:var(--pos-banner-fluid-1__slogan-font-size);line-height:var(--pos-banner-fluid-1__slogan-line-height)}#js-show-iframe-wrapper .bf-1__content{padding:var(--pos-banner-fluid-1__content-padding)}#js-show-iframe-wrapper .bf-1__description{display:flex;flex-direction:column;margin-bottom:24px}#js-show-iframe-wrapper .bf-1__text{margin-bottom:12px;font-size:24px;line-height:32px;font-family:LatoWebBold,sans-serif}#js-show-iframe-wrapper .bf-1__text_small{margin-bottom:0;font-size:16px;line-height:24px;font-family:LatoWeb,sans-serif}#js-show-iframe-wrapper .bf-1__btn-wrap{display:flex;align-items:center;justify-content:center}
</style >
<div id='js-show-iframe-wrapper'>
  <div class='pos-banner-fluid bf-1'>

    <div class='bf-1__decor'>
      <div class='bf-1__logo-wrap'>
        <img
          class='bf-1__logo'
          src='https://pos.gosuslugi.ru/bin/banner-fluid/gosuslugi-logo.svg'
          alt='Госуслуги'
        />
        <div class='bf-1__slogan'>Жалобы на всё</div >
      </div >
    </div >
    <div class='bf-1__content'>

      <div class='bf-1__description'>
          <span class='bf-1__text'>
            Не убран снег, яма на дороге, не горит фонарь?
          </span >
        <span class='pos-banner-fluid__text pos-banner-fluid__text_small'>
            Столкнулись с проблемой&nbsp;— сообщите о ней!
          </span >
      </div >

      <div class='bf-1__btn-wrap'>
        <!-- pos-banner-btn_2 не удалять; другие классы не добавлять -->
        <button
          class='pos-banner-btn_2'
          type='button'
        >Подать жалобу
        </button >
      </div >

    </div >

  </div >
</div >
<script>

(function(){
  "use strict";
  var root=document.documentElement,banner=document.getElementById("js-show-iframe-wrapper");function displayWindowSize(){var e=banner.offsetWidth;e<=500&&(root.style.setProperty("--pos-banner-fluid-1__grid-template-columns","100%"),root.style.setProperty("--pos-banner-fluid-1__grid-template-rows","310px auto"),root.style.setProperty("--pos-banner-fluid-1__decor-grid-column","initial"),root.style.setProperty("--pos-banner-fluid-1__decor-grid-row","initial"),root.style.setProperty("--pos-banner-fluid-1__decor-padding","30px 30px 0 30px"),root.style.setProperty("--pos-banner-fluid-1__decor-bg-position","center calc(100% - 10px)"),root.style.setProperty("--pos-banner-fluid-1__decor-bg-size","75% 75%"),root.style.setProperty("--pos-banner-fluid-1__content-padding","0 30px 30px 30px"),root.style.setProperty("--pos-banner-fluid-1__slogan-font-size","24px"),root.style.setProperty("--pos-banner-fluid-1__slogan-line-height","32px")),e>500&&e<=800&&(root.style.setProperty("--pos-banner-fluid-1__grid-template-columns","min-content 1fr"),root.style.setProperty("--pos-banner-fluid-1__grid-template-rows","100%"),root.style.setProperty("--pos-banner-fluid-1__decor-grid-column","2"),root.style.setProperty("--pos-banner-fluid-1__decor-grid-row","1"),root.style.setProperty("--pos-banner-fluid-1__decor-padding","30px 30px 30px 0"),root.style.setProperty("--pos-banner-fluid-1__decor-bg-position","calc(30% - 10px) calc(72% - 2px)"),root.style.setProperty("--pos-banner-fluid-1__decor-bg-size","calc(23% + 150px)"),root.style.setProperty("--pos-banner-fluid-1__content-padding","30px"),root.style.setProperty("--pos-banner-fluid-1__slogan-font-size","24px"),root.style.setProperty("--pos-banner-fluid-1__slogan-line-height","32px")),e>800&&e<=1020&&(root.style.setProperty("--pos-banner-fluid-1__grid-template-columns","min-content 1fr"),root.style.setProperty("--pos-banner-fluid-1__grid-template-rows","100%"),root.style.setProperty("--pos-banner-fluid-1__decor-grid-column","2"),root.style.setProperty("--pos-banner-fluid-1__decor-grid-row","1"),root.style.setProperty("--pos-banner-fluid-1__decor-padding","30px 30px 30px 0"),root.style.setProperty("--pos-banner-fluid-1__decor-bg-position","calc(38% - 50px) calc(6% - 0px)"),root.style.setProperty("--pos-banner-fluid-1__decor-bg-size","420px"),root.style.setProperty("--pos-banner-fluid-1__content-padding","30px"),root.style.setProperty("--pos-banner-fluid-1__slogan-font-size","32px"),root.style.setProperty("--pos-banner-fluid-1__slogan-line-height","40px")),e>1020&&(root.style.setProperty("--pos-banner-fluid-1__grid-template-columns","min-content 1fr"),root.style.setProperty("--pos-banner-fluid-1__grid-template-rows","100%"),root.style.setProperty("--pos-banner-fluid-1__decor-grid-column","2"),root.style.setProperty("--pos-banner-fluid-1__decor-grid-row","1"),root.style.setProperty("--pos-banner-fluid-1__decor-padding","30px 30px 30px 0"),root.style.setProperty("--pos-banner-fluid-1__decor-bg-position","calc(30% - 28px) calc(0% - 40px)"),root.style.setProperty("--pos-banner-fluid-1__decor-bg-size","620px"),root.style.setProperty("--pos-banner-fluid-1__content-padding","30px"),root.style.setProperty("--pos-banner-fluid-1__slogan-font-size","32px"),root.style.setProperty("--pos-banner-fluid-1__slogan-line-height","40px"))}displayWindowSize();var resizeListener=window.addEventListener("resize",displayWindowSize);window.onunload=function(){window.removeEventListener("resize",resizeListener)};
})()

</script>
 <script>Widget("https://pos.gosuslugi.ru/form", 215978)</script>
*

AlexB

  • Завсегдатай
  • 1973
  • 53 / 2
Re: Установка виджета в любое место
« Ответ #1 : 04.02.2021, 21:50:26 »
Так вставляйте прямо в материал зачем через модуль?
Или если много где использовать, то в настройках модуля включительно обрабатывать плагинами
*

gmfantasy

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
Re: Установка виджета в любое место
« Ответ #2 : 04.02.2021, 21:54:50 »
Спасибо за ответ. Вставлял в материал. Вывод чисто кода был. Завел только его в модуль и добился вывода картинки и кнопки. Запутался.
*

AlexB

  • Завсегдатай
  • 1973
  • 53 / 2
Re: Установка виджета в любое место
« Ответ #3 : 04.02.2021, 21:57:31 »
Так в материал вставляйте так же через плагин вставки кода.
А если в модуле то включительно в настройках обрабатывать плагинами
*

gmfantasy

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
Re: Установка виджета в любое место
« Ответ #4 : 04.02.2021, 22:05:09 »
Так в материал вставляйте так же через плагин вставки кода. А если в модуле то включительно в настройках обрабатывать плагинами

Вставил виджет этот через плагин вставки кода {source}{/source}  в итоге виджет кривым стал и не отображается полноценно.
*

gmfantasy

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
Re: Установка виджета в любое место
« Ответ #5 : 04.02.2021, 22:07:37 »
Так в материал вставляйте так же через плагин вставки кода.
А если в модуле то включительно в настройках обрабатывать плагинами
Самое интересное, если добавить этот код в index.php . То плагин прекрасно работать начинает. Все кнопки активны и отображается. Но его позиция меня не устраивает
*

AlexB

  • Завсегдатай
  • 1973
  • 53 / 2
Re: Установка виджета в любое место
« Ответ #6 : 04.02.2021, 22:08:12 »
Так может дело в виджете?
Вставьте в модуль и выведите в какой либо позиции для проверки
*

gmfantasy

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
Re: Установка виджета в любое место
« Ответ #7 : 04.02.2021, 22:14:43 »
Так может дело в виджете?
Вставьте в модуль и выведите в какой либо позиции для проверки
Очень странно. Вставил в модуль, вывел в позицию и так же появилась картинка, так же появилась кнопка, но ничего не активно.
Код вставки так же был source
*

AlexB

  • Завсегдатай
  • 1973
  • 53 / 2
Re: Установка виджета в любое место
« Ответ #8 : 04.02.2021, 22:17:02 »
Значит плагин не отрабатывает.
Пробуйте без него в модуль в режиме без редактора
*

gmfantasy

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
Re: Установка виджета в любое место
« Ответ #9 : 04.02.2021, 22:19:23 »
Значит плагин не отрабатывает.
Пробуйте без него в модуль в режиме без редактора
Я только учусь этому делу, но как я понял, мне нужно в панеле управления отключить редактор и просто в модуле вставить код, без source ?
*

AlexB

  • Завсегдатай
  • 1973
  • 53 / 2
Re: Установка виджета в любое место
« Ответ #10 : 04.02.2021, 22:22:11 »
Да
*

gmfantasy

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
Re: Установка виджета в любое место
« Ответ #11 : 04.02.2021, 22:29:30 »
Да
Добавил в модуль просто код, убрал редактор ( стоял JCE)  ситуация не поменялась....  Читаю пока по плагинам, может там не включено что-то
*

gmfantasy

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
Re: Установка виджета в любое место
« Ответ #12 : 04.02.2021, 22:34:37 »
Да
Может и нашел в чем дело... только мои догадки, плагин Sourcerer не ПРО версии, FREE версия не поддерживает JS ...
*

AlexB

  • Завсегдатай
  • 1973
  • 53 / 2
Re: Установка виджета в любое место
« Ответ #13 : 04.02.2021, 22:36:47 »
Ну скорее всего да
У самого прошка.
*

gmfantasy

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
Re: Установка виджета в любое место
« Ответ #14 : 04.02.2021, 22:51:20 »
Ну скорее всего да
У самого прошка.
Нашел прошку, вставил код через плагин в модуль.  Удалил расширение Anyweare . Оставил стандартное.  сохранил все дело. Зашел в материал и через {loadmoduleid} указал на модуль и...ничего опять. Кнопка не работает.Мои идеи иссякли)
*

AlexB

  • Завсегдатай
  • 1973
  • 53 / 2
Re: Установка виджета в любое место
« Ответ #15 : 04.02.2021, 22:56:29 »
Нашёл или купил?
Обработку включили?
*

gmfantasy

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
Re: Установка виджета в любое место
« Ответ #16 : 04.02.2021, 23:00:12 »
Нашёл или купил?
Обработку включили?
Нашел в папке расширения на компьютере админа,  Обработка была включена  изначально в том модуле. Передали блин сайт в наследство, хех
*

AlexB

  • Завсегдатай
  • 1973
  • 53 / 2
Re: Установка виджета в любое место
« Ответ #17 : 04.02.2021, 23:02:09 »
Киньте код виджета в личку или на почту bovina504@gmail.com
Протестирую
*

gmfantasy

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
Re: Установка виджета в любое место
« Ответ #18 : 04.02.2021, 23:04:01 »
Киньте код виджета в личку или на почту bovina504@gmail.com
Протестирую
скинул
*

AlexB

  • Завсегдатай
  • 1973
  • 53 / 2
Re: Установка виджета в любое место
« Ответ #19 : 04.02.2021, 23:12:34 »
Ищите косяк у себя
Первый линк напрямую в материал
Второй через модуль в материале
*

gmfantasy

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
Re: Установка виджета в любое место
« Ответ #20 : 04.02.2021, 23:16:50 »
Ищите косяк у себя
Первый линк напрямую в материал
Второй через модуль в материале
Увидел,  теперь бы понять куда копать для начала. Не думал что такие сложности могут быть с каким-то виджетом
*

AlexB

  • Завсегдатай
  • 1973
  • 53 / 2
Re: Установка виджета в любое место
« Ответ #21 : 04.02.2021, 23:21:54 »
Пробуйте такие варианты:
Отключить JCE. Используйте Тини
Ну либо косяк в плагине. У меня 8.4.3 порошка и вообще никаких проблем.
Кстати в консоль загляните может конфликт какой
*

gmfantasy

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
Re: Установка виджета в любое место
« Ответ #22 : 04.02.2021, 23:23:42 »
Кстати в консоль загляните может конфликт какой

Можете подсказать как по правильному это сделать? Консоль это как я понял F12  ?
*

AlexB

  • Завсегдатай
  • 1973
  • 53 / 2
Re: Установка виджета в любое место
« Ответ #23 : 04.02.2021, 23:25:59 »
Да простоивкладка консоль.
И смотрите есть там красное или нет
*

gmfantasy

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
Re: Установка виджета в любое место
« Ответ #24 : 04.02.2021, 23:31:59 »
Да простоивкладка консоль.
И смотрите есть там красное или нет
Нажал F12 выбрал консоль, перегрузил страницу, нажал на кнопки ... белое все . Хех
*

gmfantasy

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
Re: Установка виджета в любое место
« Ответ #25 : 04.02.2021, 23:35:34 »
Да простоивкладка консоль.
И смотрите есть там красное или нет
Спасибо за помощь, буду пока читать мануалы. Может что-то пропустил, но пока на сегодня все. Сил нет)
*

gmfantasy

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
Re: Установка виджета в любое место
« Ответ #26 : 05.02.2021, 09:07:09 »
Отписываюсь. Т.к. у меня плагин работал лишь в  шапке сайта ( где я добавлял код в index. php ) а в любой строке модуль не хотел отрабатывать  как положено ( но при этом появлялась четкая картинка и кнопка, но не  была активна) я решил убрать код из index.php и о чудо! виджет начал отрабатывать в модуле как положено! Спасибо всем кто пытался помочь!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Установка компонента в Joomla 3

Автор Бекжан

Ответов: 7
Просмотров: 1067
Последний ответ 27.03.2021, 15:00:56
от arma
Где размещать код виджета комментариев Telegram и ВК?

Автор Kijv

Ответов: 5
Просмотров: 119
Последний ответ 22.03.2021, 20:28:51
от Kijv
Вставка виджета

Автор Agoniya

Ответов: 9
Просмотров: 234
Последний ответ 17.08.2020, 16:44:56
от Agoniya
Установка Joomla 3.8.0.0 на NAS qnap

Автор weser

Ответов: 7
Просмотров: 397
Последний ответ 05.03.2020, 16:21:00
от weser
Правильная установка quickstart

Автор 433

Ответов: 8
Просмотров: 701
Последний ответ 26.01.2020, 22:20:32
от voland