custom/plugins/zenitPlatformSphere/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_information_icons %}
  4.     <div class="footer-column-toggle">
  5.         <span class="footer-plus-icon">
  6.             {% if theme_config('zen-footer-col-headline-icon') is same as ('plusminus') %}{% sw_icon 'plus' %}{% else %}{% sw_icon 'arrow-head-down' style {'size': 'sm'} %}{% endif %}
  7.         </span>
  8.         <span class="footer-minus-icon">
  9.             {% if theme_config('zen-footer-col-headline-icon') is same as ('plusminus') %}{% sw_icon 'minus' %}{% else %}{% sw_icon 'arrow-head-up' style {'size': 'sm'} %}{% endif %}
  10.         </span>
  11.     </div>
  12. {% endblock %}
  14. {% block layout_footer_inner_container %}
  15.     {% if theme_config('zen-footer-logo-position') is same as ('newsletter') %}
  16.         {% set newsletterHiddenClass = 'd-md-none' %}
  17.         {% set newsletterFooterLogoClass = 'newsletter-footer-logo' %}
  18.     {% endif %}
  20.     {% block zen_layout_footer_newsletter %}
  21.         {% if theme_config('zen-footer-newsletter-position') is same as ('prepend') %}
  22.             <div class="footer-newsletter newsletter-fullwidth {{ newsletterFooterLogoClass }}">
  23.                 <div class="container">
  25.                     {% block zen_layout_footer_newsletter_logo %}
  26.                         {# footer logo #}
  27.                         {% if theme_config('zen-footer-logo-position') is same as ('newsletter') %}
  28.                             <div class="footer-logo">
  29.                                 {% sw_include '@Storefront/storefront/component/footer/zen-footer-logo.html.twig' %}
  30.                             </div>
  31.                         {% endif %}
  32.                     {% endblock %}
  34.                     {% sw_include '@Storefront/storefront/component/footer/zen-footer-newsletter.html.twig' with {
  35.                         action: 'frontend.form.newsletter.register.handle',
  36.                         submitText: 'newsletter.formSubmit'
  37.                     } %}
  39.                 </div>
  40.             </div>
  41.         {% endif %}
  42.     {% endblock %}
  44.     {% block layout_footer_navigation %}
  45.         <div class="container">
  46.             <div id="footerColumns"
  47.                  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 %}"
  48.                  data-collapse-footer="true"
  49.                  role="list">
  51.                 {% block zen_layout_footer_navigation_logo %}
  52.                     {% if theme_config('zen-footer-logo-position') is same as ('column') %}
  53.                         <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">
  54.                             <div class="footer-logo-column-inner">
  55.                                 {% sw_include '@Storefront/storefront/component/footer/zen-footer-logo.html.twig' %}
  56.                             </div>
  57.                         </div>
  58.                     {% endif %}
  59.                 {% endblock %}
  61.                 {% block zen_layout_footer_navigation_newsletter %}
  62.                     {% if theme_config('zen-footer-newsletter-position') is same as ('column') %}
  63.                         <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 }}">
  65.                             {% block zen_layout_footer_navigation_newsletter_headline_logo %}
  66.                                 {# footer logo #}
  67.                                 {% if theme_config('zen-footer-logo-position') is same as ('newsletter') %}
  68.                                     <div class="footer-column-headline footer-headline footer-logo">
  69.                                         {% sw_include '@Storefront/storefront/component/footer/zen-footer-logo.html.twig' %}
  70.                                     </div>
  71.                                 {% endif %}
  72.                             {% endblock %}
  74.                             {# showClass #}
  75.                             {% if theme_config('zen-footer-newsletter-collapse-state') %}
  76.                                 {% set newsletterShowClass = 'show' %}
  77.                             {% endif %}
  79.                             {% block zen_layout_footer_navigation_newsletter_headline %}
  80.                                 <div class="{{ newsletterHiddenClass }} footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger {{ newsletterShowClass }}"
  81.                                      id="collapseFooterNewsletterTitle"
  82.                                      data-target="#collapseFooterNewsletter"
  83.                                      aria-expanded="true"
  84.                                      aria-controls="collapseFooterNewsletter"
  85.                                      role="listitem">
  86.                                     {{ 'zentheme.footer.newsletterHeadline'|trans|sw_sanitize }}
  87.                                     {% block zen_layout_footer_navigation_newsletter_icons %}
  88.                                         <div class="footer-column-toggle">
  89.                                             <span class="footer-plus-icon">
  90.                                                 {% if theme_config('zen-footer-col-headline-icon') is same as ('plusminus') %}{% sw_icon 'plus' %}{% else %}{% sw_icon 'arrow-head-down' style {'size': 'sm'} %}{% endif %}
  91.                                             </span>
  92.                                             <span class="footer-minus-icon">
  93.                                                 {% if theme_config('zen-footer-col-headline-icon') is same as ('plusminus') %}{% sw_icon 'minus' %}{% else %}{% sw_icon 'arrow-head-up' style {'size': 'sm'} %}{% endif %}
  94.                                             </span>
  95.                                         </div>
  96.                                     {% endblock %}
  97.                                 </div>
  98.                             {% endblock %}
  100.                             {% block zen_layout_footer_navigation_newsletter_content %}
  101.                                 <div id="collapseFooterNewsletter"
  102.                                      class="footer-column-content collapse js-footer-column-content {{ newsletterShowClass }}"
  103.                                      aria-labelledby="collapseFooterNewsletterTitle">
  104.                                     <div class="footer-column-content-inner">
  105.                                         {% sw_include '@Storefront/storefront/component/footer/zen-footer-newsletter.html.twig' with {
  106.                                             action: 'frontend.form.newsletter.register.handle',
  107.                                             submitText: 'newsletter.formSubmit'
  108.                                         }%}
  109.                                     </div>
  110.                                 </div>
  111.                             {% endblock %}
  113.                         </div>
  114.                     {% endif %}
  115.                 {% endblock %}
  117.                 {% block zen_layout_footer_navigation_social %}
  118.                     {% if theme_config('zen-footer-social-position') is same as ('column') %}
  119.                         <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">
  120.                             {# footer logo #}
  121.                             {% if theme_config('zen-footer-logo-position') is same as ('social') %}
  122.                                 {% set socialHiddenClass = 'd-md-none' %}
  123.                             {% endif %}
  125.                             {% block zen_layout_footer_navigation_social_headline_logo %}
  126.                                 {# footer logo #}
  127.                                 {% if theme_config('zen-footer-logo-position') is same as ('social') %}
  128.                                     <div class="footer-column-headline footer-headline footer-logo">
  129.                                         {% sw_include '@Storefront/storefront/component/footer/zen-footer-logo.html.twig' %}
  130.                                     </div>
  131.                                 {% endif %}
  132.                             {% endblock %}
  134.                             {# showClass #}
  135.                             {% if theme_config('zen-footer-social-collapse-state') %}
  136.                                 {% set socialShowClass = 'show' %}
  137.                             {% endif %}
  139.                             {% block zen_layout_footer_navigation_social_headline %}
  140.                                 <div class="{{ socialHiddenClass }} footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger {{ socialShowClass }}"
  141.                                      id="collapseFooterSocialTitle"
  142.                                      data-target="#collapseFooterSocial"
  143.                                      aria-expanded="true"
  144.                                      aria-controls="collapseFooterSocial"
  145.                                      role="listitem">
  146.                                     {{ 'zentheme.footer.socialMediaHeadline'|trans|sw_sanitize }}
  147.                                     {% block zen_layout_footer_navigation_social_icons %}
  148.                                         <div class="footer-column-toggle">
  149.                                         <span class="footer-plus-icon">
  150.                                             {% if theme_config('zen-footer-col-headline-icon') is same as ('plusminus') %}{% sw_icon 'plus' %}{% else %}{% sw_icon 'arrow-head-down' style {'size': 'sm'} %}{% endif %}
  151.                                         </span>
  152.                                             <span class="footer-minus-icon">
  153.                                             {% if theme_config('zen-footer-col-headline-icon') is same as ('plusminus') %}{% sw_icon 'minus' %}{% else %}{% sw_icon 'arrow-head-up' style {'size': 'sm'} %}{% endif %}
  154.                                         </span>
  155.                                         </div>
  156.                                     {% endblock %}
  157.                                 </div>
  158.                             {% endblock %}
  160.                             {% block zen_layout_footer_navigation_social_content %}
  161.                                 <div id="collapseFooterSocial"
  162.                                      class="footer-column-content collapse js-footer-column-content {{ socialShowClass }}"
  163.                                      aria-labelledby="collapseFooterSocialTitle">
  164.                                     <div class="footer-column-content-inner">
  165.                                         {% sw_include '@Storefront/storefront/component/footer/zen-footer-social.html.twig' %}
  166.                                     </div>
  167.                                 </div>
  168.                             {% endblock %}
  169.                         </div>
  170.                     {% endif %}
  171.                 {% endblock %}
  173.                 {% block zen_layout_footer_navigation_custom %}
  174.                     {% if config('zenitPlatformSphere.config.customColumnActive') and config('zenitPlatformSphere.config.customColumnTitle') and config('zenitPlatformSphere.config.customColumnText') %}
  176.                         {% set customColumn = {
  177.                             'translated': {
  178.                                 title: "zentheme.sphere.content.customColumnTitle"|trans({"%placeholder%": config('zenitPlatformSphere.config.customColumnTitle')}),
  179.                                 text: "zentheme.sphere.content.customColumnText"|trans({"%placeholder%": config('zenitPlatformSphere.config.customColumnText')})
  180.                             }
  181.                         } %}
  183.                         <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">
  185.                             {# showClass #}
  186.                             {% if theme_config('zen-footer-custom-collapse-state') %}
  187.                                 {% set customShowClass = 'show' %}
  188.                             {% endif %}
  190.                             {% block zen_layout_footer_navigation_custom_headline %}
  191.                                 <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger {{ customShowClass }}"
  192.                                      id="collapseFooterCustomTitle"
  193.                                      data-target="#collapseFooterCustom"
  194.                                      aria-expanded="true"
  195.                                      aria-controls="collapseFooterCustom"
  196.                                      role="listitem">
  197.                                     {{ customColumn.translated.title }}
  199.                                     {% block zen_layout_footer_navigation_custom_icons %}
  200.                                         <div class="footer-column-toggle">
  201.                                         <span class="footer-plus-icon">
  202.                                             {% if theme_config('zen-footer-col-headline-icon') is same as ('plusminus') %}{% sw_icon 'plus' %}{% else %}{% sw_icon 'arrow-head-down' style {'size': 'sm'} %}{% endif %}
  203.                                         </span>
  204.                                             <span class="footer-minus-icon">
  205.                                             {% if theme_config('zen-footer-col-headline-icon') is same as ('plusminus') %}{% sw_icon 'minus' %}{% else %}{% sw_icon 'arrow-head-up' style {'size': 'sm'} %}{% endif %}
  206.                                         </span>
  207.                                         </div>
  208.                                     {% endblock %}
  209.                                 </div>
  210.                             {% endblock %}
  212.                             {% block zen_layout_footer_navigation_custom_content %}
  213.                                 <div id="collapseFooterCustom"
  214.                                      class="footer-column-content collapse js-footer-column-content {{ customShowClass }}"
  215.                                      aria-labelledby="collapseFooterCustomTitle">
  216.                                     <div class="footer-column-content-inner">
  217.                                         {{ customColumn.translated.text|raw }}
  218.                                     </div>
  219.                                 </div>
  220.                             {% endblock %}
  221.                         </div>
  222.                     {% endif %}
  223.                 {% endblock %}
  225.                 {% block zen_layout_footer_navigation_hotline %}
  226.                     {% if theme_config('zen-footer-hotline-position') is same as ('column') %}
  227.                         <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">
  228.                             {# footer logo #}
  229.                             {% if theme_config('zen-footer-logo-position') is same as ('hotline') %}
  230.                                 {% set hotlineHiddenClass = 'd-md-none' %}
  231.                             {% endif %}
  233.                             {% block zen_layout_footer_navigation_hotline_headline_logo %}
  234.                                 {# footer logo #}
  235.                                 {% if theme_config('zen-footer-logo-position') is same as ('hotline') %}
  236.                                     <div class="footer-column-headline footer-headline footer-logo">
  237.                                         {% sw_include '@Storefront/storefront/component/footer/zen-footer-logo.html.twig' %}
  238.                                     </div>
  239.                                 {% endif %}
  240.                             {% endblock %}
  242.                             {# showClass #}
  243.                             {% if theme_config('zen-footer-hotline-collapse-state') %}
  244.                                 {% set hotlineShowClass = 'show' %}
  245.                             {% endif %}
  247.                             {% block zen_layout_footer_navigation_hotline_headline %}
  248.                                 <div class="{{ hotlineHiddenClass }} footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger {{ hotlineShowClass }}"
  249.                                      id="collapseFooterHotlineTitle"
  250.                                      data-target="#collapseFooterHotline"
  251.                                      aria-expanded="true"
  252.                                      aria-controls="collapseFooterHotline"
  253.                                      role="listitem">
  254.                                     {{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}
  255.                                     {% block zen_layout_footer_navigation_hotline_icons %}
  256.                                         <div class="footer-column-toggle">
  257.                                             <span class="footer-plus-icon">
  258.                                                 {% if theme_config('zen-footer-col-headline-icon') is same as ('plusminus') %}{% sw_icon 'plus' %}{% else %}{% sw_icon 'arrow-head-down' style {'size': 'sm'} %}{% endif %}
  259.                                             </span>
  260.                                             <span class="footer-minus-icon">
  261.                                                 {% if theme_config('zen-footer-col-headline-icon') is same as ('plusminus') %}{% sw_icon 'minus' %}{% else %}{% sw_icon 'arrow-head-up' style {'size': 'sm'} %}{% endif %}
  262.                                             </span>
  263.                                         </div>
  264.                                     {% endblock %}
  265.                                 </div>
  266.                             {% endblock %}
  268.                             {% block zen_layout_footer_navigation_hotline_content %}
  269.                                 <div id="collapseFooterHotline"
  270.                                      class="footer-column-content collapse js-footer-column-content {{ hotlineShowClass }}"
  271.                                      aria-labelledby="collapseFooterHotlineTitle">
  272.                                     <div class="footer-column-content-inner">
  273.                                         <p class="footer-contact-hotline">
  274.                                             {{ 'footer.serviceHotline'|trans|sw_sanitize }}
  275.                                         </p>
  276.                                     </div>
  277.                                     <div class="footer-contact-form">
  278.                                         {{ 'footer.serviceContactLink'|trans({
  279.                                             '%url%': path('frontend.cms.page', { id: config('core.basicInformation.contactPage') })
  280.                                         })|raw }}
  281.                                     </div>
  282.                                 </div>
  283.                             {% endblock %}
  284.                         </div>
  285.                     {% endif %}
  286.                 {% endblock %}
  288.                 {% block layout_footer_navigation_columns %}
  289.                     {% for root in page.footer.navigation.tree %}
  290.                         {% block layout_footer_navigation_column %}
  291.                             <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">
  293.                                 {# showClass #}
  294.                                 {% if theme_config('zen-footer-navigation-collapse-state') %}
  295.                                     {% set navigationShowClass = 'show' %}
  296.                                 {% endif %}
  298.                                 {% block layout_footer_navigation_information_headline %}
  299.                                     <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger {{ navigationShowClass }}"
  300.                                          id="collapseFooterTitle{{ loop.index }}"
  301.                                          data-target="#collapseFooter{{ loop.index }}"
  302.                                          aria-expanded="true"
  303.                                          aria-controls="collapseFooter{{ loop.index }}"
  304.                                          role="listitem">
  306.                                         {{ root.category.translated.name }}
  308.                                         {{ block('layout_footer_navigation_information_icons') }}
  309.                                     </div>
  310.                                 {% endblock %}
  312.                                 {% block layout_footer_navigation_information_content %}
  313.                                     <div id="collapseFooter{{ loop.index }}"
  314.                                          class="footer-column-content collapse js-footer-column-content {{ navigationShowClass }}"
  315.                                          aria-labelledby="collapseFooterTitle{{ loop.index }}">
  316.                                         <div class="footer-column-content-inner">
  317.                                             {% block layout_footer_navigation_information_links %}
  318.                                                 <ul class="list-unstyled">
  319.                                                     {% for treeItem in root.children %}
  320.                                                         {% set category = treeItem.category %}
  321.                                                         {% set name = category.translated.name %}
  323.                                                         {{ block('layout_footer_navigation_information_link_item') }}
  324.                                                     {% endfor %}
  325.                                                 </ul>
  326.                                             {% endblock %}
  327.                                         </div>
  328.                                     </div>
  329.                                 {% endblock %}
  330.                             </div>
  331.                         {% endblock %}
  332.                     {% endfor %}
  333.                 {% endblock %}
  334.             </div>
  335.         </div>
  336.     {% endblock %}
  338.     {% block layout_footer_bottom %}
  339.         <div class="footer-bottom">
  340.             <div class="container">
  341.                 {% block layout_footer_payment_shipping_logos %}
  342.                     <div class="footer-logos">
  343.                         {% block layout_footer_payment_logos %}
  344.                             {% for paymentMethod in page.salesChannelPaymentMethods %}
  345.                                 {% block layout_footer_payment_logo %}
  346.                                     {% if paymentMethod.media %}
  347.                                         <div class="footer-logo is-payment">
  348.                                             {% set attributes = {
  349.                                                 'class': 'img-fluid footer-logo-image',
  350.                                                 'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  351.                                                 'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  352.                                             } %}
  354.                                             {# ... enables lazy loading for images #}
  355.                                             {% if config('zenitPlatformSphere.config.lazyloading') %}
  356.                                                 {% set attributes = attributes|merge({ 'loading': 'lazy' }) %}
  357.                                             {% endif %}
  359.                                             {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  360.                                                 media: paymentMethod.media,
  361.                                                 sizes: {
  362.                                                     'default': '100px'
  363.                                                 }
  364.                                             } %}
  365.                                         </div>
  366.                                     {% endif %}
  367.                                 {% endblock %}
  368.                             {% endfor %}
  369.                         {% endblock %}
  371.                         {% block layout_footer_shipping_logos %}
  372.                             {% for shippingMethod in page.salesChannelShippingMethods %}
  373.                                 {% block layout_footer_shipping_logo %}
  374.                                     {% if shippingMethod.media %}
  375.                                         <div class="footer-logo is-shipping">
  376.                                             {% set attributes = {
  377.                                                 'class': 'img-fluid footer-logo-image',
  378.                                                 'alt': (shippingMethod.media.translated.alt ?: shippingMethod.translated.name),
  379.                                                 'title': (shippingMethod.media.translated.title ?: shippingMethod.translated.name)
  380.                                             } %}
  382.                                             {# ... enables lazy loading for images #}
  383.                                             {% if config('zenitPlatformSphere.config.lazyloading') %}
  384.                                                 {% set attributes = attributes|merge({ 'loading': 'lazy' }) %}
  385.                                             {% endif %}
  387.                                             {% sw_thumbnails 'footer-shipping-image-thumbnails' with {
  388.                                                 media: shippingMethod.media,
  389.                                                 sizes: {
  390.                                                     'default': '100px'
  391.                                                 }
  392.                                             } %}
  393.                                         </div>
  394.                                     {% endif %}
  395.                                 {% endblock %}
  396.                             {% endfor %}
  397.                         {% endblock %}
  398.                     </div>
  399.                 {% endblock %}
  401.                 {# Social Media Icons #}
  402.                 {% block zen_layout_footer_social_media_logos %}
  403.                     {% if theme_config('zen-footer-social-position') is same as ('bottom') %}
  404.                         {% sw_include '@Storefront/storefront/component/footer/zen-footer-social.html.twig' %}
  405.                     {% endif %}
  406.                 {% endblock %}
  408.                 {% block zen_layout_footer_bottom_vat %}
  409.                     {% if theme_config('zen-footer-bottom-service-navigation') is not same as (false) %}
  410.                         {{ block('layout_footer_vat') }}
  411.                     {% endif %}
  412.                 {% endblock %}
  414.                 {% block zen_layout_footer_bottom_row %}
  415.                     <div class="footer-bottom-row row justify-content-between">
  416.                         {% block zen_layout_footer_bottom_left %}
  417.                             <div class="footer-bottom-left order-2 order-md-1 col-md-auto">
  418.                                 {% block layout_footer_copyright %}
  419.                                     <div class="footer-copyright">
  420.                                         {{ 'zentheme.general.copyright'|trans({
  421.                                             '%year%': 'now'|date('Y'),
  422.                                             '%shopname%': config('core.basicInformation.shopName'),
  423.                                             '%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>',
  424.                                             '%href%': 'https://themes.zenit.design',
  425.                                             '%title%': 'Made with love by Zenit Design',
  426.                                             '%name%': 'Zenit Design'
  427.                                         })|raw }}
  428.                                     </div>
  429.                                 {% endblock %}
  430.                             </div>
  431.                         {% endblock %}
  433.                         {% block zen_layout_footer_bottom_right %}
  434.                             <div class="footer-bottom-right order-1 order-md-2 col-md">
  435.                                 {% block layout_footer_service_menu %}
  436.                                     {% if theme_config('zen-footer-bottom-service-navigation') is not same as (false) %}
  437.                                         {{ block('layout_footer_service_menu_content') }}
  438.                                     {% else %}
  439.                                         {{ block('layout_footer_vat') }}
  440.                                     {% endif %}
  441.                                 {% endblock %}
  442.                             </div>
  443.                         {% endblock %}
  444.                     </div>
  445.                 {% endblock %}
  446.             </div>
  447.         </div>
  448.     {% endblock %}
  449. {% endblock %}