custom/plugins/clerkio64/src/Resources/views/storefront/layout/meta.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/meta.html.twig' %}
  3. {% block layout_head_javascript_tracking %}
  4.     {{ parent() }}
  5.     {% set clerk_api_key = config('clerkio64.config.publicKey') %}
  6.     {% set clerk_language_id = page.header.activeLanguage.id %}
  7.     {% set clerk_js_custom_url = context.salesChannel.translated.name|lower|slug %}
  8.     {% set clerk_custom_api_keys = config('clerkio64.config.customKeyConfig') %}
  9.     {% set clerk_selected_languages = config('clerkio64.config.selectedLanguages') %}
  10.     {% if clerk_custom_api_keys|length and clerk_selected_languages|length %}
  11.         {% set clerk_custom_api_keys = clerk_custom_api_keys | split('\n') %}
  12.         {% if clerk_custom_api_keys|length == clerk_selected_languages|length %}
  13.             {% for lang in clerk_selected_languages %}
  14.                 {% if clerk_language_id == lang %}
  15.                     {% set clerk_api_key = clerk_custom_api_keys[loop.index0] %}
  16.                 {% endif %}
  17.             {% endfor %}
  18.         {% endif %}
  19.     {% endif %}
  20.     {% if config('clerkio64.config.enabled') == 'true' and clerk_api_key %}
  21.         {% if not app.getSession().getLocale() is null %}
  22.             {% set clerk_locale = app.getSession().getLocale() %}
  23.         {% else %}
  24.             {% set clerk_locale = app.getRequest().getLocale() %}
  25.         {% endif %}
  27.         {% set clerk_tax_state = context.taxState %}
  28.         {% set clerk_tax_rate = 0 %}
  29.         {% set clerk_sales_channel_tax_rates = context.taxRules.elements %}
  30.         {% if clerk_sales_channel_tax_rates is iterable %}
  31.             {% for tax_rate in clerk_sales_channel_tax_rates %}
  32.                 {% if tax_rate.position == 1 %}
  33.                     {% set clerk_tax_rate = tax_rate.taxRate %}
  34.                 {% endif %}
  35.             {% endfor %}
  36.         {% endif %}
  37.         {% if context.shippingLocation.country.customerTax.enabled %}
  38.             {% set clerk_customer_tax_rate = context.shippingLocation.country.customerTax.amount %}
  39.         {% else %}
  40.             {% set clerk_customer_tax_rate = clerk_tax_rate %}
  41.         {% endif %}
  42.         <!-- Start of Clerk.io E-commerce Personalisation tool - www.clerk.io -->
  43.         <script type="text/javascript">
  44.             function getCookie(name) {
  45.                 const value = `; ${document.cookie}`;
  46.                 const parts = value.split(`; ${name}=`);
  47.                 if (parts.length === 2) return parts.pop().split(';').shift();
  48.             }
  49.             (function (w, d) {
  50.                 var e = d.createElement('script');
  51.                 e.type = 'text/javascript';
  52.                 e.async = true;
  53.                 e.src = (d.location.protocol == 'https:' ? 'https' : 'http') + '://custom.clerk.io/{{ clerk_js_custom_url }}.js';
  54.                 var s = d.getElementsByTagName('script')[0];
  55.                 s.parentNode.insertBefore(e, s);
  56.                 w.__clerk_q = w.__clerk_q || [];
  57.                 w.Clerk = w.Clerk || function () {
  58.                     w.__clerk_q.push(arguments)
  59.                 };
  60.             })(window, document);
  62.             Clerk('config', {
  63.                 key: "{{ clerk_api_key }}",
  64.                 globals: {
  65.                     locale: "{{ clerk_locale }}",
  66.                     language_id: "{{ clerk_language_id }}",
  67.                     tax_state: "{{ clerk_tax_state }}",
  68.                     tax_rate: {{ clerk_tax_rate }},
  69.                     customer_tax_rate: {{ clerk_customer_tax_rate }},
  70.                     customer_group: (getCookie('customer_group_name')) ? getCookie('customer_group_name') : 'Shopkunden'
  71.                 },
  72.                 formatters: {
  73.                     add_tax: function (price) {
  74.                         const tax_rate = {{ clerk_tax_rate }};
  75.                         if (tax_rate > 0) {
  76.                             return price * (1 + (tax_rate / 100));
  77.                         } else {
  78.                             return price;
  79.                         }
  80.                     },
  81.                     remove_tax: function (price) {
  82.                         const tax_rate = {{ clerk_tax_rate }};
  83.                         if (tax_rate > 0) {
  84.                             return price / (1 + (tax_rate / 100));
  85.                         } else {
  86.                             return price;
  87.                         }
  88.                     }
  89.                 }
  90.             });
  92.             {% if context.customer and config('clerkio64.config.collectEmails') == 'true' %}
  93.             {% if context.customer.email %}
  94.             if (typeof window.Clerk == 'function') {
  95.                 Clerk('call', 'log/email', {
  96.                     email: "{{ context.customer.email }}"
  97.                 });
  98.             }
  99.             {% endif %}
  100.             {% endif %}
  102.             function initShortCodes() {
  103.                 const nodes = getElementsByText('[[clerk@');
  104.                 for (let i = 0; i < nodes.length; i++) {
  105.                     const node = nodes[i];
  106.                     const paramsRaw = node.innerText;
  107.                     if (!validateShortCode(paramsRaw)) {
  108.                         continue;
  109.                     }
  110.                     const el = document.createElement('span');
  111.                     el.className = "clerk_shortcode";
  112.                     let template = paramsRaw.split("clerk@")[1].replace("]]", "");
  113.                     if (!template.startsWith("@")) {
  114.                         template = `@${template}`;
  115.                     }
  116.                     el.dataset.template = template;
  117.                     node.innerText = "";
  118.                     node.append(el);
  119.                 }
  120.                 if (typeof window.Clerk == 'function') {
  121.                     Clerk('content', '.clerk_shortcode');
  122.                 }
  123.             }
  125.             function getElementsByText(str, tag = 'p') {
  126.                 return Array.prototype.slice.call(document.querySelectorAll(tag)).filter(el => el.textContent.trim().startsWith(str));
  127.             }
  129.             function validateShortCode(str) {
  130.                 if (!str.startsWith('[[') || !str.endsWith(']]') || !str.includes('clerk@')) {
  131.                     return false;
  132.                 }
  133.                 return true;
  134.             }
  136.             document.addEventListener("DOMContentLoaded", (e) => {
  137.                 initShortCodes();
  138.             });
  139.         </script>
  140.         <!-- End of Clerk.io E-commerce Personalisation tool - www.clerk.io -->
  141.     {% endif %}
  142.     {% if config('clerkio64.config.PowerstepRecommendationsEnabled') == 'true' %}
  143.         {% if config('clerkio64.config.PowerstepRecommendationsType') == 'popup' %}
  144.             <script src="{{ asset('bundles/clerkio64/js/powerstep-popup.js') }}"></script>
  145.         {% else %}
  146.             <script src="{{ asset('bundles/clerkio64/js/powerstep-page.js') }}"></script>
  147.         {% endif %}
  148.     {% endif %}
  149.     {% if config('clerkio64.config.instantSearchEnabled') == 'true' and config('clerkio64.config.instantSearchInjectionPosition') == 'meta' %}
  150.         <span
  151.                 class="clerk clerk-move-to-body"
  153.                 data-template="@{{ config('clerkio64.config.instantSearchContent') }}"
  154.                 data-instant-search-suggestions="{{ config('clerkio64.config.instantSearchNumberOfSuggestions') }}"
  155.                 data-instant-search-categories="{{ config('clerkio64.config.instantSearchNumberOfCategories') }}"
  156.                 data-instant-search-pages="{{ config('clerkio64.config.instantSearchNumberOfPages') }}"
  157.                 data-instant-search-positioning="{{ config('clerkio64.config.instantSearchDropdownPositioning') ? config('clerkio64.config.instantSearchDropdownPositioning') : 'left' }}"
  158.                 data-instant-search="{{ config('clerkio64.config.instantSearchInputSelector') ? config('clerkio64.config.instantSearchInputSelector') : '.header-search-input' }}"
  159.                 data-instant-search-pages-type="{{ config('clerkio64.config.instantSearchPageTypes') ? config('clerkio64.config.instantSearchPageTypes') : 'all' }}">
  160.         </span>
  161.     <script>
  162.       ((w, d) => {
  163.         const move = d.querySelectorAll(".clerk-move-to-body");
  164.         if(move){
  165.           move.forEach(el => {
  166.             document.body.appendChild(el);
  167.           })
  168.           if(typeof w.Clerk == 'function'){
  169.             w.Clerk("content", ".clerk-move-to-body");
  170.           }
  171.         }
  172.       })(window, document);
  173.     </script>
  174.     {% endif %}
  175. {% endblock %}