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

Open in your IDE?
  1. <div class="container">
  2.     {# Servicehotline #}
  3.     {% block layout_footer_navigation_hotline_content %}
  4.         <p class="footer-contact-hotline">
  5.             <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
  6.                 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.898 2.26a5.364 5.364 0 0 1 6.23 2.319l4.575 7.528a5.364 5.364 0 0 1-.79 6.58l-3.6 3.6c-.407.406-.47.95-.259 1.358 1.45 2.814 4.401 7.935 8.384 11.917 3.982 3.983 9.103 6.933 11.917 8.384.408.21.952.148 1.359-.258l3.6-3.6a5.364 5.364 0 0 1 6.579-.791l7.529 4.575a5.364 5.364 0 0 1 2.319 6.23l-.318.985a12.093 12.093 0 0 1-5.348 6.695l-4.338 2.568c-3.203 1.897-7.179 2.254-10.645.57-5.518-2.678-15.093-7.953-22.576-15.436-7.483-7.483-12.758-17.058-15.437-22.576-1.683-3.466-1.326-7.442.57-10.645l2.57-4.338a12.092 12.092 0 0 1 6.694-5.348l.985-.318Zm2.812 4.396a1.364 1.364 0 0 0-1.585-.59l-.985.318a8.092 8.092 0 0 0-4.48 3.579L7.092 14.3c-1.281 2.162-1.455 4.717-.414 6.86 2.608 5.374 7.651 14.48 14.666 21.495 7.016 7.015 16.12 12.058 21.495 14.666 2.143 1.04 4.698.867 6.86-.414l4.338-2.568a8.092 8.092 0 0 0 3.58-4.48l.317-.985a1.364 1.364 0 0 0-.59-1.585l-7.529-4.575a1.364 1.364 0 0 0-1.673.2l-3.6 3.6c-1.554 1.555-3.964 2.046-6.02.986-2.942-1.517-8.495-4.692-12.913-9.11-4.418-4.418-7.593-9.97-9.11-12.913-1.06-2.056-.569-4.466.985-6.02l3.6-3.6a1.364 1.364 0 0 0 .201-1.673L16.71 6.656Z" fill="#7A99AC"/>
  7.             </svg>
  8.             {{ 'footer.serviceHotline'|trans|sw_sanitize }}
  9.         </p>
  10.         {#
  11.         <div id="collapseFooterHotline"
  12.              class="footer-column-content collapse js-footer-column-content footer-contact"
  13.              aria-labelledby="collapseFooterHotlineTitle">
  14.             <div class="footer-column-content-inner">
  15.                 <p class="footer-contact-hotline">
  16.                     {{ 'footer.serviceHotline'|trans|sw_sanitize }}
  17.                 </p>
  18.             </div>
  19.         </div>
  20.         #}
  21.     {% endblock %}
  22. </div>
  24. <div class="container">
  25.     {% block layout_footer_navigation %}
  26.         <div id="footerColumns"
  27.              class="row footer-columns"
  28.              data-collapse-footer="true">
  30.             {# Navigation Columns #}
  31.             {% block layout_footer_navigation_columns %}
  32.                 {# Footer root #}
  33.                 {% for root in page.footer.navigation.tree %}
  34.                     {% block layout_footer_navigation_column %}
  35.                         <div class="col-md-6 col-lg-2 footer-column js-footer-column">
  37.                             {% block layout_footer_navigation_information_headline %}
  38.                                 <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  39.                                      data-target="#collapseFooterTitle{{ loop.index }}"
  40.                                      aria-expanded="true"
  41.                                      aria-controls="collapseFooter{{ loop.index }}">
  43.                                     {% if root.category.type == 'folder' %}
  44.                                         {{ root.category.translated.name }}
  45.                                     {% else %}
  46.                                         <a href="{{ category_url(root.category) }}"
  47.                                            {% if category_linknewtab(root.category) %}target="_blank"{% endif %}
  48.                                            title="{{ root.category.translated.name }}">
  49.                                             {{ root.category.translated.name }}
  50.                                         </a>
  51.                                     {% endif %}
  52.                                     {% block layout_footer_navigation_information_icons %}
  53.                                         <div class="footer-column-toggle">
  54.                                             <span class="footer-plus-icon">
  55.                                                 {% sw_icon 'plus' %}
  56.                                             </span>
  57.                                             <span class="footer-minus-icon">
  58.                                                 {% sw_icon 'minus' %}
  59.                                             </span>
  60.                                         </div>
  61.                                     {% endblock %}
  62.                                 </div>
  63.                             {% endblock %}
  65.                             {% block layout_footer_navigation_information_content %}
  66.                                 <div id="collapseFooter{{ loop.index }}"
  67.                                      class="footer-column-content collapse js-footer-column-content"
  68.                                      aria-labelledby="collapseFooterTitle{{ loop.index }}">
  69.                                     <div class="footer-column-content-inner">
  70.                                         {% block layout_footer_navigation_information_links %}
  71.                                             <ul class="list-unstyled">
  72.                                                 {% for treeItem in root.children %}
  73.                                                     {% set category = treeItem.category %}
  74.                                                     {% set name = category.translated.name %}
  76.                                                     {# @deprecated tag:v6.5.0 - Use "category.translated.externalLink" directly or category_url function instead. #}
  77.                                                     {% set externalLink = category.translated.externalLink %}
  79.                                                     {% block layout_footer_navigation_information_link_item %}
  80.                                                         <li class="footer-link-item order-2">
  81.                                                             {% block layout_footer_navigation_information_link %}
  82.                                                                 {% if category.type == 'folder' %}
  83.                                                                     <div>{{ name }}</div>
  84.                                                                 {% else %}
  85.                                                                     <a class="footer-link"
  86.                                                                        href="{{ category_url(category) }}"
  87.                                                                        {% if category_linknewtab(category) %}target="_blank"{% endif %}
  88.                                                                        title="{{ name }}">
  89.                                                                         {{ name }}
  90.                                                                     </a>
  91.                                                                 {% endif %}
  92.                                                             {% endblock %}
  93.                                                         </li>
  94.                                                     {% endblock %}
  95.                                                 {% endfor %}
  96.                                                 {# Contact-form Modal trigger #}
  97.                                                 {% if loop.index  == 4 %}
  98.                                                     <li class="footer-link-item order-1">
  99.                                                         {{ 'sanetta.footer.service.serviceContactLink'|trans({
  100.                                                             '%url%': path('frontend.cms.page', { id: config('core.basicInformation.contactPage') })
  101.                                                         })|raw }}
  102.                                                     </li>
  103.                                                     <li class="footer-link-item order-1">
  104.                                                         <a href="#" class="footer-link" role="button" data-toggle="modal" data-target="#modalSizesTable">
  105.                                                             {{ "sanetta.productDetail.sizesTable.headline"|trans|striptags }}
  106.                                                         </a>
  107.                                                     </li>
  108.                                                 {% endif %}
  109.                                             </ul>
  110.                                         {% endblock %}
  111.                                     </div>
  112.                                 </div>
  113.                             {% endblock %}
  114.                         </div>
  115.                     {% endblock %}
  116.                 {% endfor %}
  118.                 {# Newsletter Form #}
  119.                 {% block layout_footer_navigation_newsletter %}
  120.                     <div class="col-md-6 col-lg-2 footer-column js-footer-column">
  121.                         {% block layout_footer_navigation_newsletter_headline %}
  122.                             <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  123.                                  data-target="#collapseFooterNewsletter"
  124.                                  aria-expanded="true"
  125.                                  aria-controls="collapseFooterNewsletter">
  126.                                     {{ 'sanetta.footer.newsletter.headline'|trans|sw_sanitize }}
  127.                                     {% block layout_footer_navigation_newsletter_icons %}
  128.                                         <div class="footer-column-toggle">
  129.                                             <span class="footer-plus-icon">
  130.                                                 {% sw_icon 'plus' %}
  131.                                             </span>
  132.                                             <span class="footer-minus-icon">
  133.                                                 {% sw_icon 'minus' %}
  134.                                             </span>
  135.                                         </div>
  136.                                     {% endblock %}
  137.                             </div>
  138.                         {% endblock %}
  140.                         {% block layout_footer_navigation_newsletter_content %}
  141.                             <div id="collapseFooterNewsletter"
  142.                                  class="footer-column-content js-footer-column-content collapse cms-block"
  143.                                  aria-labelledby="collapseFooterNewsletter"
  144.                                  style="">
  145.                                 <div class="footer-column-content-inner cms-element-form">
  146.                                     <p>
  147.                                         {{ 'sanetta.footer.newsletter.paragraph'|trans|sw_sanitize }}
  148.                                     </p>
  149.                                     <form class="newsletter-form" action="{{ path('frontend.form.newsletter.register.handle') }}" method="post" data-form-csrf-handler="true" data-form-validation="true">
  150.                                         {{ sw_csrf('frontend.form.newsletter.register.handle') }}
  151.                                         <input type="hidden" name="option" value="subscribe"/>
  152.                                         <input type="submit" class="submit--hidden d-none">
  153.                                         {% set formViolations = app.request.get('errors') %}
  154.                                         <div class="input-group">
  155.                                             <input type="email" name="email" required="required" value="{{ data.get('email') }}" placeholder="{{ 'sanetta.footer.newsletter.placeholder'|trans|sw_sanitize }}" class="form-control {% if formViolations.getViolations('/email') %} is-invalid{% endif %}" checked>
  156.                                             
  157.                                             {% sw_include '@Storefront/storefront/component/captcha/base.html.twig' with { additionalClass : 'col-md-4'} %}
  159.                                             <button type="submit" class="btn btn-ghost btn-footer-newsletter">
  160.                                                 {{ 'sanetta.footer.newsletter.button'|trans|sw_sanitize }}
  161.                                             </button>
  162.                                         </div>
  163.                                     </form>
  164.                                 </div>
  165.                             </div>
  166.                         {% endblock %}
  167.                     </div>
  168.                 {% endblock %}
  170.                 {# Shipping #}
  171.                 {% block layout_footer_navigation_shipping %}
  172.                     <div class="col-md-6 col-lg-2 footer-column js-footer-column">
  173.                         {% block layout_footer_navigation_shipping_headline %}
  174.                             <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  175.                                  id="collapseFooterShippingTitle"
  176.                                  data-target="#collapseFooterShipping"
  177.                                  aria-expanded="true"
  178.                                  aria-controls="collapseFooterShipping">
  179.                                 {{ 'sanetta.footer.shipping.headline'|trans|sw_sanitize }}
  180.                                 {% block layout_footer_navigation_shipping_icons %}
  181.                                     <div class="footer-column-toggle">
  182.                                         <span class="footer-plus-icon">
  183.                                             {% sw_icon 'plus' %}
  184.                                         </span>
  185.                                         <span class="footer-minus-icon">
  186.                                             {% sw_icon 'minus' %}
  187.                                         </span>
  188.                                     </div>
  189.                                 {% endblock %}
  190.                             </div>
  191.                         {% endblock %}
  193.                         {% block layout_footer_navigation_shipping_content %}
  194.                             <div id="collapseFooterShipping"
  195.                                  class="footer-column-content collapse js-footer-column-content footer-contact"
  196.                                  aria-labelledby="collapseFooterShippingTitle">
  197.                                 <div class="footer-logos">
  198.                                     {% block layout_footer_shipping_logos %}
  199.                                         {% for shippingMethod in page.salesChannelShippingMethods %}
  200.                                             {% block layout_footer_shipping_logo %}
  201.                                                 {% if shippingMethod.media %}
  202.                                                     <div class="footer-logo is-shipping">
  203.                                                         {% sw_thumbnails 'footer-shipping-image-thumbnails' with {
  204.                                                             media: shippingMethod.media,
  205.                                                             sizes: {
  206.                                                                 'default': '100px'
  207.                                                             },
  208.                                                             attributes: {
  209.                                                                 'class': 'img-fluid footer-logo-image',
  210.                                                                 'alt': (shippingMethod.media.translated.alt ?: shippingMethod.translated.name),
  211.                                                                 'title': (shippingMethod.media.translated.title ?: shippingMethod.translated.name)
  212.                                                             }
  213.                                                         } %}
  214.                                                     </div>
  215.                                                 {% endif %}
  216.                                             {% endblock %}
  217.                                         {% endfor %}
  218.                                     {% endblock %}
  219.                                 </div>
  220.                             </div>
  221.                         {% endblock %}
  222.                     </div>
  223.                 {% endblock %}
  225.                 {# Payment #}
  226.                 {% block layout_footer_navigation_payment %}
  227.                     <div class="col-md-6 col-lg-2 footer-column js-footer-column">
  228.                         {% block layout_footer_navigation_payment_headline %}
  229.                             <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  230.                                  id="collapseFooterPaymentTitle"
  231.                                  data-target="#collapseFooterPayment"
  232.                                  aria-expanded="true"
  233.                                  aria-controls="collapseFooterPayment">
  234.                                 {{ 'sanetta.footer.payment.headline'|trans|sw_sanitize }}
  235.                                 {% block layout_footer_navigation_payment_icons %}
  236.                                     <div class="footer-column-toggle">
  237.                                         <span class="footer-plus-icon">
  238.                                             {% sw_icon 'plus' %}
  239.                                         </span>
  240.                                         <span class="footer-minus-icon">
  241.                                             {% sw_icon 'minus' %}
  242.                                         </span>
  243.                                     </div>
  244.                                 {% endblock %}
  245.                             </div>
  246.                         {% endblock %}
  248.                         {% block layout_footer_navigation_payment_content %}
  249.                             <div id="collapseFooterPayment"
  250.                                  class="footer-column-content collapse js-footer-column-content footer-contact"
  251.                                  aria-labelledby="collapseFooterPaymentTitle">
  252.                                 <div class="footer-logos">
  253.                                     {% block layout_footer_payment_logos %}
  254.                                     {% for paymentMethod in page.salesChannelPaymentMethods %}
  255.                                         {% block layout_footer_payment_logo %}
  256.                                             {% if paymentMethod.media %}
  257.                                                 <div class="footer-logo is-payment">
  258.                                                     {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  259.                                                         media: paymentMethod.media,
  260.                                                         sizes: {
  261.                                                             'default': '100%'
  262.                                                         },
  263.                                                         attributes: {
  264.                                                             'class': 'img-fluid footer-logo-image',
  265.                                                             'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  266.                                                             'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  267.                                                         }
  268.                                                     } %}
  269.                                                 </div>
  270.                                             {% endif %}
  271.                                         {% endblock %}
  272.                                     {% endfor %}
  273.                                 {% endblock %}
  274.                                 </div>
  275.                             </div>
  276.                         {% endblock %}
  277.                     </div>
  278.                 {% endblock %}
  280.                 {# Storefinder #}
  281.                 {% block layout_footer_navigation_storefinder %}
  282.                     <div class="col-md-6 col-lg-2 footer-column js-footer-column d-none">
  283.                         {% block layout_footer_navigation_storefinder_headline %}
  284.                             <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  285.                                  id="collapseFooterStorefinderMobile"
  286.                                  data-target="#collapseFooterStorefinderMobile"
  287.                                  aria-expanded="true"
  288.                                  aria-controls="collapseFooterStorefinderMobile">
  289.                                 {{ 'sanetta.footer.storefinder.headline'|trans|sw_sanitize }}
  290.                                 {% block layout_footer_navigation_storefinder_icons %}
  291.                                     <div class="footer-column-toggle">
  292.                                         <span class="footer-plus-icon">
  293.                                             {% sw_icon 'plus' %}
  294.                                         </span>
  295.                                         <span class="footer-minus-icon">
  296.                                             {% sw_icon 'minus' %}
  297.                                         </span>
  298.                                     </div>
  299.                                 {% endblock %}
  300.                             </div>
  301.                         {% endblock %}
  303.                         {% block layout_footer_navigation_storefinder_content %}
  304.                             <div id="collapseFooterStorefinder"
  305.                                  class="footer-column-content collapse js-footer-column-content footer-contact"
  306.                                  aria-labelledby="collapseFooterStorefinder">
  307.                                 <div class="footer-column-content-inner">
  308.                                     <p>
  309.                                         {{ 'sanetta.footer.storefinder.paragraph'|trans|sw_sanitize }}
  310.                                     </p>
  311.                                     <a href=" {{ 'sanetta.footer.storefinder.link'|trans|sw_sanitize }}" target="_blank" rel="noopener noreferrer"
  312.                                        title="{{ root.category.translated.name }}" class="btn btn-ghost">
  313.                                         {{ 'sanetta.footer.storefinder.button'|trans|sw_sanitize }}
  314.                                     </a>
  315.                                 </div>
  316.                             </div>
  317.                         {% endblock %}
  318.                     </div>
  319.                 {% endblock %}
  320.                 {# }
  322.                 {# Socialmedia #}
  323.                 {% block layout_footer_navigation_socialmedia %}
  324.                     <div class="col-md-6 col-lg-2 footer-column js-footer-column">
  325.                         {% block layout_footer_navigation_socialmedia_headline %}
  326.                             <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  327.                                  id="collapseFooterSocialmediaMobile"
  328.                                  data-target="#collapseFooterSocialmediaMobile"
  329.                                  aria-expanded="true"
  330.                                  aria-controls="collapseFooterSocialmediaMobile">
  331.                                 {{ 'sanetta.footer.socialmedia.headline'|trans|sw_sanitize }}
  332.                                 {% block layout_footer_navigation_socialmedia_icons %}
  333.                                     <div class="footer-column-toggle">
  334.                                         <span class="footer-plus-icon">
  335.                                             {% sw_icon 'plus' %}
  336.                                         </span>
  337.                                         <span class="footer-minus-icon">
  338.                                             {% sw_icon 'minus' %}
  339.                                         </span>
  340.                                     </div>
  341.                                 {% endblock %}
  342.                             </div>
  343.                         {% endblock %}
  345.                         {% block layout_footer_navigation_socialmedia_content %}
  346.                             <div id="collapseFooterSocialmedia"
  347.                                  class="footer-column-content collapse js-footer-column-content footer-contact"
  348.                                  aria-labelledby="collapseFooterSocialmedia">
  349.                                 <div class="footer-column-content-inner">
  350.                                     <ul class="socialmedia-list" role="menu" aria-label="Socialmedia-Navigation">
  351.                                         <li role="presentation">
  352.                                             <a href="{{ "sanetta.socialmedia.facebook"|trans|sw_sanitize }}" role="menuitem" target="_blank" rel="noopener noreferrer">
  353.                                                 <!-- {% sw_icon 'social-facebook' style {'pack': 'sanetta'} %} -->
  354.                                                 <img src="{{ asset('assets/icon/social-facebook.svg', '@SanettaTheme') }}">
  355.                                             </a>
  356.                                         </li>
  357.                                         <li role="presentation">
  358.                                             <a href="{{ "sanetta.socialmedia.instagram"|trans|sw_sanitize }}" role="menuitem" target="_blank" rel="noopener noreferrer">
  359.                                                <!-- {% sw_icon 'social-instagram' style {'pack': 'sanetta'} %} -->
  360.                                                <img src="{{ asset('assets/icon/social-instagram.svg', '@SanettaTheme') }}">
  361.                                             </a>
  362.                                         </li>
  363.                                     </ul>
  364.                                 </div>
  365.                             </div>
  366.                         {% endblock %}
  367.                     </div>
  368.                 {% endblock %}
  370.             {% endblock %} {#  End layout_footer_navigation_columns #}
  371.         </div>
  373.         {% sw_include '@SanettaTheme/storefront/modal/dm_sizes-table.html.twig' %}
  375.     {% endblock %}
  376. </div>