bundles/FoxHabbit/BasisBundle/Resources/views/Layout/layout.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="{{ app.request.locale }}" class="nojs">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6.     {% apply spaceless -%}
  7.         {# add global stylesheets and scripts outside of any blocks to add them to the helpers before any others assets are added #}
  8.         {# we use the view helper to have cache buster functionality #}
  10.         {# optional: Load Fonts and Icons early in the process #}
  11.         {# do pimcore_head_link().appendStylesheet(asset('/css/fonts/fonts.css'), 'screen') #}
  12.         {# do pimcore_head_link().appendStylesheet(asset('/css/fonts/iconset.css'), 'screen') #}
  13.         {# do pimcore_head_link().appendStylesheet(asset('//fast.fonts.net/cssapi/ .... .css/'), 'screen') #}
  15.         {# Load our usual CSS Stuff #}
  16.         {% if document.getProperty('template_css_vendor') %}
  17.             {% do pimcore_head_link().appendStylesheet(document.getProperty('template_css_vendor'), 'screen') %}
  18.         {% elseif pimcore_website_config('templateCssVendor') %}
  19.             {% do pimcore_head_link().appendStylesheet(pimcore_website_config('templateCssVendor'), 'screen') %}
  20.         {% else %}
  21.             {# no longer required #}
  22.             {#% do pimcore_head_link().appendStylesheet(asset('/css/vendor.css'), 'screen') %#}
  23.         {% endif %}
  24.         {% if document.getProperty('template_css_main') %}
  25.             {% do pimcore_head_link().appendStylesheet(document.getProperty('template_css_main'), 'screen') %}
  26.         {% elseif pimcore_website_config('templateCssMain') %}
  27.             {% do pimcore_head_link().appendStylesheet(pimcore_website_config('templateCssMain'), 'screen') %}
  28.         {% else %}
  29.             {% if app.environment == 'dev' %}
  30.                 {% do pimcore_head_link().appendStylesheet(asset('/css/dev/main.css'), 'screen') %}
  31.             {% else %}
  32.                 {% do pimcore_head_link().appendStylesheet(asset('/css/prod/main.css'), 'screen') %}
  33.             {% endif %}
  34.         {% endif %}
  35.         {% if document.getProperty('template_css_font') %}
  36.             {% do pimcore_head_link().appendStylesheet(document.getProperty('template_css_font'), 'screen') %}
  37.         {% elseif pimcore_website_config('templateCssFont') %}
  38.             {% do pimcore_head_link().appendStylesheet(pimcore_website_config('templateCssFont'), 'screen') %}
  39.         {% else %}
  40.             {# will be included in the main css by default #}
  41.             {#% do pimcore_head_link().appendStylesheet(asset('/css/fonts.css'), 'screen') %#}
  42.         {% endif %}
  43.         {% if editmode %}
  44.             {% if app.environment == 'dev' %}
  45.                 {% do pimcore_head_link().appendStylesheet(asset('/css/dev/editmode.css')) %}
  46.             {% else %}
  47.                 {% do pimcore_head_link().appendStylesheet(asset('/css/prod/editmode.css')) %}
  48.             {% endif %}
  49.         {% endif %}
  51.         {# Load our usual JavaScript Stuff #}
  52.         {% do pimcore_head_script().appendFile(asset('/js/es6-promise.auto.min.js'), "") %}
  53.         {% do pimcore_head_script().appendFile(asset('/js/common.bundle.js'), "", {"data-cookieconsent": "ignore"}) %}
  54.         {% do pimcore_head_script().appendFile(asset('/js/ytplayer.bundle.js'), "", {"data-cookieconsent": "marketing"}) %}
  55.         {% do pimcore_head_script().appendFile(asset('/js/search.bundle.js')) %}
  56.         {% do pimcore_head_script().appendFile(asset('/js/productdetailsswiper.bundle.js')) %}
  57.         {% include '@App/TrackingScripts/echobot-leadfeeder.html.twig' %}
  58.         {% include '@App/TrackingScripts/sales-viewer.html.twig' %}
  60.         {% if not document is defined or not document %}
  61.             {% set document = pimcore_document(1) %}
  62.         {% endif %}
  64.         {% if document is instanceof('\\Pimcore\\Model\\Document\\Link') %}
  65.             {# @var document \Pimcore\Model\Document\Link #}
  66.             {% set document = document.getObject() %}
  67.         {% endif %}
  68.         {% if document is instanceof('\\Pimcore\\Model\\Document\\Snippet') %}
  69.             {# snippet #}
  70.         {% else %}
  72.             {% if document.getTitle() is not empty %}
  73.                 {% do pimcore_head_title().set(document.getTitle()) %}
  74.                 {% do pimcore_head_meta().setProperty('og:title',document.getTitle()) %}
  75.             {% endif %}
  77.             {% if pimcore_placeholder('title') is not empty %}
  78.                 {% do pimcore_head_title().set(pimcore_placeholder('title')) %}
  79.                 {% do pimcore_head_meta().setProperty('og:title',pimcore_placeholder('title')) %}
  80.             {% endif %}
  82.             {% if document.getDescription() is not empty %}
  83.                 {% do pimcore_head_meta().setDescription(document.getDescription()) %}
  84.                 {% do pimcore_head_meta().setProperty('og:description',document.getDescription()) %}
  85.             {% endif %}
  87.             {% if pimcore_placeholder('description') is not empty %}
  88.                 {% do pimcore_head_meta().setDescription(pimcore_placeholder('description')) %}
  89.                 {% do pimcore_head_meta().setProperty('og:description',pimcore_placeholder('description')) %}
  90.             {% endif %}
  92.             {% if pimcore_placeholder('share_image') is not empty %}
  93.                 {% do pimcore_head_meta().setProperty('og:image',app.request.getSchemeAndHttpHost() ~ pimcore_placeholder('share_image')) %}
  94.                 {% if pimcore_placeholder('share_image:width') is not empty %}
  95.                     {% do pimcore_head_meta().setProperty('og:image:width',pimcore_placeholder('share_image:width')) %}
  96.                 {% endif %}
  97.                 {% if pimcore_placeholder('share_image:height') is not empty %}
  98.                     {% do pimcore_head_meta().setProperty('og:image:height',pimcore_placeholder('share_image:height')) %}
  99.                 {% endif %}
  100.             {% endif %}
  102.             {% if document.getProperty('og:site_name') %}
  103.                 {% do pimcore_head_meta().setProperty('og:site_name',document.getProperty('og:site_name')) %}
  104.             {% endif %}
  106.             {% do pimcore_head_meta().setProperty('og:type','website') %}
  107.             {# nicht für website % do pimcore_head_meta().setProperty('og:locale ', app.request.locale) %#}
  109.             {% if pimcore_placeholder('url') is not empty %}
  110.                 {% do pimcore_head_meta().setProperty('og:url',app.request.getSchemeAndHttpHost() ~ pimcore_placeholder('url')) %}
  111.             {% else %}
  112.                 {% do pimcore_head_meta().setProperty('og:url ',app.request.getSchemeAndHttpHost() ~ document.getFullPath()) %}
  113.             {% endif %}
  115.             {# add hreflang links between the different languages #}
  116.             {% set languageVersions = foxhabbit_common_tool_get_document_translations( document, "navRoot") %}
  117.             {% for languageVersion in languageVersions %}
  118.                 {% do pimcore_head_link( {rel: 'alternate', href: absolute_url( languageVersion.href), hreflang: languageVersion.locale}) %}
  119.             {% endfor %}
  120.         {% endif %}
  121.     {%- endapply %}
  122.     {# we're using the deferred extension here to make sure this block is rendered after all helper calls #}
  123.     {% block layout_head_meta deferred -%}
  124.         {{ pimcore_head_title() }}
  125.         {{ pimcore_head_meta() }}
  126.     {% endblock %}
  127.     {% block head_stylesheets deferred -%}
  128.         {{ pimcore_head_link() }}
  129.     {% endblock %}
  130.     {% block scripts deferred -%}
  131.         {% do pimcore_head_script().setAllowArbitraryAttributes(true) %}
  132.         {{ pimcore_head_script() }}
  133.     {% endblock %}
  135.     {% include '@FoxHabbitBasis/Layout/includes/favicons.html.twig' %}
  137.     <script>
  138.         {# String.startsWith() Polyfill; needed for IE -#}
  139.         if (!String.prototype.startsWith) {
  140.             String.prototype.startsWith = function(searchString, position) {
  141.                 position = position || 0;
  142.                 return this.indexOf(searchString, position) === position;
  143.             };
  144.         }
  145.         {#
  146.             Element.classlist Polyfill
  147.             Sobald wir den Support für IE9 streichen, kann das raus.
  148.         -#}
  149.         /**
  150.         * Element.prototype.classList for IE8/9, Safari.
  151.         * @author    Kerem Güneş <k-gun@mail.com>
  152.         * @copyright Released under the MIT License <https://opensource.org/licenses/MIT>
  153.         * @version   1.2
  154.         * @see       https://developer.mozilla.org/en-US/docs/Web/API/Element/classList
  155.         */
  156.         ;(function() {
  157.             // Helpers.
  158.             var trim = function(s) {
  159.                     return s.replace(/^\s+|\s+$/g, '');
  160.                 },
  161.                 regExp = function(name) {
  162.                     return new RegExp('(^|\\s+)'+ name +'(\\s+|$)');
  163.                 },
  164.                 forEach = function(list, fn, scope) {
  165.                     for (var i = 0; i < list.length; i++) {
  166.                         fn.call(scope, list[i]);
  167.                     }
  168.                 };
  170.             // Class list object with basic methods.
  171.             function ClassList(element) {
  172.                 this.element = element;
  173.             }
  175.             ClassList.prototype = {
  176.                 add: function() {
  177.                     forEach(arguments, function(name) {
  178.                         if (!this.contains(name)) {
  179.                             this.element.className = trim(this.element.className +' '+ name);
  180.                         }
  181.                     }, this);
  182.                 },
  183.                 remove: function() {
  184.                     forEach(arguments, function(name) {
  185.                         this.element.className = trim(this.element.className.replace(regExp(name), ' '));
  186.                     }, this);
  187.                 },
  188.                 toggle: function(name) {
  189.                     return this.contains(name) ? (this.remove(name), false) : (this.add(name), true);
  190.                 },
  191.                 contains: function(name) {
  192.                     return regExp(name).test(this.element.className);
  193.                 },
  194.                 item: function(i) {
  195.                     return this.element.className.split(/\s+/)[i] || null;
  196.                 },
  197.                 // bonus
  198.                 replace: function(oldName, newName) {
  199.                     this.remove(oldName), this.add(newName);
  200.                 }
  201.             };
  203.             // IE8/9, Safari
  204.             // Remove this if statements to override native classList.
  205.             if (!('classList' in Element.prototype)) {
  206.             // Use this if statement to override native classList that does not have for example replace() method.
  207.             // See browser compatibility: https://developer.mozilla.org/en-US/docs/Web/API/Element/classList#Browser_compatibility.
  208.             // if (!('classList' in Element.prototype) ||
  209.             //     !('classList' in Element.prototype && Element.prototype.classList.replace)) {
  210.                 Object.defineProperty(Element.prototype, 'classList', {
  211.                     get: function() {
  212.                         return new ClassList(this);
  213.                     }
  214.                 });
  215.             }
  217.             // For others replace() support.
  218.             if (window.DOMTokenList && !DOMTokenList.prototype.replace) {
  219.                 DOMTokenList.prototype.replace = ClassList.prototype.replace;
  220.             }
  221.         })();
  222.         {# remove nojs class from HTML Element #}
  223.         document.documentElement.classList.replace('nojs', 'js');
  224.     </script>
  225. </head>
  226. {% set bodyclass = [] %}
  227. {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  228.     {% set bodyclass = bodyclass|merge(['is-authenticated']) %}
  229. {% endif %}
  230. {% if editmode %}
  231.     {% set bodyclass = bodyclass|merge(['editmode']) %}
  232. {% endif %}
  233. <body id="page-top" class="{{ bodyclass|join(' ') }}" itemscope itemtype="http://schema.org/WebPage">
  234.     {% if not editmode %}
  235.         <!-- TOPNAV START -->
  236.         {% set snippets = ['snippetTopnav'] %}
  237.         {% for snippetProperty in snippets %}
  238.             {% set snippet = document.getProperty(snippetProperty) %}
  239.             {% if snippet %}
  240.                 {{pimcore_inc(snippet, { pageDocument: document})}}
  241.             {% else %}
  242.                 {% set snippet = pimcore_website_config(snippetProperty) %}
  243.                 {% if snippet %}
  244.                     {{pimcore_inc(snippet, { pageDocument: document})}}
  245.                 {% endif %}
  246.             {% endif %}
  247.         {% endfor %}
  248.         <!-- TOPNAV END -->
  249.     {% endif %}
  250.     <!-- MAIN CONTENT START -->
  251.     <article class="main-content" role="main">
  252.         <!-- start-index -->
  253.         {{ block('content') }}
  254.         {% set snippets = ['snippetArticleFooter'] %}
  255.         {% for snippetProperty in snippets %}
  256.             {% set snippet = document.getProperty(snippetProperty) %}
  257.             {% if snippet %}
  258.                 {{pimcore_inc(snippet)}}
  259.             {% else %}
  260.                 {% set snippet = pimcore_website_config(snippetProperty) %}
  261.                 {% if snippet %}
  262.                     {{pimcore_inc(snippet, { pageDocument: document})}}
  263.                 {% endif %}
  264.             {% endif %}
  265.         {% endfor %}
  266.         <!-- /end-index -->
  267.     </article>
  268.     {% set snippets = ['snippetFooter'] %}
  269.     {% for snippetProperty in snippets %}
  270.         {% set snippet = document.getProperty(snippetProperty) %}
  271.         {% if snippet %}
  272.             {{pimcore_inc(snippet)}}
  273.         {% else %}
  274.             {% set snippet = pimcore_website_config(snippetProperty) %}
  275.             {% if snippet %}
  276.                 {{pimcore_inc(snippet, { pageDocument: document})}}
  277.             {% endif %}
  278.         {% endif %}
  279.     {% endfor %}
  280.     <!-- MAIN CONTENT END -->
  281.     {% include '@FoxHabbitBasis/Layout/includes/photoswipe.html.twig' %}
  283.     {% if app.environment == 'dev' %}
  284.         <!-- START breakpoint infos for environment {{ app.environment }} -->
  285.         <div class="dev-breakpoint-information d-print-none">
  286.             <div class="d-block d-sm-none" data-title="XS"></div>
  287.             <div class="d-none d-sm-block d-md-none" data-title="SM"></div>
  288.             <div class="d-none d-md-block d-lg-none" data-title="MD"></div>
  289.             <div class="d-none d-lg-block d-xl-none" data-title="LG"></div>
  290.             <div class="d-none d-xl-block" data-title="XL"></div>
  291.         </div>
  292.         <!-- END breakpoint infos -->
  293.     {% endif %}
  295.     {% include '@FoxHabbitBasis/Layout/includes/retargeting-pixel-script.html.twig' %}
  297. </body>
  298. </html>