custom/plugins/ShopsyKlaviyo6/src/Resources/views/storefront/base.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/base.html.twig' %}
  3. {% block base_body_script %}
  4.     {{ parent() }}
  6.     <script type="text/javascript">
  7.         document.addEventListener("DOMContentLoaded", function(event) {
  8.             var substring = 'shopsyKlaviyo=shopsyKlaviyo';
  9.             var checkCookie = document.cookie.indexOf(substring) !== -1;
  10.             var cookieRequired;
  12.             if (document.getElementsByName('cookieRequired')[0] !== undefined) {
  13.                 cookieRequired = document.getElementsByName('cookieRequired')[0].value;
  14.             }
  16.             if (cookieRequired !== "1" || checkCookie) {
  17.                 waitForKlaviyoElement('form button.needsclick').then((elm) => {
  18.                     const submitbutton = document.querySelectorAll('form button.needsclick');
  19.                     submitbutton[0].addEventListener('click', function () {
  20.                         const email = document.querySelectorAll('form input.needsclick[type=email]')[0].value;
  21.                         window.localStorage.setItem('klaviyoValue', btoa(email));
  22.                     });
  23.                 });
  25.                 var imported = document.createElement('script');
  26.                 imported.src = 'https://static.klaviyo.com/onsite/js/klaviyo.js?company_id={{ page.shopsyKlaviyo.apiKey }}';
  27.                 imported.setAttribute("type", "text/javascript");
  28.                 imported.async = 'async';
  29.                 document.head.appendChild(imported);
  30.             }
  32.             if (checkCookie || cookieRequired !== "1") {
  33.                 !function () {
  34.                     if (!window.klaviyo) {
  35.                         window._klOnsite = window._klOnsite || [];
  36.                         try {
  37.                             window.klaviyo = new Proxy({}, {
  38.                                 get: function (n, i) {
  39.                                     return "push" === i ? function () {
  40.                                         var n;
  41.                                         (n = window._klOnsite).push.apply(n, arguments)
  42.                                     } : function () {
  43.                                         for (var n = arguments.length, o = new Array(n), w = 0; w < n; w++)
  44.                                             o[w] = arguments[w];
  45.                                         var t = "function" == typeof o[o.length - 1] ? o.pop() : void 0,
  46.                                             e = new Promise(function (n) {
  47.                                                 window._klOnsite.push([i].concat(o, [function (i) {
  48.                                                     t && t(i), n(i)
  49.                                                 }]))
  50.                                             });
  51.                                         return e
  52.                                     }
  53.                                 }
  54.                             })
  55.                         } catch (n) {
  56.                             window.klaviyo = window.klaviyo || [], window.klaviyo.push = function () {
  57.                                 var n;
  58.                                 (n = window._klOnsite).push.apply(n, arguments)
  59.                             }
  60.                         }
  61.                     }
  62.                 }();
  64.                 (function () {
  65.                     var b = document.createElement('script');
  66.                     b.type = 'text/javascript';
  67.                     b.async = true;
  68.                     b.src = ('https:' === document.location.protocol ? 'https://' : 'http://') + 'static.klaviyo.com/onsite/js/klaviyo.js?company_id={{ page.shopsyKlaviyo.apiKey }}';
  69.                     var a = document.getElementsByTagName('script')[0];
  70.                     a.parentNode.insertBefore(b, a);
  71.                 })();
  72.             }
  73.         });
  75.         function waitForKlaviyoElement(selector) {
  76.             return new Promise(resolve => {
  77.                 if (document.querySelector(selector)) {
  78.                     return resolve(document.querySelector(selector));
  79.                 }
  81.                 const observer = new MutationObserver(mutations => {
  82.                     if (document.querySelector(selector)) {
  83.                         resolve(document.querySelector(selector));
  84.                         observer.disconnect();
  85.                     }
  86.                 });
  88.                 observer.observe(document.body, {
  89.                     childList: true,
  90.                     subtree: true
  91.                 });
  92.             });
  93.         }
  94.     </script>
  96. {% endblock %}
  98. {% block base_body %}
  99.     {{ parent() }}
  101.     {% sw_include '@ShopsyKlaviyo6/storefront/shopsy-klaviyo/shopsy-klaviyo-hidden-input-fields.html.twig' %}
  102. {% endblock %}