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. {{ pimcore_head_link() }}
  15. {# {% block head_stylesheets deferred %}
  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. <img src="{{ asset('assets/logo/logo2.png') }}" alt="Swiss Hexagon" width="200" height="84">
  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. }} #}
  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="{{ '© Annavation AG' | trans }}" {% endif %}>© {{ 'now' | date('Y') }} Annavation AG</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>
  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. {# {{ pimcore_head_script() | raw }} #}
  129. {{ pimcore_head_script() }}
  130. {# {% block headscripts deferred %}
  131. {% endblock %} #}
  132. {% endif %}