Добрый день! Хочу установить виджет на сайт на главную страничку , к примеру под какой-то строкой. Почитал мануалы, скачал плагин 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'> Столкнулись с проблемой — сообщите о ней! </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>
Отписываюсь. Т.к. у меня плагин работал лишь в шапке сайта ( где я добавлял код в index. php ) а в любой строке модуль не хотел отрабатывать как положено ( но при этом появлялась четкая картинка и кнопка, но не была активна) я решил убрать код из index.php и о чудо! виджет начал отрабатывать в модуле как положено! Спасибо всем кто пытался помочь!
