custom/plugins/VirginTheme/src/Resources/views/storefront/page/content/index.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/page/content/index.html.twig' %}
  3. {% block page_content %}
  5. {% include '@LeadManager/storefront/page/loading/loading.html.twig' %}
  7. {# INFO: Delete breadcrumb #}
  9. <div class="cms-page">
  10. {% block page_content_blocks %}
  11. {% sw_include "@Storefront/storefront/page/content/detail.html.twig" with {'cmsPage': page.cmsPage} %}
  12. {% endblock %}
  13. </div>
  14. {% endblock %}
  16. {% block base_body %}
  17. {{ parent() }}
  18. <script type="text/javascript">
  19. let envChannel = "d";
  20. if ( window.innerWidth <= 1024 && window.innerWidth >= 768 ) {
  21. envChannel = "t";
  22. } else if ( window.innerWidth <= 768 ){
  23. envChannel = "m";
  24. }
  26. let listProducts = [];
  27. let productBoxes = document.querySelectorAll('.cms-element-virgin-product-box');
  28. let listProductCurrentPriceTf = '';
  30. for (let i = 0; i < productBoxes.length; ++i) {
  31. if (productBoxes[i].querySelector('.product-price')) {
  32. listProductCurrentPriceTf = productBoxes[i].querySelector('.product-price');
  33. } else if (productBoxes[i].querySelector('.total-price-discount')) {
  34. listProductCurrentPriceTf = productBoxes[i].querySelector('.total-price-discount');
  35. } else {
  36. let totalPriceBase = productBoxes[i].querySelectorAll('.total-price-base');
  37. if (totalPriceBase.length > 1) {
  38. listProductCurrentPriceTf = totalPriceBase[1];
  39. } else {
  40. listProductCurrentPriceTf = totalPriceBase[0];
  41. }
  42. }
  44. listProducts.push({
  45. list_product_id: productBoxes[i].querySelector('input[name="product-id"]').value,
  46. list_product_name: productBoxes[i].querySelector('input[name="product-name"]').value,
  47. list_product_currentprice_tf: listProductCurrentPriceTf.innerText.match(/[+-]?\d+(\.\d+)?/)[0],
  48. list_product_url_page: '',
  49. list_product_url_picture: '',
  50. });
  51. }
  53. var tc_vars = {
  54. env_template : "listing",
  55. env_channel : envChannel,
  56. env_work : "{{ app.request.server.get('APP_ENV') }}",
  57. env_language : "{{ tagCommanderVariables['envLanguage'] }}",
  58. env_country : "{{ tagCommanderVariables['envCountry'] }}",
  59. env_currency : "{{ tagCommanderVariables['envCurrency'] }}",
  60. user_id : "{{ tagCommanderVariables['userId'] }}",
  61. user_email : "{{ tagCommanderVariables['userEmail'] }}",
  62. category_id : "{{ tagCommanderVariables['categoryId'] }}",
  63. category_name : "{{ tagCommanderVariables['categoryName'] }}",
  64. list_products : listProducts
  65. }
  67. function tagCommanderEventDatalayerTrigger(product) {
  68. if ("undefined" === typeof tC) {
  69. return;
  70. }
  72. let productVirginExerpType = product.customFields['virgin_exerp_type'];
  73. if (productVirginExerpType === 'EFT') {
  74. tC.event.acqMens(
  75. this,
  76. {
  77. 'id': 'AcqMens',
  78. 'user_email': "{{ tagCommanderVariables['userEmail'] }}",
  79. 'product_id': product.productNumber,
  80. 'product_sku': product.name,
  81. 'product_name': product.name,
  82. 'product_originalprice_ati': product.price[0].gross,
  83. 'product_discount_ati': '',
  84. 'product_currentprice_tf': '',
  85. 'product_url_page': '',
  86. 'product_url_picture': ''
  87. }
  88. );
  89. } else if (productVirginExerpType === 'CASH') {
  90. tC.event.acqAnn(
  91. this,
  92. {
  93. 'id': 'AcqAnn',
  94. 'user_email': "{{ tagCommanderVariables['userEmail'] }}",
  95. 'product_id': product.productNumber,
  96. 'product_sku': product.name,
  97. 'product_name': product.name,
  98. 'product_originalprice_ati': product.price[0].gross,
  99. 'product_discount_ati': '',
  100. 'product_currentprice_tf': '',
  101. 'product_url_page': '',
  102. 'product_url_picture': ''
  103. }
  104. );
  105. } else {
  106. tC.event.acqGen(
  107. this,
  108. {
  109. 'id': 'AcqGen',
  110. 'user_email': "{{ tagCommanderVariables['userEmail'] }}",
  111. 'product_id': product.productNumber,
  112. 'product_sku': product.name,
  113. 'product_name': product.name,
  114. 'product_originalprice_ati': product.price[0].gross,
  115. 'product_discount_ati': '',
  116. 'product_currentprice_tf': '',
  117. 'product_url_page': '',
  118. 'product_url_picture': ''
  119. }
  120. );
  121. }
  122. }
  123. </script>
  124. {% endblock %}