src/Trinity/WebshopBundle/Resources/views/shop_wrapper.html.twig line 1

Open in your IDE?
  1. {% extends ['layouts/' ~ (tpl_override is defined ? tpl_override : WebshopSettings.defaultTemplate) ~ '.html.twig', 'layouts/default.html.twig'] %}
  2. {% trans_default_domain 'webshop' %}
  3. {% block metadata %}{% include "@Cms/page/metadata.html.twig" with metatags %}{% endblock %}
  5. {% block sitetitle %}{{Settings.getLabel|raw}}{% endblock %}
  6. {% block title %}{{Product is defined ? (Product.seoTitle is not empty ? Product.seoTitle : (Product.brand ? Product.brand.label ~ ' ' : '') ~ Product.label) : (Category is defined ? (Category.seoTitle is not empty ? Category.seoTitle : Category.label) : (custom_title is defined ? custom_title : (Cart is defined ? ('Winkelwagen'|trans({}, "webshop", app.request.locale)|raw) : (Page is defined ? Page.title : '??'))))}}{% endblock %}
  7. {% block pagetitle %}<h1>{{Product is defined ? (Product.seoTitle is not empty ? Product.seoTitle : (Product.brand ? Product.brand.label ~ ' ' : '') ~ Product.label) : (Category is defined ? Category.label : (custom_title is defined ? custom_title : (Cart is defined ? ('Winkelwagen'|trans({}, "webshop", app.request.locale)|raw) : '??')))}}</h1>{% endblock %}
  9. {% block stylesheets %}<link rel="preload" href="{{asset('/bundles/trinitywebshop/css/style.css')}}" type="text/css" as="style" onload="this.onload=null;this.rel='stylesheet';" />{% endblock %}
  10. {% block javascripts %}
  11. <script>
  12.   var script_msg_more_info = "{{ 'Meer info' | trans({}, "webshop", app.request.locale) | raw }}";
  13.   var script_msg_bezigladen = "{{ 'Bezig met laden...' | trans({}, "webshop", app.request.locale) | raw }}";
  14. </script>
  16. <script>
  17. var cart_type = '{{WebshopSettings.cartType}}';
  18. {% if tpl_override is defined %}
  19. var tpl_o = '{{tpl_override}}';
  20. {% endif %}
  21. </script>
  22. {% endblock %}
  24. {% block admin_header %}
  26. {% block pagestyle %}
  27. {% endblock %}
  29.     {% if app.request.query is not empty %}
  30.         <meta name="robots" content="noindex,nofollow" />
  31.     {% else %}
  32.         {% if Product is defined %}
  33.             <meta name="robots" content="{{Settings is defined and Settings.robots is not empty ? (Product.visible ? Settings.robots : 'noindex,nofollow') : 'noindex,nofollow' ?? 'noindex,nofollow'}}" />
  34.         {% else %}
  35.             <meta name="robots" content="{{Settings is defined and Settings.robots is not empty ? Settings.robots : 'noindex,nofollow' ?? 'noindex,nofollow'}}" />
  36.         {% endif %}
  37.     {% endif %}
  39.     {% if Product is defined %}
  40.         <meta name="description" content="{{Product.seoDescription}}" />
  41.         <meta name="keywords" content="{{Product.seoKeywords}}" />
  42.     {% elseif Category is defined %}
  43.         <meta name="description" content="{{Category.seoDescription}}" />
  44.         <meta name="keywords" content="{{Category.seoKeywords}}" />
  45.     {% endif %}
  47.     <!-- Page:metadata -->
  48.     {% include "@Cms/page/metadata.html.twig" %}
  49.     {% block ogmetatags %}{% endblock %}
  51.     {% for Language in languages %}
  52.         {% if Language.settings %}
  53.         {% for LanguageSettings in Language.settings %}
  54.             {% if LanguageSettings.host and LanguageSettings.host == Settings.host %}
  55.             <link rel="alternate" href="{{ (LanguageSettings.forceHttps ? 'https' : 'http') ~ '://' ~ LanguageSettings.host }}" hreflang="{{Language.locale}}" />
  56.             {% endif %}
  57.         {% endfor %}
  58.         {% endif %}
  59.     {% endfor %}
  61.     {% if is_granted('ROLE_ADMIN') and Settings.getInlineEdit %}
  62.         <link rel="preload" href="/bundles/cms/css/frontinject.css" type="text/css" as="style" onload="this.onload=null;this.rel='stylesheet';" />
  63.     {% endif %}
  65.     {% for incl in Settings.getLayoutIncludeCss(true) %}
  66.         <link rel="preload" href="{{incl}}" type="text/css" as="style" onload="this.onload=null;this.rel='stylesheet';" />
  67.     {% endfor %}
  69.     {% for incl in Settings.getLayoutIncludeFont(true) %}
  70.         <link rel="preload" href="{{incl}}" type="text/css" as="style" onload="this.onload=null;this.rel='stylesheet';" />
  71.     {% endfor %}
  73.     {% for incl in Settings.getLayoutIncludeJs(true) %}
  74.         {% if incl matches '/jquery-\\d.*\.min\.js/' %}
  75.         <script defer type="text/javascript" src="{{incl}}"></script>
  76.         {% endif %}
  77.     {% endfor %}
  79.     {% for incl in Settings.getLayoutIncludeJs(true) %}
  80.         {% if incl matches '{popper}' %}
  81.             <script defer type="text/javascript" src="{{incl}}"></script>
  82.         {% endif %}
  83.     {% endfor %}
  85.     {% for incl in Settings.getLayoutIncludeJs(true) %}
  86.         {% if not (incl matches '/jquery-\\d.*\.min\.js/') and not (incl matches '{popper}') %}
  87.             <script defer type="text/javascript" src="{{incl}}"></script>
  88.         {% endif %}
  89.     {% endfor %}
  91.     {% if Settings.googleCc is not empty %}
  92.         <meta name="google-site-verification" content="{{Settings.googleCc}}">
  93.     {% endif %}
  95.         {% if Settings.faceDomainKey is defined and Settings.faceDomainKey is not empty %}
  96.             <meta name="facebook-domain-verification" content="{{ Settings.faceDomainKey }}" />
  97.         {% endif %}
  99.     {% if Settings.iosAppId is not empty %}
  100.         <meta name="apple-itunes-app" content="app-id={{Settings.iosAppId}}">
  101.     {% endif %}
  103.     {% if Settings.androidAppId is not empty %}
  104.         <meta name="google-play-app" content="app-id={{Settings.androidAppId}}">
  105.         <link rel="preload" href="{{asset('bundles/cms/android-app-banner/banner.css')}}" type="text/css" as="style" onload="this.onload=null;this.rel='stylesheet';" />
  106.     {% endif %}
  108.     {% if Settings.cookiebar %}
  109.         <script defer src="/bundles/cms/js/avg.min.js"></script>
  110.     {% endif %}
  112.     {% if Settings.hasGoogleRecaptcha %}
  113.         <script>
  114.             var googleRecaptchaMode = '{{ Settings.googleRecaptchaMode }}';
  115.             var googleRecaptchaSitekey = '{{ Settings.googleRecaptchaSitekey }}';
  116.         </script>
  117.     {% endif %}
  119.     {% if Settings.cookiebar %}
  120.     {% else %}
  121.         {% if Settings.googleGtm is not empty %}
  122.             <!-- Google Tag Manager -->
  123.             <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  124.             new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  125.             j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  126.             'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  127.             })(window,document,'script','dataLayer','{{Settings.googleGtm}}');</script>
  128.             <!-- End Google Tag Manager -->
  129.         {% endif %}
  130.     {% endif %}
  132.     {% if Settings.facebookpixel is not empty %}
  133.         <script>
  134.         !function(f,b,e,v,n,t,s)
  135.         {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  136.         n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  137.         if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  138.         n.queue=[];t=b.createElement(e);t.async=!0;
  139.         t.src=v;s=b.getElementsByTagName(e)[0];
  140.         s.parentNode.insertBefore(t,s)}(window, document,'script',
  141.         'https://connect.facebook.net/en_US/fbevents.js');
  142.         fbq('init', '{{Settings.facebookpixel}}');
  143.         fbq('track', 'PageView');
  144.         </script>
  145.     {% endif %}
  147.     {% if Settings.piwikSiteId is not empty %}
  148.         <!-- Matomo -->
  149.         <script type="text/javascript">
  150.           var _paq = _paq || [];
  152.           {% if app.user %}
  153.             _paq.push(['setUserId', '{{app.user.id}}']);
  154.             _paq.push(['setCustomVariable', 1, "Email", "{{app.user.email}}", "visit"]);
  155.             _paq.push(['setCustomVariable', 2, "Gender", "{{app.user.gender}}", "visit"]);
  156.           {% endif %}
  158.           _paq.push(['trackPageView']);
  159.           _paq.push(['enableLinkTracking']);
  160.           (function() {
  161.             var u="//{{Settings.piwikUrl}}/";
  162.             _paq.push(['setTrackerUrl', u+'piwik.php']);
  163.             _paq.push(['setSiteId', '{{Settings.piwikSiteId}}']);
  164.             var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
  165.             g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
  166.           })();
  167.         </script>
  168.                 <noscript>
  169.                     <img referrerpolicy="no-referrer-when-downgrade" src="//{{Settings.piwikUrl}}/matomo.php?idsite={{Settings.piwikSiteId}}&amp;rec=1" style="border:0" alt="" />
  170.                 </noscript>
  171.         <!-- End Matomo Code -->
  172.     {% endif %}
  174.         {% set hashs = null %}
  175.         {% if Settings.piwikcontainerhashs is defined %}
  177.         {% if Settings.piwikSiteId and WebshopSettings.piwikcontainerhashs is not empty %}
  178.             {% set hashs = WebshopSettings.piwikcontainerhashs | split(',') %}
  179.         {% elseif Settings.piwikSiteId and Settings.piwikcontainerhashs is not empty %}
  180.             {%  set hashs = Settings.piwikcontainerhashs | split(',') %}
  181.         {% endif %}
  183.         {% if hashs is not empty %}
  184.             {% for hash in hashs %}
  185.                 <!-- Matomo Tag Manager -->
  186.                 <script type="text/javascript">
  187.                 var _mtm = window._mtm = window._mtm || [];
  188.                 _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
  189.                 var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
  190.                 g.type='text/javascript'; g.async=true; g.src='//{{Settings.piwikUrl}}//js/container_{{hash|trim}}.js'; s.parentNode.insertBefore(g,s);
  191.                 </script>
  192.                 <!-- End Matomo Tag Manager -->
  193.             {% endfor %}
  194.         {% endif %}
  196.         {% endif %}
  198.         {% if app.environment != 'dev' and Settings.company is not empty %}
  199.         <script type="application/ld+json">
  200.         {
  201.             "@context": "http://schema.org/",
  202.             "@type": "Organization",
  203.             "name": "{{Settings.company}}",
  204.             "address": {
  205.                 "@type": "PostalAddress",
  206.                 "streetAddress": "{{Settings.address}}",
  207.                 "addressLocality": "{{Settings.place}}",
  208.                 {% if Settings.state is not empty %}
  209.                 "addressRegion": "{{Settings.state}}",
  210.                 {% endif %}
  211.                 "postalCode": "{{Settings.postalcode}}"
  212.                 },
  213.             "telephone": "{{Settings.phone}}",
  214.             "email": "mailto:{{Settings.systemEmail}}"
  215.         }
  216.         </script>
  217.         {% endif %}
  219.     <script>
  220.     window.onunload = function(){};
  221.     window.onload = function(){
  222.         var pageEl = document.getElementById('page');
  223.         if(pageEl){
  224.             pageEl.value = 1;
  225.         }
  226.     };
  227.     
  228.   {% if app.user and app.user.company is not empty %}
  229.   var cust_b = true;
  230.   {% else %}
  231.   var cust_b = false;
  232.   {% endif %}
  233.     </script>
  234.     
  235.     {% if Settings.androidAppId is not empty %}
  236.         <script defer src="{{asset('bundles/cms/android-app-banner/banner.js')}}"></script>
  237.     {% endif %}    
  239.     {# for avg init, activeateVideo, recaptha and iframe fixing #}
  240.     <script defer src="{{asset('/bundles/cms/js/frontend_common.js')}}"></script>
  241.     
  242.     <script defer src="{{asset('/bundles/trinitywebshop/js/script.js')}}"></script>
  244.     {% block shop_header %}
  245.     {% endblock %}
  246. {% endblock %}
  248. {% block plain_body %}
  249.     {% block shop_body %}
  251.     {% endblock %}
  252. {% endblock %}
  254. {% block pageimage %}{% endblock %}
  256. {% block admin_footer %}
  258.     {% if Settings.androidAppId is not empty %}
  259.         <script type="text/javascript">
  260.         new SmartBanner({
  261.             daysHidden: 7,   // days to hide banner after close button is clicked (defaults to 15)
  262.             daysReminder: 14, // days to hide banner after "VIEW" button is clicked (defaults to 90)
  263.             appStoreLanguage: 'nl', // language code for the App Store (defaults to user's browser language)
  264.             title: '{{Settings.appLabel}}',
  265.             author: '{{Settings.company}}',
  266.             button: '{{ 'BEKIJKEN' | trans }}',
  267.             store: {
  268.             ios: '{{ 'In de App Store' | trans }}',
  269.                 android: '{{ 'In Google Play' | trans }}',
  270.                 windows: '{{ 'In Windows store' | trans }}'
  271.             },
  272.             price: {
  273.                 ios: '{{ 'GRATIS' | trans }}',
  274.                 android: '{{ 'GRATIS' | trans }}',
  275.                 windows: '{{ 'GRATIS' | trans }}'
  276.             }
  277.             // , theme: '' // put platform type ('ios', 'android', etc.) here to force single theme on all device
  278.             , icon: '{{Settings.getAppIcon}}' // full path to icon image if not using website icon image
  279.             // , force: 'ios' // Uncomment for platform emulation
  280.         });
  281.         </script>
  282.     {% endif %}
  284.     {% if is_granted('ROLE_PREVIOUS_ADMIN') %}
  285.         <a style="position:fixed;bottom:30px;right: 30px;" class="btn" href="{{path('admin_users')}}?_switch_user=_exit">{{ 'Exit impersonation' | trans({}) | raw }}</a>
  286.     {% endif %}
  288.     {% if Settings.test %}
  289.         <div class="test-mode-badge-wrapper">
  290.             <div class="test-mode-badge" title="{{ 'Test mode staat aan, configureer in website instellingen.' | trans }}"><i class="fa fa-exclamation-triangle"></i> {{ 'TEST MODE' | trans }}</div>
  291.         </div>
  292.     {% endif %}
  294.     {% if Settings.cookiebar %}
  295.         <script>
  296.             var avg_settings = {
  297.                 'webshop': true,
  298.                 'gtmCode': '{{Settings.googleGtm is not empty ? Settings.googleGtm|raw : ''}}',
  299.                 'gaCode': '{{Settings.googleUa is not empty ? Settings.googleUa : ''}}',
  300.                 'gCode': '{{Settings.googleG is not empty ? Settings.googleG : ''}}',
  301.                 'lbl_info' : '{{'Wij gebruiken cookies om uw gebruikservaring te optimaliseren, het webverkeer te analyseren en gerichte advertenties te kunnen tonen via derde partijen.'|trans({},'cookiebar', app.request.locale)}}</p><p class="lbl-info-more">{{'Lees meer over hoe wij cookies gebruiken en hoe u ze kunt beheren door op "Instellingen" te klikken. Als u akkoord gaat met ons gebruik van cookies, klikt u op "Alle cookies toestaan".'|trans({},'cookiebar', app.request.locale)}}',
  302.                 'lbl_settings_info' : '{{'Geef hieronder aan welke opties u wilt toestaan tijdens het gebruik van deze website.'|trans({},'cookiebar', app.request.locale)}}',
  304.                 'lbl_essential' : '{{'Essentieel'|trans({},'cookiebar', app.request.locale)}}',
  305.                 'lbl_preferences' : '{{'Voorkeuren'|trans({},'cookiebar', app.request.locale)}}',
  306.                 'lbl_statistics' : '{{'Statistieken'|trans({},'cookiebar', app.request.locale)}}',
  307.                 'lbl_marketing' : '{{'Marketing'|trans({},'cookiebar', app.request.locale)}}',
  309.                 'lbl_tooltip_essential' : '{{'Noodzakelijke cookies helpen een website bruikbaarder te maken, door basisfuncties als paginanavigatie en toegang tot beveiligde gedeelten van de website mogelijk te maken. Zonder deze cookies kan de website niet naar behoren werken.'|trans({},'cookiebar', app.request.locale)}}',
  310.                 'lbl_tooltip_preferences' : '{{'Voorkeurscookies zorgen ervoor dat een website informatie kan onthouden die van invloed is op het gedrag en de vormgeving van de website, zoals de taal van uw voorkeur of de regio waar u woont.'|trans({},'cookiebar', app.request.locale)}}',
  311.                 'lbl_tooltip_statistics' : '{{'Statistische cookies helpen eigenaren van websites begrijpen hoe bezoekers hun website gebruiken, door anoniem gegevens te verzamelen en te rapporteren.'|trans({},'cookiebar', app.request.locale)}}',
  312.                 'lbl_tooltip_marketing' : '{{'Marketingcookies worden gebruikt om bezoekers te volgen wanneer ze verschillende websites bezoeken. Hun doel is advertenties weergeven die zijn toegesneden op en relevant zijn voor de individuele gebruiker.'|trans({},'cookiebar', app.request.locale)}}',
  314.                 'lbl_back' : '{{'Terug'|trans({},'cookiebar', app.request.locale)}}',
  315.                 'lbl_settings' : '{{'Instellingen'|trans({},'cookiebar', app.request.locale)}}',
  316.                 'lbl_accept' : '{{'Alle cookies toestaan'|trans({},'cookiebar', app.request.locale)}}',
  317.                 'lbl_save' : '{{'Accepteren en sluiten'|trans({},'cookiebar', app.request.locale)}}',
  318.                 'lbl_btn_reset' : '{{'Cookie instellingen'|trans({},'cookiebar', app.request.locale)}}',
  320.                 'link_cookie' : {{(Settings.avgCookie is not empty ? '\'' ~ Settings.avgCookie ~ '\'' : 'null')|raw}},
  321.                 'link_privacy' : {{(Settings.avgPrivacy is not empty ? '\'' ~ Settings.avgPrivacy ~ '\'' : 'null')|raw}},
  322.                 'link_disclaimer' : {{(Settings.avgDisclaimer is not empty ? '\'' ~ Settings.avgDisclaimer ~ '\'' : 'null')|raw}},
  324.                 'reset_btn' : {{Settings.cookiebarButton ? 'true' : 'false'}},
  325.                 'reset_btn_position' : '{{Settings.cookiebarButtonPosition}}',
  326.                 'reset_btn_offset_right' : '{{Settings.cookiebarButtonOffset}}',
  327.             };
  328.         </script>
  329.     {% else %}
  330.         {% if Settings.googleUa is not empty %}
  331.             <script type="text/javascript">
  332.                 var _gaq = _gaq || [];
  333.                 _gaq.push(['_setAccount', '{{Settings.googleUa}}']);
  334.                 _gaq.push(['_trackPageview']);
  336.                 (function() {
  337.                 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  338.                 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  339.                 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  340.                 })();
  341.             </script>
  342.         {% endif %}
  343.         {% if Settings.googleGtm is not empty %}
  344.             <!-- Google Tag Manager (noscript) -->
  345.             <noscript><iframe data-src="https://www.googletagmanager.com/ns.html?id={{Settings.googleGtm}}"
  346.             height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  347.             <!-- End Google Tag Manager (noscript) -->
  348.         {% endif %}
  349.     {% endif %}
  351.     {% if Timer is defined and Timer is not empty %}
  352.         {{Timer.show(false)|raw}}
  353.     {% endif %}
  355. {% endblock %}
  357. {% block footer1 %}{{Settings.footerBlock1|raw}}{% endblock %}
  358. {% block footer2 %}{{Settings.footerBlock2|raw}}{% endblock %}
  359. {% block footer3 %}{{Settings.footerBlock3|raw}}{% endblock %}
  360. {% block footer4 %}{{Settings.footerBlock4|raw}}{% endblock %}
  361. {% block footer5 %}{{Settings.footerBlock5|raw}}{% endblock %}