vendor/shopware/storefront/Resources/views/storefront/layout/footer/footer.html.twig line 1

Open in your IDE?
  1. {% block layout_footer_inner_container %}
  2. <div class="container">
  4. {% block layout_footer_navigation %}
  5. <div id="footerColumns"
  6. class="row footer-columns"
  7. data-collapse-footer="true"
  8. role="list">
  9. {% block layout_footer_navigation_hotline %}
  10. <div class="col-md-4 footer-column js-footer-column">
  11. {% block layout_footer_navigation_hotline_headline %}
  12. <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  13. id="collapseFooterHotlineTitle"
  14. {{ dataBsTargetAttr }}="#collapseFooterHotline"
  15. aria-expanded="true"
  16. aria-controls="collapseFooterHotline"
  17. role="listitem">
  18. {{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}
  19. {% block layout_footer_navigation_hotline_icons %}
  20. <div class="footer-column-toggle">
  21. <span class="footer-plus-icon">
  22. {% sw_icon 'plus' %}
  23. </span>
  24. <span class="footer-minus-icon">
  25. {% sw_icon 'minus' %}
  26. </span>
  27. </div>
  28. {% endblock %}
  29. </div>
  30. {% endblock %}
  32. {% block layout_footer_navigation_hotline_content %}
  33. <div id="collapseFooterHotline"
  34. class="footer-column-content collapse js-footer-column-content footer-contact"
  35. aria-labelledby="collapseFooterHotlineTitle">
  36. <div class="footer-column-content-inner">
  37. <p class="footer-contact-hotline">
  38. {{ 'footer.serviceHotline'|trans|sw_sanitize }}
  39. </p>
  40. </div>
  41. <div class="footer-contact-form">
  42. {{ 'footer.serviceContactLink'|trans({
  43. '%url%': path('frontend.cms.page', { id: config('core.basicInformation.contactPage') })
  44. })|raw }}
  45. </div>
  46. </div>
  47. {% endblock %}
  48. </div>
  49. {% endblock %}
  51. {% block layout_footer_navigation_columns %}
  52. {% for root in page.footer.navigation.tree %}
  53. {% block layout_footer_navigation_column %}
  54. <div class="col-md-4 footer-column js-footer-column">
  55. {% block layout_footer_navigation_information_headline %}
  56. <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  57. {{ dataBsTargetAttr }}="#collapseFooterTitle{{ loop.index }}"
  58. aria-expanded="true"
  59. aria-controls="collapseFooter{{ loop.index }}">
  61. {% if root.category.type == 'folder' %}
  62. {{ root.category.translated.name }}
  63. {% else %}
  64. <a href="{{ category_url(root.category) }}"
  65. {% if category_linknewtab(root.category) %}target="_blank"{% endif %}
  66. title="{{ root.category.translated.name }}">
  67. {{ root.category.translated.name }}
  68. </a>
  69. {% endif %}
  70. {% block layout_footer_navigation_information_icons %}
  71. <div class="footer-column-toggle">
  72. <span class="footer-plus-icon">
  73. {% sw_icon 'plus' %}
  74. </span>
  75. <span class="footer-minus-icon">
  76. {% sw_icon 'minus' %}
  77. </span>
  78. </div>
  79. {% endblock %}
  80. </div>
  81. {% endblock %}
  83. {% block layout_footer_navigation_information_content %}
  84. <div id="collapseFooter{{ loop.index }}"
  85. class="footer-column-content collapse js-footer-column-content"
  86. aria-labelledby="collapseFooterTitle{{ loop.index }}">
  87. <div class="footer-column-content-inner">
  88. {% block layout_footer_navigation_information_links %}
  89. <ul class="list-unstyled">
  90. {% for treeItem in root.children %}
  91. {% set category = treeItem.category %}
  92. {% set name = category.translated.name %}
  94. {# @deprecated tag:v6.5.0 - Use "category.translated.externalLink" directly or category_url function instead. #}
  95. {% set externalLink = category.translated.externalLink %}
  97. {% block layout_footer_navigation_information_link_item %}
  98. <li class="footer-link-item">
  99. {% block layout_footer_navigation_information_link %}
  100. {% if category.type == 'folder' %}
  101. <div>{{ name }}</div>
  102. {% else %}
  103. <a class="footer-link"
  104. href="{{ category_url(category) }}"
  105. {% if category_linknewtab(category) %}target="_blank"{% endif %}
  106. title="{{ name }}">
  107. {{ name }}
  108. </a>
  109. {% endif %}
  110. {% endblock %}
  111. </li>
  112. {% endblock %}
  113. {% endfor %}
  114. </ul>
  115. {% endblock %}
  116. </div>
  117. </div>
  118. {% endblock %}
  119. </div>
  120. {% endblock %}
  121. {% endfor %}
  122. {% endblock %}
  123. </div>
  124. {% endblock %}
  126. {% block layout_footer_payment_shipping_logos %}
  127. <div class="footer-logos">
  128. {% block layout_footer_payment_logos %}
  129. {% for paymentMethod in page.salesChannelPaymentMethods %}
  130. {% block layout_footer_payment_logo %}
  131. {% if paymentMethod.media %}
  132. <div class="footer-logo is-payment">
  133. {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  134. media: paymentMethod.media,
  135. sizes: {
  136. 'default': '100px'
  137. },
  138. attributes: {
  139. 'class': 'img-fluid footer-logo-image',
  140. 'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  141. 'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  142. }
  143. } %}
  144. </div>
  145. {% endif %}
  146. {% endblock %}
  147. {% endfor %}
  148. {% endblock %}
  150. {% block layout_footer_shipping_logos %}
  151. {% for shippingMethod in page.salesChannelShippingMethods %}
  152. {% block layout_footer_shipping_logo %}
  153. {% if shippingMethod.media %}
  154. <div class="footer-logo is-shipping">
  155. {% sw_thumbnails 'footer-shipping-image-thumbnails' with {
  156. media: shippingMethod.media,
  157. sizes: {
  158. 'default': '100px'
  159. },
  160. attributes: {
  161. 'class': 'img-fluid footer-logo-image',
  162. 'alt': (shippingMethod.media.translated.alt ?: shippingMethod.translated.name),
  163. 'title': (shippingMethod.media.translated.title ?: shippingMethod.translated.name)
  164. }
  165. } %}
  166. </div>
  167. {% endif %}
  168. {% endblock %}
  169. {% endfor %}
  170. {% endblock %}
  171. </div>
  172. {% endblock %}
  174. </div>
  176. {% block layout_footer_bottom %}
  177. <div class="footer-bottom">
  178. {% block layout_footer_service_menu %}
  179. <div class="container">
  180. {% block layout_footer_service_menu_content %}
  181. {% apply spaceless %}
  182. <ul class="footer-service-menu-list list-unstyled">
  183. {% for serviceMenuItem in page.header.serviceMenu %}
  184. {% block layout_footer_service_menu_item %}
  185. <li class="footer-service-menu-item">
  186. <a class="footer-service-menu-link"
  187. href="{{ category_url(serviceMenuItem) }}"
  188. {% if category_linknewtab(serviceMenuItem) %}target="_blank"{% endif %}
  189. title="{{ serviceMenuItem.translated.name }}">
  190. {{ serviceMenuItem.translated.name }}
  191. </a>
  192. </li>
  193. {% endblock %}
  194. {% endfor %}
  195. </ul>
  196. {% endapply %}
  197. {% endblock %}
  198. </div>
  199. {% endblock %}
  201. {% block layout_footer_vat %}
  202. <div class="footer-vat">
  203. {% if context.taxState == "gross" %}
  204. <p>
  205. {{ "footer.includeVat"|trans({
  206. '%url%': path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') })
  207. })|raw }}
  208. </p>
  209. {% else %}
  210. <p>
  211. {{ "footer.excludeVat"|trans({
  212. '%url%': path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') })
  213. })|raw }}
  214. </p>
  215. {% endif %}
  216. </div>
  217. {% endblock %}
  219. {% block layout_footer_copyright %}
  220. <div class="footer-copyright">
  221. {% sw_icon 'shopware' style {'size':'xs'} %}
  222. {{ "footer.copyrightInfo"|trans|sw_sanitize }}
  223. </div>
  224. {% endblock %}
  225. </div>
  226. {% endblock %}
  227. {% endblock %}