templates/App/checkout/base_product.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html {% block html_attributes %}class="no-js"{% endblock %} lang="{{ app.request.locale }}">
  3. {% block head %}
  4.     <meta name="viewport" content="width=device-width, initial-scale=1">
  5.     <meta name="robots" content="noindex, nofollow">
  6.     {% block stylesheets %}
  7.         <style>
  8.             {{ dynamicCSS(product) }}
  9.         </style>
  10.             <!-- Favicon -->
  11.         {% if product.activeDomain is not null %}
  12.             <link rel="shortcut icon" href="{{ asset('assets/uploads/' ~ product.activeDomain.favicon) }}"/>
  13.         {% endif %}
  14.             <!--Fonts -->
  15.         <link href="https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700&display=swap" rel="stylesheet">
  16.             <!-- Themify icons -->
  17.             <!-- Styles -->
  18.         <link rel="stylesheet" href="{{ asset('libs/bootstrap-4/bootstrap.min.css')}}">
  19.         <link rel="stylesheet" href="{{ asset('dist/icons/bootstrap-icons-1.4.0/bootstrap-icons.min.css') }}" type="text/css">
  20.         <link rel="stylesheet" href="{{ asset('dist/css/app/checkout.min.css') }}" type="text/css">
  21.         <link rel="stylesheet" href="{{ asset('libs/font-awesome5/all.min.css')}}">
  22.         <link rel="stylesheet" href="{{ asset('dist/icons/themify-icons/themify-icons.css') }}" type="text/css">
  23.         <script src="{{ asset('libs/bootstrap-4/bootstrap.min.js') }}"></script>
  24.         <script src="{{ asset('libs/confetti/confetti.min.js') }}"></script>
  25.     {% endblock %}
  26.     {% block meta_tags %}
  27.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  28.         <meta charset="UTF-8">
  29.         <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
  30.         <meta name="theme-color" content="var(--browser-theme-color)">
  31.         <meta name="description" content="{{ product.metaDescription }}">
  32.         <title>{{ product.metaTitle }}</title>
  33.     {% endblock %}
  34.     <script>
  35.         const color = getComputedStyle(document.documentElement)
  36.             .getPropertyValue('--browser-theme-color');
  37.         $('meta[name=theme-color]').attr('content', color);
  38.     </script>
  39.     {% include "App/facebook/pixel.html.twig" with {'product': product} %}
  40.     {% if product.activeDomain is not null and product.activeDomain.pinterestEventProvider and product.activeDomain.pinterestEventProvider.pinterestTag %}
  41.         {% include "App/pinterest/tag.html.twig" with {'pinterestTag': product.activeDomain.pinterestEventProvider.pinterestTag } %}
  42.     {% endif %}
  43.     {% if product.activeDomain is not null and (product.activeDomain.tikTokEventProvider is not null and product.activeDomain.tikTokEventProvider.pixelCode) %}
  44.         {% include "App/tikTok/pixel.html.twig" with {'pixelId': product.activeDomain.tikTokEventProvider.pixelCode} %}
  45.     {% endif %}
  46.     {% if product.activeDomain is not null and product.activeDomain.googleTagManagerCode %}
  47.         <!-- Google Tag Manager -->
  48.         <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  49.                     new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  50.                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  51.                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  52.             })(window,document,'script','dataLayer','{{ product.activeDomain.googleTagManagerCode }}');</script>
  53.         <!-- End Google Tag Manager -->
  54.     {% endif %}
  55. {% endblock %}
  56. <body class="page">
  57. {% if product.activeDomain is not null and product.activeDomain.googleTagManagerCode %}
  58.     <!-- Google Tag Manager (noscript) -->
  59.     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ product.activeDomain.googleTagManagerCode  }}"
  60.                       height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  61.     <!-- End Google Tag Manager (noscript) -->
  62. {% endif %}
  63. {% block header %}
  64.     <header class="header">
  65.         <div class="container text-center text-lg-left">
  66.             {% if product.activeDomain is not null and product.activeDomain.logo is not null %}
  67.                 <a href="{{ product.activeDomain.homepage }}" class="header__logo">
  68.                     <img src="{{ asset('assets/uploads/' ~ product.activeDomain.logo) }}" style="max-width: 250px;">
  69.                 </a>
  70.             {% endif %}
  71.         </div>
  72.     </header>
  73. {% endblock %}
  74. {% block content %}
  75. {% endblock %}
  76. {% block footer %}
  77. <footer class="footer">
  78.     <div class="container">
  79.         <div class="social-menu">
  80.             {% if product.activeDomain.email %}
  81.                 <a href="mailto:{{ product.activeDomain.email }}">
  82.                     <svg role="img" class="icon icon-social-message"><use xlink:href="{{ asset('assets/svg/icons/icons.svg#icon-social-message') }}"></use></svg>
  83.                 </a>
  84.             {% endif %}
  85.             {% if product.activeDomain.instagramUrl %}
  86.                 <a target="_blank" href="{{ product.activeDomain.instagramUrl }}">
  87.                     <svg role="img" class="icon icon-social-instagram">
  88.                         <use xlink:href="{{ asset('assets/svg/icons/icons.svg#icon-social-instagram') }}"></use>
  89.                     </svg>
  90.                 </a>
  91.             {% endif %}
  92.             {% if product.activeDomain.facebookUrl %}
  93.                 <a target="_blank" href="{{ product.activeDomain.facebookUrl }}">
  94.                     <svg role="img" class="icon icon-social-facebook">
  95.                         <use xlink:href="{{ asset('assets/svg/icons/icons.svg#icon-social-facebook') }}"></use>
  96.                     </svg>
  97.                 </a>
  98.             {% endif %}
  99.         </div>
  100.         <div class="footer__menu">
  101.             {% if product.activeDomain.termsAndConditionsPage %}
  102.                 <a target="_blank" href="{{ path('information_page', {'page': 'terms'}) }}">{{ 'terms'| trans }}</a>
  103.             {% endif %}
  104.             {% if product.activeDomain.privacyPolicyPage %}
  105.                 <a target="_blank" href="{{ path('information_page', {'page': 'privacy'}) }}">{{ 'privacy'| trans }}</a>
  106.             {% endif %}
  107. {#            <a href="#!">{{ 'contact'| trans }}</a>#}
  108.         </div>
  109.         <div class="copyright">
  110.             <p>&copy; {{ 'footerText' | trans({
  111.                     '%year%' : 'now' | date('Y'),
  112.                     '%domain.name%': product.activeDomain.name
  113.                 }) }}
  114.             </p>
  115.         </div>
  116.     </div>
  117. </footer>
  118. {% endblock %}
  119. {% block javascripts %}
  120.     <script src="{{ asset('libs/svg4everybody/svg4everybody.min.js') }}"></script>
  121.     <script src="{{ asset('libs/slick-carousel/slick.min.js') }}"></script>
  122.     <script src="{{ asset('libs/modernizr/modernizr.js') }}"></script>
  123.     <script src="{{ asset('libs/easy-timer/easytimer.min.js') }}"></script>
  124.     <script src="{{ asset('dist/js/app/checkout.min.js') }}"></script>
  125.     <script>
  126.         const routes = {
  127.             change_country: "{{ path('change_country') }}",
  128.         };
  129.     </script>
  130. {% endblock %}
  131. </body>
  132. </html>