templates/layouts/default-v3.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="{{(language.locale == 'gb' ? 'en' : language.locale)}}">
  3.   <head>
  4.     {% if Page.critical is defined and Page.critical and Page.CricitalCss is defined and Page.CricitalCss is not empty %}
  5.           <!-- critical -->
  6.           <style id="page_critical_css">
  7.           {{ Page.CricitalCss | raw }}
  8.           </style>
  9.     {% endif %}
  11.     {% block admin_header %}{% endblock %}
  13.     <title>
  14.       {% block title %}Welkom{% endblock %}
  15.       -
  16.       {% block sitetitle %}Website{% endblock %}
  17.     </title>
  19.     {% block stylesheets %}{% endblock %}
  21.     {% include '/default-v3/header_css.html.twig' %}
  22.     {% include '/default-v3/header_scripts.html.twig' %}
  23.   </head>
  25.   <body class="{% if Settings.headerBar %}has-topbar{% endif %} {{Page is defined ? Page.classes:''}}">
  27.     <div class="page-overlay"></div>
  28.     <div class="shop-cart-overlay"></div>
  30.     {# Out of office note #}
  31.     {% if Settings.isOutOfOffice %}
  32.       <div id="ooo-msg">
  33.         <span>
  34.           {{Settings.outOfOfficeMessage|raw}}
  35.         </span>
  36.       </div>
  37.     {% endif %}
  38.     {{promobar(Settings)}}
  39.     {# end Out of office note #}
  41.     {% include '/default-v3/nav.html.twig' %}
  43.     {# titlebar #}
  44.     {% if Page.optionTitle or Page.optionSubtitle %}
  45.       <section class="titlebar">
  46.         <div class="lcp">
  47.           {% if Page.image is not empty %}
  48.             {% if Page.image.hasBlurred %}
  49.               <picture>
  50.                 {% if Page.image.hasWebp() %}
  51.                   <source srcset="/{{Page.image.getBlurredWebpPath('large')}}" type="image/webp">
  52.                 {% endif %}
  53.                 <source srcset="/{{Page.image.getBlurredWebPath('large')}}" type="{{Page.image.mime}}">
  54.                 <img class="lq" alt="{{Page.image.description_alt}}" src="/{{Page.image.getBlurredWebPath('large')}}" type="{{Page.image.mime}}" loading="eager" width="{{Page.image.width}}" height="{{Page.image.height}}">
  55.               </picture>
  56.             {% endif %}
  57.             <picture>
  58.               {% if Page.image.hasWebp() %}
  59.                 <source srcset="/{{Page.image.getWebpPath('full')}}" type="image/webp">
  60.               {% endif %}
  61.               <source srcset="/{{Page.image.getWebPath('full')}}" type="{{ Page.image.mime }}">
  62.               <img class="hq" alt="{{Page.image.description_alt}}" src="/{{Page.image.getWebPath('full')}}" type="{{Page.image.mime}}" loading="lazy" width="{{Page.image.width}}" height="{{Page.image.height}}" onload="this.style.opacity=1{% if Page.image.hasBlurred %};this.closest('.lcp').getElementsByClassName('lq')[0].style.opacity=0;{% endif %}" style="opacity: 0;">
  63.             </picture>
  64.           {% else %}
  65.             <picture>
  66.               <source srcset="/default-v3/gfx/sub.webp" type="image/webp">
  67.               <img class="hq" src="/default-v3/gfx/sub.jpg" type="jpeg" loading="lazy" onload="this.style.opacity=1" style="opacity: 0;">
  68.             </picture>
  69.           {% endif %}
  70.         </div>
  72.         <div class="container">
  73.           {% if Page.optionTitle %}
  74.             <h1>{{ Page.title }}</h1>
  75.           {% endif %}
  77.           {% if Page.optionSubtitle %}
  78.             <h2>{{ Page.subtitle }}</h2>
  79.           {% endif %}
  81.           {# breadcrumbs #}
  82.           {% if Page.optionBreadcrumbs %}
  83.             <div class="breadcrumbs">
  84.               {{breadcrumbs(Page)}}
  85.             </div>
  86.           {% endif %}
  87.           {# end breadcrumbs #}
  88.         </div>
  89.       </section>
  90.     {% endif %}
  91.     {# end titlebar #}
  93.     {# subnavbar #}
  94.     {% if Page.optionSubnavigation %}
  95.       <section class="subnavbar">
  96.         <div class="container">
  97.           {{cms_navigation('','',true, true, 0, 0, 2)}}
  98.         </div>
  99.       </section>
  100.     {% endif %}
  101.     {# end subnavbar #}
  103.     {{pageblocks(Page, app.request.locale, '')}}
  104.     {% block plain_body %}{% endblock %}
  106.     {# custom topbar - is displayed above the page on large displays through CSS #}
  107.     {% if Settings.headerBar %}
  108.       <section class="topbar fixed">
  109.         <div class="container">
  110.           <div class="left">
  111.             {{ Settings.headerBarLeft|raw }}
  112.           </div>
  113.           <div class="right">
  114.             {{ Settings.headerBarRight|raw }}
  115.           </div>
  116.         </div>
  117.       </section>
  118.     {% endif %}
  119.     {# end custom topbar #}
  121.     {% include '/default-v3/footer.html.twig' with { Settings : Settings } %}
  123.     {% include '/default-v3/footer_scripts.html.twig' %}
  125.     {% block admin_footer %}{% endblock %}
  126.     {% block javascripts %}{% endblock %}
  127.   </body>
  128. </html>