custom/plugins/DmfManuTheme/src/Resources/views/storefront/layout/footer/footer.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/footer/footer.html.twig' %}
  3. {% block layout_footer_navigation_hotline %}
  4.     {% set footerCol = theme_config('dmf-footer-columns') %}
  6.     {% if theme_config('dmf-footer-service-enable') %}
  7.         <div class="col-md-{{ footerCol }} order-md-1 order-2 footer-column footer-social-column js-footer-column">
  8.             {% block layout_footer_navigation_service_headline %}
  9.                 <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger" id="collapseFooterHotlineTitle" data-target="#collapseFooterHotline" aria-expanded="true" aria-controls="collapseFooterHotline">
  10.                     {{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}
  11.                     {% block layout_footer_navigation_hotline_icons %}
  12.                         <div class="footer-column-toggle">
  13.                             <span class="footer-plus-icon">
  14.                                 {% sw_icon 'plus' %}
  15.                             </span>
  16.                             <span class="footer-minus-icon">
  17.                                 {% sw_icon 'minus' %}
  18.                             </span>
  19.                         </div>
  20.                     {% endblock %}
  21.                 </div>
  22.             {% endblock %}
  24.             {% block layout_footer_navigation_service_content %}
  25.                 <div id="collapseFooterHotline" class="footer-column-content collapse js-footer-column-content footer-contact" aria-labelledby="collapseFooterHotlineTitle">
  26.                     <div class="footer-column-content-inner">
  27.                         <p class="footer-contact-hotline">
  28.                             {{ 'footer.serviceHotline'|trans|sw_sanitize }}
  29.                         </p>
  30.                     </div>
  31.                     <div class="footer-contact-form">
  32.                         {{ 'footer.serviceContactLink'|trans({
  33.                                     '%url%': path('frontend.cms.page', { id: config('core.basicInformation.contactPage') })
  34.                                 })|raw }}
  35.                     </div>
  36.                 </div>
  37.             {% endblock %}
  38.         </div>
  39.     {% endif %}
  41.     {% if theme_config('dmf-social-media-enable') %}
  42.         <div class="col-md-{{ footerCol }} order-md-4 footer-column footer-social-column">
  43.             {% block layout_footer_navigation_hotline_headline %}
  44.                 <div class="d-inline-block d-md-block pr-3 pr-md-0 footer-column-headline footer-headline">
  45.                     {{ 'footer.socialMediaHeadline'|trans|sw_sanitize }}
  46.                 </div>
  47.             {% endblock %}
  49.             {% block layout_footer_navigation_hotline_content %}
  50.                 <div class="d-inline-block d-md-flex footer-column-content footer-social-content">
  51.                     <div class="footer-column-content-inner">
  52.                         {% if theme_config('dmf-social-media-facebook') %}
  53.                             <a href="{{ 'footer.socialMediaFacebook'|trans|sw_sanitize }}" class="footer-social-item" target="_blank" rel="noopener" title="facebook">
  54.                                 {% sw_icon 'facebook' %}
  55.                                 <span class="d-none d-md-inline-block">{{ 'footer.socialMediaFacebookLabel'|trans|sw_sanitize }}</span>
  56.                             </a>
  57.                         {% endif %}
  59.                         {% if theme_config('dmf-social-media-twitter') %}
  60.                             <a href="{{ 'footer.socialMediaTwitter'|trans|sw_sanitize }}" class="footer-social-item" target="_blank" rel="noopener" title="facebook">
  61.                                 {% sw_icon 'twitter' %}
  62.                                 <span class="d-none d-md-inline-block">{{ 'footer.socialMediaTwitterLabel'|trans|sw_sanitize }}</span>
  63.                             </a>
  64.                         {% endif %}
  66.                         {% if theme_config('dmf-social-media-pinterest') %}
  67.                             <a href="{{ 'footer.socialMediaPinterest'|trans|sw_sanitize }}" class="footer-social-item" target="_blank" rel="noopener" title="facebook">
  68.                                 {% sw_icon 'pinterest' %}
  69.                                 <span class="d-none d-md-inline-block">{{ 'footer.socialMediaPinterestLabel'|trans|sw_sanitize }}</span>
  70.                             </a>
  71.                         {% endif %}
  73.                         {% if theme_config('dmf-social-media-instagram') %}
  74.                             <a href="{{ 'footer.socialMediaInstagram'|trans|sw_sanitize }}" class="footer-social-item" target="_blank" rel="noopener" title="facebook">
  75.                                 {% sw_icon 'instagram' %}
  76.                                 <span class="d-none d-md-inline-block">{{ 'footer.socialMediaInstagramLabel'|trans|sw_sanitize }}</span>
  77.                             </a>
  78.                         {% endif %}
  80.                         {% if theme_config('dmf-social-media-youtube') %}
  81.                             <a href="{{ 'footer.socialMediaYoutube'|trans|sw_sanitize }}" class="footer-social-item" target="_blank" rel="noopener" title="facebook">
  82.                                 {% sw_icon 'youtube' %}
  83.                                 <span class="d-none d-md-inline-block">{{ 'footer.socialMediaYoutubeLabel'|trans|sw_sanitize }}</span>
  84.                             </a>
  85.                         {% endif %}
  86.                     </div>
  87.                 </div>
  88.             {% endblock %}
  89.         </div>
  90.     {% endif %}
  91. {% endblock %}
  93. {% block layout_footer_navigation_column %}
  94.     {% set footerCol = theme_config('dmf-footer-columns') %}
  96.     <div class="col-md-{{ footerCol }} order-3 footer-column js-footer-column">
  97.         {% block layout_footer_navigation_information_headline %}
  98.             {{ parent() }}
  99.         {% endblock %}
  101.         {% block layout_footer_navigation_information_content %}
  102.             {{ parent() }}
  103.         {% endblock %}
  104.     </div>
  105. {% endblock %}
  107. {% block layout_footer_payment_shipping_logos %}
  108.     {% if theme_config('dmf-shipping-logos-enable') or theme_config('dmf-payment-logos-enable') %}
  109.         <div id="footerColumnsLogos" class="row footer-columns" data-collapse-footer="true">
  110.             {% if theme_config('dmf-shipping-logos-enable') %}
  111.                 {% block layout_footer_shipping_logos %}
  112.                     <div class="col-md-3 footer-column js-footer-column footer-shipping-column">
  113.                         <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger" id="collapseFooterShippingTitle" data-target="#collapseFooterShipping" aria-expanded="true" aria-controls="collapseFooterShipping">
  114.                             {{ 'footer.shippingHeadline'|trans|sw_sanitize }}
  115.                             <div class="footer-column-toggle">
  116.                                 <span class="footer-plus-icon">
  117.                                     {% sw_icon 'plus' %}
  118.                                 </span>
  119.                                 <span class="footer-minus-icon">
  120.                                     {% sw_icon 'minus' %}
  121.                                 </span>
  122.                             </div>
  123.                         </div>
  124.                         <div id="collapseFooterShipping" class="footer-column-content collapse js-footer-column-content footer-shipping" aria-labelledby="collapseFooterShippingTitle">
  125.                             <div class="footer-column-content-inner">
  126.                                 {% for shippingMethod in page.salesChannelShippingMethods %}
  127.                                     {% block layout_footer_shipping_logo %}
  128.                                         {% if shippingMethod.media %}
  129.                                             <div class="footer-logo is-shipping">
  130.                                                 {% sw_thumbnails 'footer-shipping-image-thumbnails' with {
  131.                                                     media: shippingMethod.media,
  132.                                                     sizes: {
  133.                                                         'default': '100px'
  134.                                                     },
  135.                                                     attributes: {
  136.                                                         'class': 'img-fluid footer-logo-image',
  137.                                                         'alt': (shippingMethod.media.translated.alt ?: shippingMethod.translated.name),
  138.                                                         'title': (shippingMethod.media.translated.title ?: shippingMethod.translated.name)
  139.                                                     }
  140.                                                 } %}
  141.                                             </div>
  142.                                         {% endif %}
  143.                                     {% endblock %}
  144.                                 {% endfor %}
  145.                             </div>
  146.                         </div>
  147.                     </div>
  148.                 {% endblock %}
  149.             {% endif %}
  151.             {% if theme_config('dmf-payment-logos-enable') %}
  152.                 {% block layout_footer_payment_logos %}
  153.                     <div class="col-md-9 footer-column js-footer-column footer-payment-column">
  154.                         <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger" id="collapseFooterPaymentTitle" data-target="#collapseFooterPayment" aria-expanded="true" aria-controls="collapseFooterPayment">
  155.                             {{ 'footer.paymentHeadline'|trans|sw_sanitize }}
  156.                             <div class="footer-column-toggle">
  157.                                 <span class="footer-plus-icon">
  158.                                     {% sw_icon 'plus' %}
  159.                                 </span>
  160.                                 <span class="footer-minus-icon">
  161.                                     {% sw_icon 'minus' %}
  162.                                 </span>
  163.                             </div>
  164.                         </div>
  165.                         <div id="collapseFooterPayment" class="footer-column-content collapse js-footer-column-content footer-payment" aria-labelledby="collapseFooterPaymentTitle">
  166.                             <div class="footer-column-content-inner">
  167.                                 {% for paymentMethod in page.salesChannelPaymentMethods %}
  168.                                     {% block layout_footer_payment_logo %}
  169.                                         {% if paymentMethod.media %}
  170.                                             <div class="footer-logo is-payment">
  171.                                                 {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  172.                                                     media: paymentMethod.media,
  173.                                                     sizes: {
  174.                                                         'default': '100px'
  175.                                                     },
  176.                                                     attributes: {
  177.                                                         'class': 'img-fluid footer-logo-image',
  178.                                                         'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  179.                                                         'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  180.                                                     }
  181.                                                 } %}
  182.                                             </div>
  183.                                         {% endif %}
  184.                                     {% endblock %}
  185.                                 {% endfor %}
  186.                             </div>
  187.                         </div>
  188.                     </div>
  189.                 {% endblock %}
  190.             {% endif %}
  191.         </div>
  192.     {% endif %}
  193. {% endblock %}
  195. {% block layout_footer_service_menu %}{% endblock %}
  197. {% block layout_footer_copyright %}
  198.     <div class="footer-copyright">
  199.         {% sw_icon 'shopware' style {'size':'xs'} %}
  200.         {{ "footer.copyrightInfoDmf"|trans|sw_sanitize }}
  201.     </div>
  202. {% endblock %}