custom/plugins/ChespackTwoTheme/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. {# Rebuild footer layout and structure #}
  4. {% block layout_footer_inner_container %}
  5.     <div class="footer-wrapper does-it-deploy">
  6.         <div class="footer-middle">
  7.             <div class="container">
  9.                 {% block layout_footer_navigation %}
  10.                     <div id="footerColumns"
  11.                          class="row footer-columns"
  12.                          data-collapse-footer="true">
  14.                         {% block layout_footer_navigation_hotline %}
  15.                             <div class="col-12 col-sm-6 col-lg-3 footer-column">
  17.                                 <div class="footer-logo">
  18.                                     {% block layout_footerr_logo_image %}
  19.                                         <picture class="footer-logo-picture">
  20.                                             <img src="{{ asset('assets/logo/Chespack-logo_white.svg', '@ChespackTheme') |sw_encode_url }}"
  21.                                                  alt="{{ "header.logoLink"|trans|striptags }}"
  22.                                                  class="img-fluid footer-logo-main-img">
  23.                                         </picture>
  24.                                     {% endblock %}
  25.                                 </div>
  27.                                 <div class="footer-contacts">
  28.                                     <div class="footer-column-headline footer-headline footer-contacts-title">
  29.                                         {{ "chespackTwoTheme.footer.contactsTitle"|trans|sw_sanitize }}
  30.                                     </div>
  31.                                     {{ "chespackTheme.footer.contacts"|trans|sw_sanitize }}
  32.                                 </div>
  34.                                 {% block layout_footer_social %}
  35.                                     <div class="footer-social order-3 order-md-2">
  36.                                         {% if 'chespackTheme.social.facebook'|trans|sw_sanitize != '' %}
  37.                                             <a href="{{ 'chespackTheme.social.facebook'|trans|sw_sanitize }}" class="btn btn-icon" title="Facebook" target="_blank">
  38.                                                 {% sw_icon 'facebook' style {
  39.                                                     'namespace': 'ChespackTwoTheme'
  40.                                                 } %}
  41.                                             </a>
  42.                                         {% endif %}
  44. {#                                        OK#}
  45.                                         {% if 'chespackTheme.social.twitter'|trans|sw_sanitize != '' %}
  46.                                             <a href="{{ 'chespackTheme.social.twitter'|trans|sw_sanitize }}" class="btn btn-icon" title="Twitter" target="_blank">
  47.                                                 {% sw_icon 'twitter' style {
  48.                                                     'namespace': 'ChespackTwoTheme'
  49.                                                 } %}
  50.                                             </a>
  51.                                         {% endif %}
  54. {#                                        OK#}
  55.                                         {% if 'chespackTheme.social.linkedin'|trans|sw_sanitize != '' %}
  56.                                             <a href="{{ 'chespackTheme.social.linkedin'|trans|sw_sanitize }}" class="btn btn-icon" title="Linkedin" target="_blank">
  57.                                                 {% sw_icon 'linkedin' style {
  58.                                                     'namespace': 'ChespackTwoTheme'
  59.                                                 } %}
  60.                                             </a>
  61.                                         {% endif %}
  64.                                         {% if 'chespackTheme.social.google'|trans|sw_sanitize != '' %}
  65.                                             <a href="{{ 'chespackTheme.social.google'|trans|sw_sanitize }}" class="btn btn-icon" title="Google+" target="_blank">
  66.                                                 {% sw_icon 'google' style {
  67.                                                     'namespace': 'ChespackTwoTheme'
  68.                                                 } %}
  69.                                             </a>
  70.                                         {% endif %}
  72. {#                                        OK#}
  73.                                         {% if 'chespackTheme.social.youtube'|trans|sw_sanitize != '' %}
  74.                                             <a href="{{ 'chespackTheme.social.youtube'|trans|sw_sanitize }}" class="btn btn-icon" title="Youtube" target="_blank">
  75.                                                 {% sw_icon 'youtube' style {
  76.                                                     'namespace': 'ChespackTwoTheme'
  77.                                                 } %}
  78.                                             </a>
  79.                                         {% endif %}
  82. {#                                        OK#}
  83.                                         {% if 'chespackTheme.social.instagram'|trans|sw_sanitize != '' %}
  84.                                             <a href="{{ 'chespackTheme.social.instagram'|trans|sw_sanitize }}" class="btn btn-icon" title="Instagram" target="_blank">
  85.                                                 {% sw_icon 'instagram' style {
  86.                                                     'namespace': 'ChespackTwoTheme'
  87.                                                 } %}
  88.                                             </a>
  89.                                         {% endif %}
  90.                                     </div>
  91.                                 {% endblock %}
  93.                             </div>
  95.                         {% endblock %}
  97.                         {% block layout_footer_navigation_columns %}
  98.                             {% for root in page.footer.navigation.tree %}
  99.                                 {% block layout_footer_navigation_column %}
  100.                                     <div class="col-sm-6{% if loop.index == 2 %} col-lg-5 offset-lg-1{% else %} col-lg-3{% endif %} footer-column position-relative">
  101.                                         {% block layout_footer_navigation_information_headline %}
  102.                                             {% if loop.index == 1 %}
  103.                                                 {# Chat CTA #}
  104.                                                 <div class="footer-column__chat-cta">
  105.                                                     <a class="btn btn-secondary align-content-center pl-2 pr-2" href="{{ 'chespackTheme.chatWidget.cta-action'|trans|sw_sanitize }}">
  106.                                                         <span>{{ 'chespackTheme.chatWidget.cta-text'|trans|sw_sanitize }}</span>
  107.                                                     </a>
  108.                                                 </div>
  109.                                                 <div class="footer-column-headline footer-headline">
  110.                                                     {{ root.category.translated.name }}
  111.                                                 </div>
  112.                                             {% endif %}
  113.                                         {% endblock %}
  115.                                         {% block layout_footer_navigation_information_content %}
  116.                                             <div id="collapseFooter{{ loop.index }}"
  117.                                                  class="footer-column-content">
  118.                                                 <div class="footer-column-content-inner">
  119.                                                     {% if loop.index == 2 %}
  121.                                                         {# Newsletter form #}
  122.                                                         {% block layout_footer_navigation_newsletter_content %}
  123.                                                             {% sw_include '@Storefront/storefront/layout/footer/footer-newsletter.html.twig' %}
  124.                                                         {% endblock %}
  125.                                                     {% endif %}
  127.                                                     {% block layout_footer_navigation_information_links %}
  128.                                                         {% if loop.index == 1 %}
  129.                                                             <ul class="list-unstyled">
  130.                                                                 {% for treeItem in root.children %}
  131.                                                                     {% set category = treeItem.category %}
  132.                                                                     {% set name = category.translated.name %}
  134.                                                                     {# @deprecated tag:v6.5.0 - Use "category.translated.externalLink" directly or category_url function instead. #}
  135.                                                                     {% set externalLink = category.translated.externalLink %}
  137.                                                                     {% block layout_footer_navigation_information_link_item %}
  138.                                                                         <li class="footer-link-item">
  139.                                                                             {% block layout_footer_navigation_information_link %}
  140.                                                                                 {% if category.type == 'folder' %}
  141.                                                                                     <div>{{ name }}</div>
  142.                                                                                 {% else %}
  143.                                                                                     <a class="footer-link"
  144.                                                                                        href="{{ category_url(category) }}"
  145.                                                                                        {% if category_linknewtab(category) %}target="_blank"{% endif %}
  146.                                                                                        title="{{ name }}">
  147.                                                                                         {{ name }}
  148.                                                                                     </a>
  149.                                                                                 {% endif %}
  150.                                                                             {% endblock %}
  151.                                                                         </li>
  152.                                                                     {% endblock %}
  153.                                                                 {% endfor %}
  154.                                                             </ul>
  155.                                                         {% endif %}
  156.                                                     {% endblock %}
  157.                                                 </div>
  158.                                             </div>
  159.                                         {% endblock %}
  160.                                     </div>
  161.                                 {% endblock %}
  162.                             {% endfor %}
  163.                         {% endblock %}
  165.                         <div class="col-12 footer-column d-flex justify-content-end">
  166.                             <picture class="footer-logo is-certificate">
  167.                                 <img src="{{ asset('assets/images/ISO-9001.png', '@ChespackTheme') |sw_encode_url }}"
  168.                                      class="img-fluid"
  169.                                      alt="ISO-9001">
  170.                             </picture>
  171.                             <picture class="footer-logo is-certificate">
  172.                                 <img src="{{ asset('assets/images/ISO-14001.png', '@ChespackTheme') |sw_encode_url }}"
  173.                                      class="img-fluid"
  174.                                      alt="ISO-14001">
  175.                             </picture>
  176.                         </div>
  177.                     </div>
  178.                 {% endblock %}
  179.             </div>
  181.             {# Footer service menu and creeator link #}
  182.             {% block layout_footer_bottom %}
  183.                 <div class="footer-bottom">
  184.                     <div class="container d-flex justify-content-between align-items-center flex-column flex-md-row">
  186.                         {# Copyright and payment #}
  187.                         {% block layout_footer_copy %}
  188.                             <div class="d-flex justify-content-between align-items-center footer-copyright-wrapper flex-column flex-md-row">
  189.                                 {% block layout_footer_copyright %}
  190.                                     <div class="footer-copyright">
  191.                                         {{ "footer.copyrightInfo"|trans|sw_sanitize }}
  192.                                     </div>
  193.                                 {% endblock %}
  194.                             </div>
  195.                         {% endblock %}
  197.                         {% block layout_footer_service_menu %}
  198.                             {% apply spaceless %}
  199.                                 <ul class="footer-service-menu-list list-unstyled">
  200.                                     {% for serviceMenuItem in page.header.serviceMenu %}
  201.                                         {% block layout_footer_service_menu_item %}
  202.                                             <li class="footer-service-menu-item">
  203.                                                 <a class="footer-service-menu-link"
  204.                                                    href="{{ category_url(serviceMenuItem) }}"
  205.                                                    {% if category_linknewtab(serviceMenuItem) %}target="_blank"{% endif %}
  206.                                                    title="{{ serviceMenuItem.translated.name }}">
  207.                                                     {{ serviceMenuItem.translated.name }}
  208.                                                 </a>
  209.                                             </li>
  210.                                         {% endblock %}
  211.                                     {% endfor %}
  212.                                 </ul>
  213.                             {% endapply %}
  214.                         {% endblock %}
  216.                         {% block layout_footer_creator %}
  217.                             <p>{{ "chespackTheme.footer.creator"|trans|sw_sanitize }}</p>
  218.                         {% endblock %}
  219.                     </div>
  220.                 </div>
  221.             {% endblock %}
  223.         </div><!-- footer-middle -->
  224.     </div><!-- footer-wrapper -->
  226.     {# Added chat widget code #}
  227.     {% if config('ChespackTheme.config.activateChatWidget') and config('ChespackTheme.config.chatWidgetKey') != '' %}
  228.         {% block layout_footer_chat_widget %}
  229.             <a href="javascript:void(Tawk_API.toggle())" class="chat-widget-button">
  230.                 <img src="{{ asset('assets/images/chat-to-charlie-sm.png', '@ChespackTheme') |sw_encode_url }}"
  231.                      alt="{{ "header.logoLink"|trans|striptags }}">
  232.             </a>
  233.         {% endblock %}
  234.     {% endif %}
  236. {% endblock %}
  238. {% block layout_footer_js %}
  239.     {# Include Masonry library from CDN #}
  240.     <script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js"></script>
  241. {% endblock %}