custom/plugins/SmsBecoTechnicTheme/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 %}
  4.     <div id="footerColumns"
  5.          class="row footer-columns"
  6.          data-collapse-footer="true">
  7.         {% block layout_footer_navigation_hotline %}
  8.             <div class="col-md-3 footer-column js-footer-column">
  9.                 {% block layout_footer_navigation_hotline_headline %}
  10.                     <div
  11.                         class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  12.                         id="collapseFooterHotlineTitle"
  13.                         data-target="#collapseFooterHotline"
  14.                         aria-expanded="true"
  15.                         aria-controls="collapseFooterHotline">
  16.                         {{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}
  17.                         {% block layout_footer_navigation_hotline_icons %}
  18.                             <div class="footer-column-toggle">
  19.                                     <span class="footer-plus-icon">
  20.                                         {% sw_icon 'plus' %}
  21.                                     </span>
  22.                                 <span class="footer-minus-icon">
  23.                                         {% sw_icon 'minus' %}
  24.                                     </span>
  25.                             </div>
  26.                         {% endblock %}
  27.                     </div>
  28.                 {% endblock %}
  30.                 {% block layout_footer_navigation_hotline_content %}
  31.                     <div id="collapseFooterHotline"
  32.                          class="footer-column-content collapse js-footer-column-content footer-contact"
  33.                          aria-labelledby="collapseFooterHotlineTitle">
  34.                         <div class="footer-column-content-inner">
  35.                             <p class="footer-contact-hotline">
  36.                                 {{ 'footer.serviceHotline'|trans|sw_sanitize }}
  37.                             </p>
  38.                         </div>
  39.                         <div class="footer-contact-form">
  40.                             {{ 'footer.serviceContactLink'|trans({
  41.                                 '%url%': path('frontend.cms.page', { id: config('core.basicInformation.contactPage') })
  42.                             })|raw }}
  43.                         </div>
  44.                     </div>
  45.                 {% endblock %}
  46.             </div>
  47.         {% endblock %}
  49.         {% block layout_footer_navigation_payment_logos %}
  50.             <div class="col-md-3 footer-column js-footer-column">
  51.                 {% block layout_footer_navigation_payment_logos_headline %}
  52.                     <div
  53.                         class="footer-column-headline footer-payment js-footer-column-headline js-collapse-footer-column-trigger"
  54.                         id="collapseFooterPaymentTitle"
  55.                         data-target="#collapseFooterPayment"
  56.                         aria-expanded="true"
  57.                         aria-controls="collapseFooterPayment">
  58.                         {{ 'smsBecoTechnicTheme.footer.servicePaymentHeadline'|trans|sw_sanitize }}
  59.                         {% block layout_footer_navigation_payment_icons %}
  60.                             <div class="footer-column-toggle">
  61.                                     <span class="footer-plus-icon">
  62.                                         {% sw_icon 'plus' %}
  63.                                     </span>
  64.                                 <span class="footer-minus-icon">
  65.                                         {% sw_icon 'minus' %}
  66.                                     </span>
  67.                             </div>
  68.                         {% endblock %}
  69.                     </div>
  70.                 {% endblock %}
  72.                 {% block layout_footer_navigation_payment_content %}
  73.                     <div id="collapseFooterPayment"
  74.                          class="footer-column-content collapse js-footer-column-content footer-contact"
  75.                          aria-labelledby="collapseFooterPaymentTitle">
  76.                         <div class="footer-column-content-inner">
  77.                             {% block layout_footer_navigation_payment_logos_content %}
  78.                                 {% for paymentMethod in page.salesChannelPaymentMethods %}
  79.                                     {% block layout_footer_navigation_payment_logo %}
  80.                                         {% if paymentMethod.media %}
  81.                                             <div class="footer-logo is-payment">
  82.                                                 {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  83.                                                     media: paymentMethod.media,
  84.                                                     sizes: {
  85.                                                         'default': '130px'
  86.                                                     },
  87.                                                     attributes: {
  88.                                                         'class': 'img-fluid footer-payment-image',
  89.                                                         'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  90.                                                         'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  91.                                                     }
  92.                                                 } %}
  93.                                             </div>
  94.                                         {% endif %}
  95.                                     {% endblock %}
  96.                                 {% endfor %}
  97.                             {% endblock %}
  98.                         </div>
  99.                     </div>
  100.                 {% endblock %}
  101.             </div>
  102.         {% endblock %}
  104.         {% block layout_footer_navigation_social_language %}
  105.             <div class="col-md-3">
  106.                 <div class="row js-footer-column footer-column">
  107.                     <div class="col-12">
  108.                         {% block layout_footer_navigation_social_logos_headline %}
  109.                             <div
  110.                                 class="footer-column-headline footer-social js-footer-column-headline js-collapse-footer-column-trigger"
  111.                                 id="collapseFootersocialTitle"
  112.                                 data-target="#collapseFootersocial"
  113.                                 aria-expanded="true"
  114.                                 aria-controls="collapseFootersocial">
  115.                                 {{ 'smsBecoTechnicTheme.footer.serviceSocialHeadline'|trans|sw_sanitize }}
  116.                                 {% block layout_footer_navigation_social_icons %}
  117.                                     <div class="footer-column-toggle">
  118.                                     <span class="footer-plus-icon">
  119.                                         {% sw_icon 'plus' %}
  120.                                     </span>
  121.                                         <span class="footer-minus-icon">
  122.                                         {% sw_icon 'minus' %}
  123.                                     </span>
  124.                                     </div>
  125.                                 {% endblock %}
  126.                             </div>
  127.                         {% endblock %}
  129.                         {% block layout_footer_navigation_social_content %}
  130.                             <div id="collapseFootersocial"
  131.                                  class="footer-column-content collapse js-footer-column-content footer-social"
  132.                                  aria-labelledby="collapseFootersocialTitle">
  133.                                 <div class="footer-column-content-inner">
  134.                                     {% block layout_footer_navigation_social_logos_content %}
  135.                                         {% if theme_config('sms-social-media-instagram-icon') %}
  136.                                             <a href="{{ theme_config('sms-social-media-instagram-url') }}"
  137.                                                alt="{{ "smsBecoTechnicTheme.footer.instagram"|trans|striptags }}">
  138.                                                 <i class="{{ theme_config('sms-social-media-instagram-icon') }}"></i>
  139.                                             </a>
  140.                                         {% endif %}
  141.                                         {% if theme_config('sms-social-media-facebook-icon') %}
  142.                                             <a href="{{ theme_config('sms-social-media-facebook-url') }}"
  143.                                                alt="{{ "smsBecoTechnicTheme.footer.facebook"|trans|striptags }}">
  144.                                                 <i class="{{ theme_config('sms-social-media-facebook-icon') }}"></i>
  145.                                             </a>
  146.                                         {% endif %}
  147.                                         {% if theme_config('sms-social-media-youtube-icon') %}
  148.                                             <a href="{{ theme_config('sms-social-media-youtube-url') }}"
  149.                                                alt="{{ "smsBecoTechnicTheme.footer.youtube"|trans|striptags }}">
  150.                                                 <i class="{{ theme_config('sms-social-media-youtube-icon') }}"></i>
  151.                                             </a>
  152.                                         {% endif %}
  153.                                     {% endblock %}
  154.                                 </div>
  155.                             </div>
  156.                         {% endblock %}
  157.                     </div>
  158.                 </div>
  159.                 <div class="row js-footer-column footer-column">
  160.                     <div class="col-12">
  161.                         {% block layout_footer_navigation_language_headline %}
  162.                             <div
  163.                                 class="footer-column-headline footer-social js-footer-column-headline js-collapse-footer-column-trigger"
  164.                                 id="collapseFooterLanguageTitle"
  165.                                 data-target="#collapseFooterLanguage"
  166.                                 aria-expanded="true"
  167.                                 aria-controls="collapseFooterLanguage">
  168.                                 {{ 'smsBecoTechnicTheme.footer.serviceLanguageHeadline'|trans|sw_sanitize }}
  169.                                 {% block layout_footer_navigation_language_icons %}
  170.                                     <div class="footer-column-toggle">
  171.                                     <span class="footer-plus-icon">
  172.                                         {% sw_icon 'plus' %}
  173.                                     </span>
  174.                                         <span class="footer-minus-icon">
  175.                                         {% sw_icon 'minus' %}
  176.                                     </span>
  177.                                     </div>
  178.                                 {% endblock %}
  179.                             </div>
  180.                         {% endblock %}
  182.                         {% block layout_footer_navigation_language_content %}
  183.                             <div id="collapseFooterLanguage"
  184.                                  class="footer-column-content collapse js-footer-column-content footer-social"
  185.                                  aria-labelledby="collapseFooterLanguageTitle">
  186.                                 <div class="footer-column-content-inner">
  187.                                     <form method="post"
  188.                                           action="{{ path('frontend.checkout.switch-language') }}"
  189.                                           class="language-form"
  190.                                           data-form-auto-submit="true">
  191.                                         {% block layout_header_actions_language_widget_form_csrf %}
  192.                                             {{ sw_csrf('frontend.checkout.switch-language') }}
  193.                                         {% endblock %}
  195.                                         <select name="languageId" class="form-control">
  196.                                             {% for language in page.header.languages %}
  197.                                                 <option
  198.                                                     id="{{ language.id }}"
  199.                                                     value="{{ language.id }}"
  200.                                                     {% if language.id is same as(page.header.activeLanguage.id) %} selected{% endif %}
  201.                                                 >{{ language.name }}</option>
  202.                                             {% endfor %}
  203.                                         </select>
  205.                                         <input name="redirectTo"
  206.                                                type="hidden"
  207.                                                value="{{ app.request.get('_route') }}"/>
  209.                                         {% for key, value in app.request.attributes.get('_route_params') %}
  210.                                             <input name="redirectParameters[{{ key }}]"
  211.                                                    type="hidden"
  212.                                                    value="{{ value }}">
  213.                                         {% endfor %}
  214.                                     </form>
  215.                                 </div>
  216.                             </div>
  217.                         {% endblock %}
  218.                     </div>
  219.                 </div>
  220.             </div>
  221.         {% endblock %}
  223.         {% block layout_footer_navigation_columns %}
  224.             {% for root in page.footer.navigation.tree %}
  225.                 {% block layout_footer_navigation_column %}
  226.                     <div class="col-md-3 footer-column js-footer-column">
  227.                         {% block layout_footer_navigation_information_headline %}
  228.                             <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  229.                                  data-target="#collapseFooterTitle{{ loop.index }}"
  230.                                  aria-expanded="true"
  231.                                  aria-controls="collapseFooter{{ loop.index }}">
  233.                                 {{ root.category.translated.name }}
  234.                                 {% block layout_footer_navigation_information_icons %}
  235.                                     <div class="footer-column-toggle">
  236.                                             <span class="footer-plus-icon">
  237.                                                 {% sw_icon 'plus' %}
  238.                                             </span>
  239.                                         <span class="footer-minus-icon">
  240.                                                 {% sw_icon 'minus' %}
  241.                                             </span>
  242.                                     </div>
  243.                                 {% endblock %}
  244.                             </div>
  245.                         {% endblock %}
  247.                         {% block layout_footer_navigation_information_content %}
  248.                             <div id="collapseFooter{{ loop.index }}"
  249.                                  class="footer-column-content collapse js-footer-column-content"
  250.                                  aria-labelledby="collapseFooterTitle{{ loop.index }}">
  251.                                 <div class="footer-column-content-inner">
  252.                                     {% block layout_footer_navigation_information_links %}
  253.                                         <ul class="list-unstyled">
  254.                                             {% for treeItem in root.children %}
  255.                                                 {% set category = treeItem.category %}
  256.                                                 {% set name = category.translated.name %}
  257.                                                 {% set externalLink = category.translated.externalLink %}
  258.                                                 {% block layout_footer_navigation_information_link_item %}
  259.                                                     <li class="footer-link-item">
  260.                                                         {% block layout_footer_navigation_information_link %}
  261.                                                             <a class="footer-link"
  262.                                                                href="{% if externalLink %}{{ externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: category.id }) }}{% endif %}"
  263.                                                                title="{{ name }}">
  264.                                                                 {{ name }}
  265.                                                             </a>
  266.                                                         {% endblock %}
  267.                                                     </li>
  268.                                                 {% endblock %}
  269.                                             {% endfor %}
  270.                                         </ul>
  271.                                     {% endblock %}
  272.                                 </div>
  273.                             </div>
  274.                         {% endblock %}
  275.                     </div>
  276.                 {% endblock %}
  277.             {% endfor %}
  278.         {% endblock %}
  279.     </div>
  280. {#    {% set popup = {#}
  281. {#        content: include('storefront/widgets/popup.html.twig', { 'groups': page.footer.extensions.customer_groups.getGroups() })#}
  282. {#    } %}#}
  283. {#    {% if (page.footer.extensions.customer_groups.getType() == 'popup') and app.session.get('customerGroupPopupId') is empty and not context.customer %}#}
  284. {#        <div class="modal-backdrop modal-backdrop-open" data-keyboard="false" ></div>#}
  285. {#        <template data-customer-group-popup-plugin data-customer-group-popup-plugin-options="{{ popup|json_encode }}"></template>#}
  286. {#        <div class="modal" id="privacyNotice" data-backdrop="static" style="z-index: 1052 !important;">#}
  287. {#            <div class="modal-dialog">#}
  288. {#                <div class="modal-content">#}
  289. {#                    <div class="modal-header">#}
  290. {#                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>#}
  291. {#                    </div><div class="container"></div>#}
  292. {#                    <div class="modal-body">#}
  293. {#                    </div>#}
  294. {#                </div>#}
  295. {#            </div>#}
  296. {#        </div>#}
  297. {#        <div class="modal" id="imprintModal" data-backdrop="static" style="z-index: 1052 !important;">#}
  298. {#            <div class="modal-dialog">#}
  299. {#                <div class="modal-content">#}
  300. {#                    <div class="modal-header">#}
  301. {#                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>#}
  302. {#                    </div><div class="container"></div>#}
  303. {#                    <div class="modal-body">#}
  304. {#                    </div>#}
  305. {#                </div>#}
  306. {#            </div>#}
  307. {#        </div>#}
  308. {#    {% endif %}#}
  309. {% endblock %}
  311. {% block layout_footer_payment_shipping_logos %}{% endblock %}
  313. {% block layout_footer_bottom %}
  314.     <div class="footer-bottom">
  315.         <div class="container">
  316.             <div class="d-flex justify-content-center">
  317.                 <ul class="nav">
  318.                     {% for category in page.footer.extensions.footerBottomCategory.children %}
  319.                         {% set name = category.translated.name %}
  320.                         {% set externalLink = category.translated.externalLink %}
  321.                         <li class="nav-item">
  322.                             <a class="footer-link nav-link"
  323.                                href="{% if externalLink %}{{ externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: category.id }) }}{% endif %}"
  324.                                title="{{ name }}">
  325.                                 {{ name }}
  326.                             </a>
  327.                         </li>
  328.                     {% endfor %}
  329.                 </ul>
  330.             </div>
  331.         </div>
  332.     </div>
  333. {% endblock %}