custom/plugins/zenitPlatformStratus/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.     {% if theme_config('zen-footer-logo-position') is same as ('newsletter') %}
  5.         {% set newsletterHiddenClass = 'd-md-none' %}
  6.         {% set newsletterFooterLogoClass = 'newsletter-footer-logo' %}
  7.     {% endif %}
  9.     {% block zen_layout_footer_newsletter %}
  10.         {% if theme_config('zen-footer-newsletter-position') is same as ('prepend') %}
  11.             <div class="footer-newsletter newsletter-fullwidth {{ newsletterFooterLogoClass }}">
  12.                 <div class="container">
  14.                     {% block zen_layout_footer_newsletter_logo %}
  15.                         {# footer logo #}
  16.                         {% if theme_config('zen-footer-logo-position') is same as ('newsletter') %}
  17.                             <div class="footer-logo">
  18.                                 {% sw_include '@Storefront/storefront/component/footer/zen-footer-logo.html.twig' %}
  19.                             </div>
  20.                         {% endif %}
  21.                     {% endblock %}
  23.                     {% sw_include '@Storefront/storefront/component/footer/zen-footer-newsletter.html.twig' with {
  24.                         action: 'frontend.form.newsletter.register.handle',
  25.                         submitText: 'newsletter.formSubmit'
  26.                     } %}
  28.                 </div>
  29.             </div>
  30.         {% endif %}
  31.     {% endblock %}
  33.     {% block layout_footer_navigation %}
  34.         <div class="container">
  35.             <div id="footerColumns"
  36.                  class="row footer-columns{% if theme_config('zen-footer-col-headline-font-align') is same as ('center') and theme_config('zen-footer-col-font-align') is same as ('center') %} justify-content-center{% endif %}"
  37.                  data-collapse-footer="true">
  39.                 {% block zen_layout_footer_navigation_logo %}
  40.                     {% if theme_config('zen-footer-logo-position') is same as ('column') %}
  41.                         <div class="{{ theme_config('zen-footer-logo-col') }} {{ theme_config('zen-footer-logo-col-xl') }} order-{{ theme_config('zen-footer-logo-order') }} footer-column footer-logo-column">
  42.                             <div class="footer-logo-column-inner">
  43.                                 {% sw_include '@Storefront/storefront/component/footer/zen-footer-logo.html.twig' %}
  44.                             </div>
  45.                         </div>
  46.                     {% endif %}
  47.                 {% endblock %}
  49.                 {% block zen_layout_footer_navigation_newsletter %}
  50.                     {% if theme_config('zen-footer-newsletter-position') is same as ('column') %}
  51.                         <div class="{{ theme_config('zen-footer-newsletter-col') }} {{ theme_config('zen-footer-newsletter-col-xl') }} order-{{ theme_config('zen-footer-newsletter-order') }} footer-column js-footer-column footer-newsletter-column footer-newsletter {{ newsletterFooterLogoClass }}">
  53.                             {% block zen_layout_footer_navigation_newsletter_headline_logo %}
  54.                                 {# footer logo #}
  55.                                 {% if theme_config('zen-footer-logo-position') is same as ('newsletter') %}
  56.                                     <div class="footer-column-headline footer-headline footer-logo">
  57.                                         {% sw_include '@Storefront/storefront/component/footer/zen-footer-logo.html.twig' %}
  58.                                     </div>
  59.                                 {% endif %}
  60.                             {% endblock %}
  62.                             {# showClass #}
  63.                             {% if theme_config('zen-footer-newsletter-collapse-state') %}
  64.                                 {% set newsletterShowClass = 'show' %}
  65.                             {% endif %}
  67.                             {% block zen_layout_footer_navigation_newsletter_headline %}
  68.                                 <div class="{{ newsletterHiddenClass }} footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger {{ newsletterShowClass }}"
  69.                                      id="collapseFooterNewsletterTitle"
  70.                                      data-target="#collapseFooterNewsletter"
  71.                                      aria-expanded="true"
  72.                                      aria-controls="collapseFooterNewsletter">
  73.                                     {{ 'zentheme.footer.newsletterHeadline'|trans|sw_sanitize }}
  74.                                     {% block zen_layout_footer_navigation_newsletter_icons %}
  75.                                         <div class="footer-column-toggle">
  76.                                             <span class="footer-plus-icon">
  77.                                                 {% sw_icon 'plus' %}
  78.                                             </span>
  79.                                                 <span class="footer-minus-icon">
  80.                                                 {% sw_icon 'minus' %}
  81.                                             </span>
  82.                                         </div>
  83.                                     {% endblock %}
  84.                                 </div>
  85.                             {% endblock %}
  87.                             {% block zen_layout_footer_navigation_newsletter_content %}
  88.                                 <div id="collapseFooterNewsletter"
  89.                                      class="footer-column-content collapse js-footer-column-content {{ newsletterShowClass }}"
  90.                                      aria-labelledby="collapseFooterNewsletterTitle">
  91.                                     <div class="footer-column-content-inner">
  92.                                         {% sw_include '@Storefront/storefront/component/footer/zen-footer-newsletter.html.twig' with {
  93.                                             action: 'frontend.form.newsletter.register.handle',
  94.                                             submitText: 'newsletter.formSubmit'
  95.                                         }%}
  96.                                     </div>
  97.                                 </div>
  98.                             {% endblock %}
  100.                         </div>
  101.                     {% endif %}
  102.                 {% endblock %}
  104.                 {% block zen_layout_footer_navigation_social %}
  105.                     {% if theme_config('zen-footer-social-position') is same as ('column') %}
  106.                         <div class="{{ theme_config('zen-footer-social-col') }} {{ theme_config('zen-footer-social-col-xl') }} order-{{ theme_config('zen-footer-social-order') }} footer-column js-footer-column footer-social-column">
  107.                             {# footer logo #}
  108.                             {% if theme_config('zen-footer-logo-position') is same as ('social') %}
  109.                                 {% set socialHiddenClass = 'd-md-none' %}
  110.                             {% endif %}
  112.                             {% block zen_layout_footer_navigation_social_headline_logo %}
  113.                                 {# footer logo #}
  114.                                 {% if theme_config('zen-footer-logo-position') is same as ('social') %}
  115.                                     <div class="footer-column-headline footer-headline footer-logo">
  116.                                         {% sw_include '@Storefront/storefront/component/footer/zen-footer-logo.html.twig' %}
  117.                                     </div>
  118.                                 {% endif %}
  119.                             {% endblock %}
  121.                             {# showClass #}
  122.                             {% if theme_config('zen-footer-social-collapse-state') %}
  123.                                 {% set socialShowClass = 'show' %}
  124.                             {% endif %}
  126.                             {% block zen_layout_footer_navigation_social_headline %}
  127.                                 <div class="{{ socialHiddenClass }} footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger {{ socialShowClass }}"
  128.                                      id="collapseFooterSocialTitle"
  129.                                      data-target="#collapseFooterSocial"
  130.                                      aria-expanded="true"
  131.                                      aria-controls="collapseFooterSocial">
  132.                                     {{ 'zentheme.footer.socialMediaHeadline'|trans|sw_sanitize }}
  133.                                     {% block zen_layout_footer_navigation_social_icons %}
  134.                                         <div class="footer-column-toggle">
  135.                                         <span class="footer-plus-icon">
  136.                                             {% sw_icon 'plus' %}
  137.                                         </span>
  138.                                             <span class="footer-minus-icon">
  139.                                             {% sw_icon 'minus' %}
  140.                                         </span>
  141.                                         </div>
  142.                                     {% endblock %}
  143.                                 </div>
  144.                             {% endblock %}
  146.                             {% block zen_layout_footer_navigation_social_content %}
  147.                                 <div id="collapseFooterSocial"
  148.                                      class="footer-column-content collapse js-footer-column-content {{ socialShowClass }}"
  149.                                      aria-labelledby="collapseFooterSocialTitle">
  150.                                     <div class="footer-column-content-inner">
  151.                                         {% sw_include '@Storefront/storefront/component/footer/zen-footer-social.html.twig' %}
  152.                                     </div>
  153.                                 </div>
  154.                             {% endblock %}
  155.                         </div>
  156.                     {% endif %}
  157.                 {% endblock %}
  159.                 {% block zen_layout_footer_navigation_custom %}
  160.                     {% if config('zenitPlatformStratus.config.customColumnActive') and config('zenitPlatformStratus.config.customColumnTitle') and config('zenitPlatformStratus.config.customColumnText')%}
  161.                         <div class="{{ theme_config('zen-footer-custom-col') }} {{ theme_config('zen-footer-custom-col-xl') }} order-{{ theme_config('zen-footer-custom-order') }} footer-column js-footer-column footer-custom-column">
  163.                             {# showClass #}
  164.                             {% if theme_config('zen-footer-custom-collapse-state') %}
  165.                                 {% set customShowClass = 'show' %}
  166.                             {% endif %}
  168.                             {% block zen_layout_footer_navigation_custom_headline %}
  169.                                 <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger {{ customShowClass }}"
  170.                                      id="collapseFooterCustomTitle"
  171.                                      data-target="#collapseFooterCustom"
  172.                                      aria-expanded="true"
  173.                                      aria-controls="collapseFooterCustom">
  174.                                     {{ config('zenitPlatformStratus.config.customColumnTitle') }}
  175.                                     {% block zen_layout_footer_navigation_custom_icons %}
  176.                                         <div class="footer-column-toggle">
  177.                                         <span class="footer-plus-icon">
  178.                                             {% sw_icon 'plus' %}
  179.                                         </span>
  180.                                             <span class="footer-minus-icon">
  181.                                             {% sw_icon 'minus' %}
  182.                                         </span>
  183.                                         </div>
  184.                                     {% endblock %}
  185.                                 </div>
  186.                             {% endblock %}
  188.                             {% block zen_layout_footer_navigation_custom_content %}
  189.                                 <div id="collapseFooterCustom"
  190.                                      class="footer-column-content collapse js-footer-column-content {{ customShowClass }}"
  191.                                      aria-labelledby="collapseFooterCustomTitle">
  192.                                     <div class="footer-column-content-inner">
  193.                                         {{ config('zenitPlatformStratus.config.customColumnText')|raw }}
  194.                                     </div>
  195.                                 </div>
  196.                             {% endblock %}
  197.                         </div>
  198.                     {% endif %}
  199.                 {% endblock %}
  201.                 {% block zen_layout_footer_navigation_hotline %}
  202.                     {% if theme_config('zen-footer-hotline-position') is same as ('column') %}
  203.                         <div class="{{ theme_config('zen-footer-hotline-col') }} {{ theme_config('zen-footer-hotline-col-xl') }} order-{{ theme_config('zen-footer-hotline-order') }} footer-column js-footer-column footer-hotline-column">
  204.                             {# footer logo #}
  205.                             {% if theme_config('zen-footer-logo-position') is same as ('hotline') %}
  206.                                 {% set hotlineHiddenClass = 'd-md-none' %}
  207.                             {% endif %}
  209.                             {% block zen_layout_footer_navigation_hotline_headline_logo %}
  210.                                 {# footer logo #}
  211.                                 {% if theme_config('zen-footer-logo-position') is same as ('hotline') %}
  212.                                     <div class="footer-column-headline footer-headline footer-logo">
  213.                                         {% sw_include '@Storefront/storefront/component/footer/zen-footer-logo.html.twig' %}
  214.                                     </div>
  215.                                 {% endif %}
  216.                             {% endblock %}
  218.                             {# showClass #}
  219.                             {% if theme_config('zen-footer-hotline-collapse-state') %}
  220.                                 {% set hotlineShowClass = 'show' %}
  221.                             {% endif %}
  223.                             {% block zen_layout_footer_navigation_hotline_headline %}
  224.                                 <div class="{{ hotlineHiddenClass }} footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger {{ hotlineShowClass }}"
  225.                                      id="collapseFooterHotlineTitle"
  226.                                      data-target="#collapseFooterHotline"
  227.                                      aria-expanded="true"
  228.                                      aria-controls="collapseFooterHotline">
  229.                                     {{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}
  230.                                     {% block zen_layout_footer_navigation_hotline_icons %}
  231.                                         <div class="footer-column-toggle">
  232.                                             <span class="footer-plus-icon">
  233.                                                 {% sw_icon 'plus' %}
  234.                                             </span>
  235.                                             <span class="footer-minus-icon">
  236.                                                 {% sw_icon 'minus' %}
  237.                                             </span>
  238.                                         </div>
  239.                                     {% endblock %}
  240.                                 </div>
  241.                             {% endblock %}
  243.                             {% block zen_layout_footer_navigation_hotline_content %}
  244.                                 <div id="collapseFooterHotline"
  245.                                      class="footer-column-content collapse js-footer-column-content {{ hotlineShowClass }}"
  246.                                      aria-labelledby="collapseFooterHotlineTitle">
  247.                                     <div class="footer-column-content-inner">
  248.                                         <p class="footer-contact-hotline">
  249.                                             {{ 'footer.serviceHotline'|trans|sw_sanitize }}
  250.                                         </p>
  251.                                     </div>
  252.                                     <div class="footer-contact-form">
  253.                                         {{ 'footer.serviceContactLink'|trans({
  254.                                             '%url%': path('frontend.cms.page', { id: config('core.basicInformation.contactPage') })
  255.                                         })|raw }}
  256.                                     </div>
  257.                                 </div>
  258.                             {% endblock %}
  259.                         </div>
  260.                     {% endif %}
  261.                 {% endblock %}
  263.                 {% block layout_footer_navigation_columns %}
  264.                     {% for root in page.footer.navigation.tree %}
  265.                         {% block layout_footer_navigation_column %}
  266.                             <div class="{{ theme_config('zen-footer-navigation-col') }} {{ theme_config('zen-footer-navigation-col-xl') }} order-{{ theme_config('zen-footer-navigation-order') }} footer-column js-footer-column">
  268.                                 {# showClass #}
  269.                                 {% if theme_config('zen-footer-navigation-collapse-state') %}
  270.                                     {% set navigationShowClass = 'show' %}
  271.                                 {% endif %}
  273.                                 {% block layout_footer_navigation_information_headline %}
  274.                                     <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger {{ navigationShowClass }}"
  275.                                          id="collapseFooterTitle{{ loop.index }}"
  276.                                          data-target="#collapseFooter{{ loop.index }}"
  277.                                          aria-expanded="true"
  278.                                          aria-controls="collapseFooter{{ loop.index }}">
  280.                                         {{ root.category.translated.name }}
  282.                                         {{ block('layout_footer_navigation_information_icons') }}
  283.                                     </div>
  284.                                 {% endblock %}
  286.                                 {% block layout_footer_navigation_information_content %}
  287.                                     <div id="collapseFooter{{ loop.index }}"
  288.                                          class="footer-column-content collapse js-footer-column-content {{ navigationShowClass }}"
  289.                                          aria-labelledby="collapseFooterTitle{{ loop.index }}">
  290.                                         <div class="footer-column-content-inner">
  291.                                             {% block layout_footer_navigation_information_links %}
  292.                                                 <ul class="list-unstyled">
  293.                                                     {% for treeItem in root.children %}
  294.                                                         {% set category = treeItem.category %}
  295.                                                         {% set name = category.translated.name %}
  297.                                                         {{ block('layout_footer_navigation_information_link_item') }}
  298.                                                     {% endfor %}
  299.                                                 </ul>
  300.                                             {% endblock %}
  301.                                         </div>
  302.                                     </div>
  303.                                 {% endblock %}
  304.                             </div>
  305.                         {% endblock %}
  306.                     {% endfor %}
  307.                 {% endblock %}
  308.             </div>
  309.         </div>
  310.     {% endblock %}
  312.     {% block layout_footer_bottom %}
  313.         <div class="footer-bottom">
  314.             <div class="container">
  315.                 {% block layout_footer_payment_shipping_logos %}
  316.                     <div class="footer-logos">
  317.                         {% block layout_footer_payment_logos %}
  318.                             {% for paymentMethod in page.salesChannelPaymentMethods %}
  319.                                 {% block layout_footer_payment_logo %}
  320.                                     {% if paymentMethod.media %}
  321.                                         <div class="footer-logo is-payment">
  322.                                             {% set attributes = {
  323.                                                 'class': 'img-fluid footer-logo-image',
  324.                                                 'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  325.                                                 'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  326.                                             } %}
  328.                                             {# ... enables lazy loading for images #}
  329.                                             {% if config('zenitPlatformStratus.config.lazyloading') %}
  330.                                                 {% set attributes = attributes|merge({ 'loading': 'lazy' }) %}
  331.                                             {% endif %}
  333.                                             {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  334.                                                 media: paymentMethod.media,
  335.                                                 sizes: {
  336.                                                     'default': '100px'
  337.                                                 }
  338.                                             } %}
  339.                                         </div>
  340.                                     {% endif %}
  341.                                 {% endblock %}
  342.                             {% endfor %}
  343.                         {% endblock %}
  345.                         {% block layout_footer_shipping_logos %}
  346.                             {% for shippingMethod in page.salesChannelShippingMethods %}
  347.                                 {% block layout_footer_shipping_logo %}
  348.                                     {% if shippingMethod.media %}
  349.                                         <div class="footer-logo is-shipping">
  350.                                             {% set attributes = {
  351.                                                 'class': 'img-fluid footer-logo-image',
  352.                                                 'alt': (shippingMethod.media.translated.alt ?: shippingMethod.translated.name),
  353.                                                 'title': (shippingMethod.media.translated.title ?: shippingMethod.translated.name)
  354.                                             } %}
  356.                                             {# ... enables lazy loading for images #}
  357.                                             {% if config('zenitPlatformStratus.config.lazyloading') %}
  358.                                                 {% set attributes = attributes|merge({ 'loading': 'lazy' }) %}
  359.                                             {% endif %}
  361.                                             {% sw_thumbnails 'footer-shipping-image-thumbnails' with {
  362.                                                 media: shippingMethod.media,
  363.                                                 sizes: {
  364.                                                     'default': '100px'
  365.                                                 }
  366.                                             } %}
  367.                                         </div>
  368.                                     {% endif %}
  369.                                 {% endblock %}
  370.                             {% endfor %}
  371.                         {% endblock %}
  372.                     </div>
  373.                 {% endblock %}
  375.                 {# Social Media Icons #}
  376.                 {% block zen_layout_footer_social_media_logos %}
  377.                     {% if theme_config('zen-footer-social-position') is same as ('bottom') %}
  378.                         {% sw_include '@Storefront/storefront/component/footer/zen-footer-social.html.twig' %}
  379.                     {% endif %}
  380.                 {% endblock %}
  382.                 {{ block('layout_footer_vat') }}
  384.                 {% block layout_footer_service_menu %}
  385.                     {{ block('layout_footer_service_menu_content') }}
  386.                 {% endblock %}
  388.                 {% block layout_footer_copyright %}
  389.                     <div class="footer-copyright">
  390.                         {{ 'zentheme.general.copyright'|trans({
  391.                             '%shopname%': config('core.basicInformation.shopName'),
  392.                             '%love%': '<span class="icon icon-heart icon-xs"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M16 29.104l-1.938-1.75c-6.875-6.25-11.375-10.313-11.375-15.375 0-4.125 3.188-7.313 7.313-7.313 2.313 0 4.563 1.125 6 2.813 1.438-1.688 3.688-2.813 6-2.813 4.125 0 7.313 3.188 7.313 7.313 0 5.063-4.5 9.188-11.375 15.438z"></path></svg></span>',
  393.                             '%href%': 'https://themes.zenit.design',
  394.                             '%title%': 'Made with love by Zenit Design',
  395.                             '%name%': 'Zenit Design'
  396.                         })|raw }}
  397.                     </div>
  398.                 {% endblock %}
  399.             </div>
  400.         </div>
  401.     {% endblock %}
  402. {% endblock %}