templates/includes/footer.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2. {% apply spaceless %}
  4.     {# CSS styles #}
  5.     {% do pimcore_head_link().appendStylesheet(asset('assets/css/app.min.css')) %}
  6.     {% do pimcore_head_link().appendStylesheet(asset('assets/css/editmode.min.css')) %}
  7.     {# CSS styles #}
  9.     {# JS Script #}
  10.     {% do pimcore_head_script().appendFile(asset('assets/js/app.min.js')) %}
  11.     {# JS Script #}
  13. {% endapply %}
  14. {% block head_stylesheets deferred %}
  15.     {{ pimcore_head_link() }}
  16. {% endblock %}
  17. {% endif %}
  18. <footer id="footer" class="{% if editmode %}editmode{% endif %}">
  19.     <div class="container">
  21.         <section class="center-sec flex space-between">
  22.             <div class="contact">
  23.             <a class="footer-logo" href="/" title="{{ ''}}">
  24.                 {{ include('svg/logo.html.twig') }}
  25.             </a>
  26.             {% if editmode %}
  27.                 {{ pimcore_wysiwyg('footerContent', {
  28.                         height: 200,
  29.                         customConfig: '/assets/js/editmode/config.js'
  30.                     })
  31.                 }}
  32.             {% elseif not pimcore_wysiwyg('footerContent').isEmpty()  %}
  33.                 {{  pimcore_wysiwyg('footerContent').getData() | raw }}
  34.             {% endif %}
  35.             </div>
  37.             <section class="social-sec">
  38.                 <div class="socials">
  39.                     {% if editmode %}
  40.                         <div class="flex gap-60">
  41.                             {{ pimcore_link('insta') }}
  42.                             {{ pimcore_link('facebook') }}
  43.                         </div>
  44.                     {% endif %}
  45.                     {% if not editmode and not pimcore_link('insta').isEmpty() %}
  46.                     <a href="{{ pimcore_link('insta').getHref() }}" target="{{ pimcore_link('insta').getTarget() }}" title="{{ pimcore_link('insta').getTitle() }}">
  47.                         <svg width="18.818" height="18.814" viewBox="0 0 18.818 18.814">
  48.                             <path d="M9.406,6.821a4.824,4.824,0,1,0,4.824,4.824A4.816,4.816,0,0,0,9.406,6.821Zm0,7.96a3.136,3.136,0,1,1,3.136-3.136A3.142,3.142,0,0,1,9.406,14.781Zm6.146-8.157A1.125,1.125,0,1,1,14.427,5.5,1.122,1.122,0,0,1,15.552,6.624Zm3.195,1.142a5.568,5.568,0,0,0-1.52-3.942A5.6,5.6,0,0,0,13.285,2.3c-1.553-.088-6.209-.088-7.762,0A5.6,5.6,0,0,0,1.581,3.819,5.586,5.586,0,0,0,.061,7.761c-.088,1.553-.088,6.209,0,7.762a5.568,5.568,0,0,0,1.52,3.942,5.612,5.612,0,0,0,3.942,1.52c1.553.088,6.209.088,7.762,0a5.568,5.568,0,0,0,3.942-1.52,5.6,5.6,0,0,0,1.52-3.942c.088-1.553.088-6.2,0-7.758ZM16.74,17.19a3.175,3.175,0,0,1-1.788,1.788c-1.238.491-4.177.378-5.546.378s-4.311.109-5.546-.378A3.175,3.175,0,0,1,2.072,17.19c-.491-1.238-.378-4.177-.378-5.546S1.585,7.333,2.072,6.1A3.175,3.175,0,0,1,3.86,4.311c1.238-.491,4.177-.378,5.546-.378s4.311-.109,5.546.378A3.175,3.175,0,0,1,16.74,6.1c.491,1.238.378,4.177.378,5.546S17.231,15.956,16.74,17.19Z" transform="translate(0.005 -2.238)" fill="#fff"/>
  49.                         </svg>
  50.                     </a>
  51.                     {% endif %}
  52.                     {% if not editmode and not pimcore_link('facebook').isEmpty() %}
  53.                         <a href="{{ pimcore_link('facebook').getHref() }}" target="{{ pimcore_link('facebook').getTarget() }}" title="{{ pimcore_link('facebook').getTitle() }}">
  54.                         <svg width="11.763" height="21.865" viewBox="0 0 11.763 21.865">
  55.                             <path d="M13.257,11.741V7.566h3.368v-2.1A5.5,5.5,0,0,1,18.1,1.6,4.693,4.693,0,0,1,21.675,0H25.02V4.176H21.675a.737.737,0,0,0-.59.361,1.465,1.465,0,0,0-.262.886V7.565h4.2v4.175h-4.2V21.865h-4.2V11.741Z" transform="translate(-13.257)" fill="#fff"/>
  56.                         </svg>
  57.                     </a>
  58.                     {% endif %}
  59.                 </div>
  61.                 <div class="partner">
  62.                     {% if editmode %}
  63.                         {{  pimcore_wysiwyg('footerContentContact', {
  64.                                 height: 60,
  65.                                 customConfig: '/assets/js/editmode/config.js'
  66.                             })
  67.                         }}
  68.                     {% elseif not pimcore_wysiwyg('footerContentContact').isEmpty()  %}
  69.                         {{  pimcore_wysiwyg('footerContentContact').getData() | raw }}
  70.                     {% endif %}
  72.                     <div class="partner-logo">
  73.                         {% if editmode %}
  74.                             {# {{  pimcore_image('footerPartner', {
  75.                                     height: 120,
  76.                                     customConfig: '/assets/js/editmode/config.js'
  77.                                 })
  78.                             }} #}
  79.         
  80.                             {{ pimcore_relation("footerPartner",{
  81.                                 "height": 120,
  82.                                 "types": ["asset"],
  83.                                 "subtypes": {
  84.                                     "asset": ["image"]
  85.                                 },
  86.                                 "customConfig": '/assets/js/editmode/config.js'
  87.                             }) }}
  88.                             {{  pimcore_link('footerPartnerLink', {
  89.                                     height: 120,
  90.                                     customConfig: '/assets/js/editmode/config.js'
  91.                                 })
  92.                             }}
  93.                         {% elseif not pimcore_relation('footerPartner').isEmpty() and not pimcore_link('footerPartnerLink').isEmpty()  %}
  94.                             <a class="footer-partner-link" href="{{ pimcore_link('footerPartnerLink').getHref() }}" target="{{ pimcore_link('footerPartnerLink').getTarget() }}">
  95.                                 {{ pimcore_relation("footerPartner").getElement().getThumbnail('footerPartner').html | raw }}
  96.                             </a>
  97.                         {% endif %}
  98.                     </div>
  99.                 </div>
  101.             </section>
  102.         </section>
  104.         <section class="bottom-sec flex space-between">
  105.             <a {% if not editmode %}href="/" title="{{ '© Swiss Hexagon GmbH' | trans }}" {% endif %}>© {{ 'now' | date('Y') }} Swiss Hexagon GmbH</a>
  107.             <div class="flex gap-30">
  108.                 {% for i in pimcore_block('linkblock').iterator %}
  109.                     {{ pimcore_link('footerLink', {'class': "bottom-sec-link"}) }}
  110.                 {% endfor %}
  112.                 {% if not editmode %}
  113.                 <a aria-label="{{ 'cookies-eu-revoke'|trans }}" class="cookies-eu-revoke" id="cookies-eu-revoke" title="{{ 'cookie-eu-revoke-link-title' | trans }}">{{ 'cookies-eu-revoke'|trans }}</a>
  114.                 {% endif %}
  115.             </div>
  116.         </section>
  118.     </div>
  119.     
  120.     {% if not editmode %}
  121.         <div class="footer-deco-logo">
  122.             {{ include('svg/logo-icon.html.twig') }}
  123.         </div>
  124.     {% endif %}
  125. </footer>
  127. {% if editmode %}
  128.     {% block headscripts deferred %}
  129.         {# {{ pimcore_head_script() | raw }} #}
  130.         {{ pimcore_head_script() }}
  131.     {% endblock %}
  132. {% endif %}