Как встроить внешний виджет на страницу в Bolt? - PullRequest
0 голосов
/ 06 марта 2019

Я пытаюсь встроить виджет системы бронирования на мою домашнюю страницу bolt (единственную и единственную homepage, используя тему base-2018).Я вставляю его в окно Content, сначала выбирая Source.Болт интерпретирует происходящее, поскольку в коде выделены различные теги и идентификаторы.

Код виджета примерно такой:

<div id="bokun [blabla]">Loading...</div>
<p><script type="text/javascript"><br />
var w15;<br />
(function(d, t) {<br />
  var host = 'widgets.bokun.io';<br />
  var frameUrl = 'https://' + host + '/widgets/15';<br />
  var s = d.createElement(t), options = {'host': host, 'frameUrl': frameUrl, 'widgetHash':'w15', 'autoResize':true,'height':'','width':'100%', 'minHeight': 0,'async':true, 'ssl':true, 'affiliateTrackingCode': '', 'transientSession': true, 'cookieLifetime': 43200 };<br />
  s.src = 'https://' + host + '/assets/javascripts/widgets/embedder.js';<br />
  s.onload = s.onreadystatechange = function() {<br />
    var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;<br />
    try {<br />
      w15 = new BokunWidgetEmbedder(); w15.initialize(options); w15.display();<br />
    } catch (e) {}<br />
  };<br />
  var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);<br />
})(document, 'script');<br />
</script></p>

Я только отредактировал уникальный идентификаторэтот виджет имеет.В противном случае, это копируется из провайдера и работает на моем текущем сайте Wordpress ... ХОТЯ, когда я вставляю его в Wordpress, редактор уведомляет меня, что "что-то не так", и предлагает мне исправить это.

Какмне вставить это?Нужно ли создавать файл .js и ссылаться на него в соответствии со стандартами Twig, и если да, то как мне это сделать?Я также должен отметить, что виджет будет перенаправлять на другую страницу на том же сайте, когда вы что-то нажимаете на нем.Спасибо.

Версия болта: 3.6.5

1 Ответ

0 голосов
/ 06 марта 2019
...