custom/plugins/ProxaDaimlerTheme/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_inner_container %}
  4.     <div class="container">
  5.         {% block layout_footer_navigation %}
  6.             <div class="footer-border"></div>
  7.             <div id="footerColumns"
  8.                  class="row footer-columns">
  9.                 {% block layout_footer_navigation_columns %}
  11.                     {% for root in page.footer.navigation.tree %}
  13.                         {% if root.category.customFields.custom_shop_page_position == "footer_top" %}
  15.                             {% block layout_footer_navigation_column %}
  16.                                 <div class="col-md-4 footer-column js-footer-column">
  17.                                     {% block layout_footer_navigation_information_headline %}
  18.                                         <div class="footer-column-headline footer-headline">
  19.                                             {% if root.category.type == 'folder' %}
  20.                                                 {{ root.category.translated.name }}
  21.                                             {% else %}
  22.                                                 <a href="{{ category_url(root.category) }}"
  23.                                                    {% if category_linknewtab(root.category) %}target="_blank"{% endif %}
  24.                                                    title="{{ root.category.translated.name }}">
  25.                                                     {{ root.category.translated.name }}
  28.                                                     {% block layout_footer_navigation_information_icons %}
  29.                                                         <span class="footer-column-icon">
  30.                                                             {% sw_icon 'arrow-large-right' style { 'pack':'solid', 'size': 'sm' } %}
  31.                                                         </span>
  32.                                                     {% endblock %}
  33.                                                 </a>
  34.                                             {% endif %}
  35.                                         </div>
  36.                                     {% endblock %}
  37.                                 </div>
  38.                             {% endblock %}
  40.                         {% endif %}
  41.                     {% endfor %}
  42.                 {% endblock %}
  43.             </div>
  44.         {% endblock %}
  45.     </div>
  48.     {% block layout_footer_center %}
  49.         <div class="footer-center-content">
  50.             <div class="container">
  51.                 {% block layout_footer_newsletter_and_social_icons %}
  52.                     <div class="row footer-center-content-inner">
  54.                         {% block layout_footer_center_scroll_up %}
  55.                             <div class="col-12">
  56.                                 {% sw_include '@Storefront/storefront/layout/scroll-up.html.twig' %}
  57.                             </div>
  58.                         {% endblock %}
  60.                         {# <div class="col-12 col-md-6 footer-column-newsletter"> #}
  61.                         {# {% block layout_footer_navigation_newsletter_content %} #}
  62.                         {# <div class="footer-column-content footer-contact"> #}
  63.                         {# <div class="footer-column-content-inner"> #}
  64.                         {# <div class="cms-block cms-block-form"> #}
  65.                         {# <div class="cms-element-form"> #}
  66.                         {# {% sw_include '@Storefront/storefront/element/cms-element-form/form-types/newsletter-footer-form.html.twig'  with { action: "frontend.form.newsletter.register.handle" } %} #}
  67.                         {# </div> #}
  68.                         {# </div> #}
  69.                         {# </div> #}
  70.                         {# </div> #}
  71.                         {# {% endblock %} #}
  72.                         {# </div> #}
  74.                         {# {% block layout_footer_social_icons %} #}
  75.                         {# <div class="col-12 col-md-6 footer-social֊icons"> #}
  76.                         {# <div class="col-12 p-0 social-icons-content-inner"> #}
  77.                         {# {% block layout_footer_social_icons_title %} #}
  78.                         {# <div class="social-icons-title"> #}
  79.                         {# {{ "daimler.footer.socialIcons.title"|trans }} #}
  80.                         {# </div> #}
  81.                         {# {% endblock %} #}
  83.                         {# {% block layout_footer_social_icons_content %} #}
  84.                         {# <div class="social-icons-content"> #}
  85.                         {# <a href="#" class="btn social-icon"> #}
  86.                         {# {% sw_icon 'facebook' style { #}
  87.                         {# 'pack': 'mainpack', #}
  88.                         {# 'namespace': 'ProxaDaimlerTheme' #}
  89.                         {# } %} #}
  90.                         {# </a> #}
  92.                         {# <a href="#" class="btn social-icon"> #}
  93.                         {# {% sw_icon 'twitter' style { #}
  94.                         {# 'pack': 'mainpack', #}
  95.                         {# 'namespace': 'ProxaDaimlerTheme' #}
  96.                         {# } %} #}
  97.                         {# </a> #}
  99.                         {# <a href="#" class="btn social-icon"> #}
  100.                         {# {% sw_icon 'youtube' style { #}
  101.                         {# 'pack': 'mainpack', #}
  102.                         {# 'namespace': 'ProxaDaimlerTheme' #}
  103.                         {# } %} #}
  104.                         {# </a> #}
  106.                         {# <a href="#" class="btn social-icon"> #}
  107.                         {# {% sw_icon 'linkedin' style { #}
  108.                         {# 'pack': 'mainpack', #}
  109.                         {# 'namespace': 'ProxaDaimlerTheme' #}
  110.                         {# } %} #}
  111.                         {# </a> #}
  112.                         {# </div> #}
  113.                         {# {% endblock %} #}
  114.                         {# </div> #}
  115.                         {# </div> #}
  116.                         {# {% endblock %} #}
  117.                     </div>
  118.                 {% endblock %}
  119.             </div>
  120.         </div>
  121.     {% endblock %}
  123.     {% block layout_footer_bottom %}
  124.         <div class="footer-bottom">
  125.             <div class="container">
  126.                 <div class="row">
  127.                     {% block layout_footer_payment_shipping_logos %}
  128.                         <div class="footer-logos col-12 col-lg-6">
  129.                             <div class="footer-payment-logos-headline col-12 col-sm-auto mb-2">
  130.                                 {{ "daimler.footer.paymentIcons.title"|trans }}
  131.                             </div>
  132.                             {% block layout_footer_payment_logos %}
  133.                                 <div class="footer-logo is-payment">
  134.                                     <img src="{{ asset('assets/img/visa.png','@ProxaDaimlerTheme') }}"
  135.                                          class="img-fluid footer-logo-image"
  136.                                          alt="{{ "daimler.footer.paymentIcons.visa"|trans }}"
  137.                                          title="{{ "daimler.footer.paymentIcons.visa"|trans }}">
  138.                                 </div>
  140.                                 <div class="footer-logo is-payment">
  141.                                     <img src="{{ asset('assets/img/mastercard.png','@ProxaDaimlerTheme') }}"
  142.                                          class="img-fluid footer-logo-image"
  143.                                          alt="{{ "daimler.footer.paymentIcons.mastercard"|trans }}"
  144.                                          title="{{ "daimler.footer.paymentIcons.mastercard"|trans }}">
  145.                                 </div>
  147.                                 <div class="footer-logo is-payment">
  148.                                     <img src="{{ asset('assets/img/klarna.png','@ProxaDaimlerTheme') }}"
  149.                                          class="img-fluid footer-logo-image"
  150.                                          alt="{{ "daimler.footer.paymentIcons.klarna"|trans }}"
  151.                                          title="{{ "daimler.footer.paymentIcons.klarna"|trans }}">
  152.                                 </div>
  153.                             {% endblock %}
  154.                         </div>
  155.                     {% endblock %}
  157.                     <div class="col-12 col-lg-6">
  158.                         {% block layout_footer_copyright %}
  159.                             <div class="footer-copyright">
  160.                                 {{ "footer.copyrightInfo"|trans|sw_sanitize }}
  161.                             </div>
  162.                         {% endblock %}
  164.                         {% block layout_footer_bottom_menu %}
  165.                             <div class="footer-bottom-menu">
  166.                                 {% for root in page.footer.navigation.tree %}
  167.                                     {% if root.category.customFields.custom_shop_page_position == "footer_bottom" %}
  168.                                         {% block layout_footer_bottom_navigation %}
  169.                                             {% block layout_footer_bottom_navigation_information_headline %}
  170.                                                 {% if root.category.type == 'folder' %}
  171.                                                     {{ root.category.translated.name }}
  172.                                                 {% else %}
  173.                                                     <a href="{{ category_url(root.category) }}"
  174.                                                        {% if category_linknewtab(root.category) %}target="_blank"{% endif %}
  175.                                                        title="{{ root.category.translated.name }}">
  176.                                                         {{ root.category.translated.name }}
  177.                                                     </a>
  178.                                                 {% endif %}
  179.                                             {% endblock %}
  180.                                         {% endblock %}
  181.                                     {% endif %}
  182.                                 {% endfor %}
  183.                             </div>
  184.                         {% endblock %}
  186.                         {% block layout_footer_trademark %}
  187.                             <div class="footer-trademark">
  188.                                 <img src="{{ asset('assets/logo/trademark.png','@ProxaDaimlerTheme') }}"
  189.                                      alt="{{ "daimler.footer.trademarkAlt"|trans|sw_sanitize }}" class="footer-trademark-icon">
  190.                                 {{ "daimler.footer.trademark"|trans|sw_sanitize }}
  191.                             </div>
  192.                         {% endblock %}
  193.                     </div>
  194.                 </div>
  195.             </div>
  196.         </div>
  197.     {% endblock %}
  198. {% endblock %}