templates/default/components/organisms/footer/footer.html.twig line 1

Open in your IDE?
  1. <footer class="footer{% block footerClass %}{% endblock %}">
  2. {% block footer_top %}
  3. {% if not isPunchout %}
  4. <div class="footer__top">
  5. <div class="footer__inner-top">
  6. <div class="footer__column-group footer__column-group--news">
  7. {% set follow = '--follow' %}
  8. <div class="footer__column footer__column--newsletter">
  9. {% include('components/atoms/button/button.html.twig') with {
  10. 'class': 'footer__column-headline js-collapse',
  11. 'content': 'footer_column_newsletter'|trans,
  12. 'type': 'button',
  13. 'attributes': {
  14. 'data-collapse-element': 'footer-newsletter',
  15. 'data-btn-active-class': 'footer__column-headline--active',
  16. 'data-collapse-active-class': 'footer__column-content--active',
  17. }
  18. } %}
  20. {% embed 'components/organisms/collapse/collapse.html.twig' with {
  21. 'id': 'footer-newsletter',
  22. 'class': 'footer__column-content',
  23. 'active': false
  24. } %}
  25. {% block content %}
  26. {% include('components/atoms/paragraph/paragraph.html.twig') with {
  27. 'class': 'footer__newsletter-description',
  28. 'text': 'footer_newsletter_description'|trans,
  29. } %}
  31. {% if cms_globals.slot_footer_newsletter is defined %}
  32. {% include 'components/organisms/storyblok/storyblok.html.twig' with {
  33. 'componentData': cms_globals.slot_footer_newsletter,
  34. 'config': {
  35. 'reserveBoldSpace': true,
  36. }
  37. }
  38. %}
  39. {% endif %}
  40. {% endblock %}
  41. {% endembed %}
  42. </div>
  43. <div class="footer__column footer__column{{ follow |default('') }}">
  44. {% include('components/atoms/button/button.html.twig') with {
  45. 'class': 'footer__column-headline js-collapse',
  46. 'content': 'footer_column_follow'|trans,
  47. 'type': 'button',
  48. 'attributes': {
  49. 'data-collapse-element': 'footer-social-media',
  50. 'data-btn-active-class': 'footer__column-headline--active',
  51. 'data-collapse-active-class': 'footer__column-content--active',
  52. }
  53. } %}
  55. {% embed 'components/organisms/collapse/collapse.html.twig' with {
  56. 'id': 'footer-social-media',
  57. 'class': 'footer__column-content',
  58. 'active': false
  59. } %}
  60. {% block content %}
  61. {% if cms_globals.slot_footer_social_links is defined %}
  62. {% include 'components/organisms/storyblok/storyblok.html.twig' with {
  63. 'componentData': cms_globals.slot_footer_social_links,
  64. 'config': {
  65. 'objectFit': 'height'
  66. }
  67. }%}
  68. {% endif %}
  69. {% endblock %}
  70. {% endembed %}
  71. </div>
  72. </div>
  73. <div class="footer__column-group footer__column-group--links">
  74. {% set footerLinkGroups = ['denios', 'service', 'expertise'] %}
  75. {% for group in footerLinkGroups %}
  76. {% set groupHeadlineSnippet = 'footer_column_' ~ group %}
  77. {% set groupSlot = cms_globals['slot_footer_' ~ group]|default([]) %}
  79. {% if groupSlot is not empty %}
  80. <div class="footer__column footer__column--links">
  81. {% include('components/atoms/button/button.html.twig') with {
  82. 'class': 'footer__column-headline js-collapse',
  83. 'content': groupHeadlineSnippet|trans,
  84. 'type': 'button',
  85. 'attributes': {
  86. 'data-collapse-element': 'footer-collapse-link-group-' ~ loop.index,
  87. 'data-btn-active-class': 'footer__column-headline--active',
  88. 'data-collapse-active-class': 'footer__column-content--active',
  89. }
  90. } %}
  92. {% embed 'components/organisms/collapse/collapse.html.twig' with {
  93. 'id': 'footer-collapse-link-group-' ~ loop.index,
  94. 'class': 'footer__column-content',
  95. 'active': false
  96. } %}
  97. {% block content %}
  98. {{ render_storyblok(groupSlot, {
  99. class: 'footer__link-list',
  100. classLink: 'text-link--footer'
  101. }) }}
  102. {% endblock %}
  103. {% endembed %}
  104. </div>
  105. {% endif %}
  106. {% endfor %}
  107. </div>
  108. <div class="footer__column-group footer__column-group--logos">
  109. {% if not isPunchout %}
  110. <div class="footer__column footer__column--payments">
  111. {% include('components/atoms/button/button.html.twig') with {
  112. 'class': 'footer__column-headline js-collapse',
  113. 'content': 'footer_column_payment'|trans,
  114. 'type': 'button',
  115. 'attributes': {
  116. 'data-collapse-element': 'footer-payment',
  117. 'data-btn-active-class': 'footer__column-headline--active',
  118. 'data-collapse-active-class': 'footer__column-content--active',
  119. }
  120. } %}
  122. {% embed 'components/organisms/collapse/collapse.html.twig' with {
  123. 'id': 'footer-payment',
  124. 'class': 'footer__column-content',
  125. 'active': false
  126. } %}
  127. {% block content %}
  128. {% if cms_globals.slot_footer_payment is defined %}
  129. {{ render_storyblok(cms_globals.slot_footer_payment, {
  130. class: 'footer__payment-list',
  131. objectFit: 'height'
  132. }) }}
  133. {% endif %}
  134. {% endblock %}
  135. {% endembed %}
  136. </div>
  137. {% if cms_globals.slot_footer_feedback is defined and cms_globals.slot_footer_feedback is not empty %}
  138. <div class="footer__column footer__column--feedback">
  139. {% include('components/atoms/button/button.html.twig') with {
  140. 'class': 'footer__column-headline js-collapse',
  141. 'content': 'footer_column_feedback'|trans,
  142. 'type': 'button',
  143. 'attributes': {
  144. 'data-collapse-element': 'footer-feedback',
  145. 'data-btn-active-class': 'footer__column-headline--active',
  146. 'data-collapse-active-class': 'footer__column-content--active',
  147. }
  148. } %}
  149. {% embed 'components/organisms/collapse/collapse.html.twig' with {
  150. 'id': 'footer-feedback',
  151. 'class': 'footer__column-content footer__column--etrusted',
  152. 'active': false
  153. } %}
  154. {% block content %}
  155. {% include 'components/organisms/storyblok/storyblok.html.twig' with {
  156. 'componentData': cms_globals.slot_footer_feedback
  157. }%}
  158. {% endblock %}
  159. {% endembed %}
  160. </div>
  161. {% endif %}
  162. {% endif %}
  163. <div class="footer__column footer__column--logos">
  164. {% include('components/atoms/button/button.html.twig') with {
  165. 'class': 'footer__column-headline js-collapse',
  166. 'content': 'footer_column_logos'|trans,
  167. 'type': 'button',
  168. 'attributes': {
  169. 'data-collapse-element': 'footer-logos',
  170. 'data-btn-active-class': 'footer__column-headline--active',
  171. 'data-collapse-active-class': 'footer__column-content--active',
  172. }
  173. } %}
  175. {% embed 'components/organisms/collapse/collapse.html.twig' with {
  176. 'id': 'footer-logos',
  177. 'class': 'footer__column-content',
  178. 'active': false
  179. } %}
  180. {% block content %}
  181. {% if cms_globals.slot_footer_logos is defined %}
  182. {% include 'components/organisms/storyblok/storyblok.html.twig' with {
  183. 'componentData': cms_globals.slot_footer_logos
  184. }%}
  185. {% endif %}
  186. {% endblock %}
  187. {% endembed %}
  188. </div>
  189. </div>
  190. </div>
  191. </div>
  192. {% endif %}
  193. {% endblock %}
  194. {% block footer_bottom %}
  195. <div class="footer__bottom">
  196. <div class="footer__inner-bottom">
  197. {% block footer_bottom_checkout_back %}{% endblock %}
  199. {% block footer_bottom_links %}
  200. {% if cms_globals.slot_footer_legal_information is defined %}
  201. {{ render_storyblok(cms_globals.slot_footer_legal_information, {
  202. class: 'link-list--footer-bottom',
  203. classLink: 'text-link--footer'
  204. }) }}
  205. {% endif %}
  206. {% endblock %}
  207. {% if not isPunchout %}
  208. {% block footer_bottom_vat %}
  209. <div class="footer__vat-toggle">
  210. {% include 'components/molecules/vat-toggle/vat-toggle.html.twig'
  211. with {
  212. 'class': 'vat-toggle--footer',
  213. }
  214. %}
  215. </div>
  216. {% endblock %}
  217. {% endif %}
  218. {% block footer_bottom_language %}{% endblock %}
  219. {% block footer_bottom_country %}{% endblock %}
  220. </div>
  221. </div>
  222. {% endblock %}
  224. </footer>