custom/plugins/ChespackTheme/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">
  7.         {% block layout_footer_top %}
  8.             <div class="footer-top bg-cl-gray-300">
  10.                 {# Newsletter form #}
  11.                 {% block layout_footer_navigation_newsletter_content %}
  12.                     <div class="footer-column-content container">
  14.                         {% block layout_footer_newsletter %}
  15.                             <div class="cms-block cms-block-newsletter">
  16.                                 <div class="cms-element-form form-newsletter row">
  17.                                     <div class="col-12 col-md-6 col-lg-4">
  18.                                         <h3 class="cl-gray-dark pt-2">{{ 'chespackTheme.newsletter.title'|trans|sw_sanitize }}</h3>
  19.                                         <p class="cl-gray m-0 col-md-10 p-0">{{ 'chespackTheme.newsletter.label'|trans|sw_sanitize }}</p>
  20.                                     </div>
  22.                                     <form action="{{ path('frontend.form.newsletter.register.handle') }}"
  23.                                           method="post"
  24.                                           data-form-csrf-handler="true"
  25.                                           data-form-validation="true"
  26.                                           class="newsletter-form col-12 col-md-6 col-lg-8">
  28.                                         {% block cms_form_newsletter_hidden_fields %}
  29.                                             <div class="form-hidden-fields">
  30.                                                 {% block cms_form_newsletter_csrf %}
  31.                                                     {{ sw_csrf('frontend.form.newsletter.register.handle') }}
  32.                                                 {% endblock %}
  33.                                                 {% set formViolations = app.request.get('errors') %}
  34.                                                 {#based on a POST req. to: Controller/NewsletterController.php#}
  35.                                                 <input type="hidden" name="option" value="subscribe"/>
  36.                                                 <input type="submit" class="submit--hidden d-none" />
  37.                                             </div>
  38.                                         {% endblock %}
  40.                                         <div class="form-row m-0">
  41.                                             <div class="form-group mb-0 w-100">
  42.                                                 <label class="form-label hidden" for="footerNewsletterMail"></label>
  43.                                                 <div class="input-group nowrap">
  44.                                                     <input type="email"
  45.                                                            class="form-control{% if formViolations.getViolations('/email') %} is-invalid{% endif %}"
  46.                                                            id="footerNewsletterMail"
  47.                                                            placeholder="{{ 'chespackTheme.newsletter.placeholder'|trans|sw_sanitize }}"
  48.                                                            name="email"
  49.                                                            required="required"
  50.                                                            value="{{ data.get('email') }}">
  51.                                                     <div class="newsletter-submit input-group-append">
  52.                                                         <button type="submit" class="btn btn-primary btn-newsletter">
  53.                                                             <span class="btn-newsletter-title">{{ 'chespackTheme.newsletter.btn'|trans|sw_sanitize }}</span>
  54.                                                             {% sw_icon 'arrow-head-right' %}
  55.                                                         </button>
  56.                                                     </div>
  57.                                                 </div>
  59.                                                 {% if formViolations.getViolations( '/email' ) is not empty %}
  60.                                                     {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with {
  61.                                                         violationPath: ('/email')
  62.                                                     } %}
  63.                                                 {% endif %}
  65.                                             </div>
  66.                                         </div>
  67.                                         {% block swag_cms_extensions_form_content_captcha %}
  68.                                             {% sw_include '@Storefront/storefront/component/captcha/base.html.twig' with {
  69.                                                 'additionalClass' : 'col-md-12',
  70.                                                 'formId': form.id
  71.                                             } %}
  72.                                         {% endblock %}
  73.                                     </form>
  74.                                 </div>
  75.                             </div>
  76.                         {% endblock %}
  78.                     </div>
  79.                 {% endblock %}
  81.             </div>
  82.         {% endblock %}
  84.         <div class="footer-middle">
  86.             {% block layout_footer_waves %}
  87.                 <div class="footer-waves"></div>
  88.             {% endblock %}
  90.             <div class="container">
  92.                 {% block layout_footer_navigation %}
  93.                     <div id="footerColumns"
  94.                          class="row footer-columns"
  95.                          data-collapse-footer="true">
  97.                         {% block layout_footer_navigation_hotline %}
  98.                             <div class="col-12 col-lg-3 footer-column">
  100.                                 <div class="footer-logo">
  101.                                     {% block layout_footerr_logo_image %}
  102.                                         <picture class="footer-logo-picture">
  103.                                             <img src="{{ asset('assets/logo/Chespack-logo_white.svg', '@ChespackTheme') |sw_encode_url }}"
  104.                                                  alt="{{ "header.logoLink"|trans|striptags }}"
  105.                                                  class="img-fluid footer-logo-main-img">
  106.                                         </picture>
  107.                                     {% endblock %}
  108.                                 </div>
  110.                                 {% block layout_footer_navigation_hotline_content %}
  111.                                     <div class="d-none footer-column-headline footer-headline"
  112.                                          id="collapseFooterHotlineTitle">
  113.                                         {{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}
  114.                                     </div>
  115.                                     <div id="collapseFooterHotline"
  116.                                          class="footer-column-content footer-contact">
  117.                                         <div class="footer-column-content-inner pt-4">
  118.                                             <p class="footer-contact-hotline">
  119.                                                 {{ 'footer.serviceHotline'|trans|sw_sanitize }}
  120.                                             </p>
  121.                                         </div>
  122.                                     </div>
  123.                                 {% endblock %}
  124.                             </div>
  125.                         {% endblock %}
  127.                         {% block layout_footer_navigation_columns %}
  128.                             {% for root in page.footer.navigation.tree %}
  129.                                 {% block layout_footer_navigation_column %}
  130.                                     <div class="{% if loop.index == 3 %}col-12{% else %}col-sm-6{% endif %} col-lg-3 footer-column">
  131.                                         {% block layout_footer_navigation_information_headline %}
  132.                                             <div class="footer-column-headline footer-headline">
  133.                                                 {{ root.category.translated.name }}
  134.                                             </div>
  135.                                         {% endblock %}
  137.                                         {% block layout_footer_navigation_information_content %}
  138.                                             <div id="collapseFooter{{ loop.index }}"
  139.                                                  class="footer-column-content">
  140.                                                 <div class="footer-column-content-inner">
  141.                                                     {% block layout_footer_navigation_information_links %}
  142.                                                         <ul class="list-unstyled">
  143.                                                             {% for treeItem in root.children %}
  144.                                                                 {% set category = treeItem.category %}
  145.                                                                 {% set name = category.translated.name %}
  147.                                                                 {# @deprecated tag:v6.5.0 - Use "category.translated.externalLink" directly or category_url function instead. #}
  148.                                                                 {% set externalLink = category.translated.externalLink %}
  150.                                                                 {% block layout_footer_navigation_information_link_item %}
  151.                                                                     <li class="footer-link-item">
  152.                                                                         {% block layout_footer_navigation_information_link %}
  153.                                                                             {% if category.type == 'folder' %}
  154.                                                                                 <div>{{ name }}</div>
  155.                                                                             {% else %}
  156.                                                                                 <a class="footer-link"
  157.                                                                                    href="{{ category_url(category) }}"
  158.                                                                                    {% if category_linknewtab(category) %}target="_blank"{% endif %}
  159.                                                                                    title="{{ name }}">
  160.                                                                                     {{ name }}
  161.                                                                                 </a>
  162.                                                                             {% endif %}
  163.                                                                         {% endblock %}
  164.                                                                     </li>
  165.                                                                 {% endblock %}
  166.                                                             {% endfor %}
  167.                                                         </ul>
  168.                                                     {% endblock %}
  170.                                                     {% if loop.index == 2 %}
  171.                                                         <picture class="footer-logo is-certificate">
  172.                                                             <img src="{{ asset('assets/images/ISO-9001.png', '@ChespackTheme') |sw_encode_url }}"
  173.                                                                  class="img-fluid">
  174.                                                         </picture>
  175.                                                         <picture class="footer-logo is-certificate">
  176.                                                             <img src="{{ asset('assets/images/ISO-14001.png', '@ChespackTheme') |sw_encode_url }}"
  177.                                                                  class="img-fluid">
  178.                                                         </picture>
  179.                                                     {% endif %}
  181.                                                     {% if loop.index == 3 %}
  182.                                                         <div class="footer-contacts">
  183.                                                             {{ "chespackTheme.footer.contacts"|trans|sw_sanitize }}
  184.                                                         </div>
  185.                                                     {% endif %}
  186.                                                 </div>
  187.                                             </div>
  188.                                         {% endblock %}
  189.                                     </div>
  190.                                 {% endblock %}
  191.                             {% endfor %}
  192.                         {% endblock %}
  194.                     </div>
  195.                 {% endblock %}
  197.                 {# Copyright and payment #}
  198.                 {% block layout_footer_copy %}
  199.                     <div class="d-flex justify-content-between align-items-center footer-copyright-wrapper flex-column flex-md-row">
  200.                         {% block layout_footer_copyright %}
  201.                             <div class="footer-copyright">
  202.                                 {{ "footer.copyrightInfo"|trans|sw_sanitize }}
  203.                             </div>
  204.                         {% endblock %}
  206.                         {% block layout_footer_social %}
  207.                             <div class="footer-social order-3 order-md-2">
  208.                                 {% if 'chespackTheme.social.facebook'|trans|sw_sanitize != '' %}
  209.                                     <a href="{{ 'chespackTheme.social.facebook'|trans|sw_sanitize }}" class="btn btn-icon" title="Facebook" target="_blank">
  210.                                         {% sw_icon 'facebook' style {
  211.                                             'namespace': 'ChespackTheme'
  212.                                         } %}
  213.                                     </a>
  214.                                 {% endif %}
  215.                                 {% if 'chespackTheme.social.twitter'|trans|sw_sanitize != '' %}
  216.                                     <a href="{{ 'chespackTheme.social.twitter'|trans|sw_sanitize }}" class="btn btn-icon" title="Twitter" target="_blank">
  217.                                         {% sw_icon 'twitter' style {
  218.                                             'namespace': 'ChespackTheme'
  219.                                         } %}
  220.                                     </a>
  221.                                 {% endif %}
  222.                                 {% if 'chespackTheme.social.linkedin'|trans|sw_sanitize != '' %}
  223.                                     <a href="{{ 'chespackTheme.social.linkedin'|trans|sw_sanitize }}" class="btn btn-icon" title="Linkedin" target="_blank">
  224.                                         {% sw_icon 'linkedin' style {
  225.                                             'namespace': 'ChespackTheme'
  226.                                         } %}
  227.                                     </a>
  228.                                 {% endif %}
  229.                                 {% if 'chespackTheme.social.google'|trans|sw_sanitize != '' %}
  230.                                     <a href="{{ 'chespackTheme.social.google'|trans|sw_sanitize }}" class="btn btn-icon" title="Google+" target="_blank">
  231.                                         {% sw_icon 'google-plus' style {
  232.                                             'namespace': 'ChespackTheme'
  233.                                         } %}
  234.                                     </a>
  235.                                 {% endif %}
  236.                                 {% if 'chespackTheme.social.youtube'|trans|sw_sanitize != '' %}
  237.                                     <a href="{{ 'chespackTheme.social.youtube'|trans|sw_sanitize }}" class="btn btn-icon" title="Youtube" target="_blank">
  238.                                         {% sw_icon 'youtube' style {
  239.                                             'namespace': 'ChespackTheme'
  240.                                         } %}
  241.                                     </a>
  242.                                 {% endif %}
  243.                                 {% if 'chespackTheme.social.instagram'|trans|sw_sanitize != '' %}
  244.                                     <a href="{{ 'chespackTheme.social.instagram'|trans|sw_sanitize }}" class="btn btn-icon" title="Instagram" target="_blank">
  245.                                         {% sw_icon 'instagram' style {
  246.                                             'namespace': 'ChespackTheme'
  247.                                         } %}
  248.                                     </a>
  249.                                 {% endif %}
  250.                             </div>
  251.                         {% endblock %}
  253.                         {% block layout_footer_payments %}
  254.                             <div class="footer-payment-logos order-2 order-md-3">
  255.                                 <picture class="footer-logo is-payment">
  256.                                     <img src="{{ asset('assets/images/payments.png', '@ChespackTheme') |sw_encode_url }}"
  257.                                          class="img-fluid">
  258.                                 </picture>
  259.                             </div>
  260.                         {% endblock %}
  261.                     </div>
  262.                 {% endblock %}
  264.             </div>
  265.         </div><!-- footer-middle -->
  266.     </div><!-- footer-wrapper -->
  268.     {# Footer service menu and creeator link #}
  269.     {% block layout_footer_bottom %}
  270.         <div class="footer-bottom">
  271.             <div class="container d-flex justify-content-between align-items-center flex-column flex-md-row">
  272.                 {% block layout_footer_service_menu %}
  273.                     {% apply spaceless %}
  274.                         <ul class="footer-service-menu-list list-unstyled">
  275.                             {% for serviceMenuItem in page.header.serviceMenu %}
  276.                                 {% block layout_footer_service_menu_item %}
  277.                                     <li class="footer-service-menu-item">
  278.                                         <a class="footer-service-menu-link"
  279.                                            href="{{ category_url(serviceMenuItem) }}"
  280.                                            {% if category_linknewtab(serviceMenuItem) %}target="_blank"{% endif %}
  281.                                            title="{{ serviceMenuItem.translated.name }}">
  282.                                             {{ serviceMenuItem.translated.name }}
  283.                                         </a>
  284.                                     </li>
  285.                                 {% endblock %}
  286.                             {% endfor %}
  287.                         </ul>
  288.                     {% endapply %}
  289.                 {% endblock %}
  291.                 {% block layout_footer_creator %}
  292.                     <p>{{ "chespackTheme.footer.creator"|trans|sw_sanitize }}</p>
  293.                 {% endblock %}
  294.             </div>
  295.         </div>
  296.     {% endblock %}
  298.     {# Added chat widget code #}
  299.     {% if config('ChespackTheme.config.activateChatWidget') and config('ChespackTheme.config.chatWidgetKey') != '' %}
  300.         {% block layout_footer_chat_widget %}
  301.             <a href="javascript:void(Tawk_API.toggle())" class="chat-widget-button">
  302.                 <img src="{{ asset('assets/images/chat-to-charlie-sm.png', '@ChespackTheme') |sw_encode_url }}"
  303.                      alt="{{ "header.logoLink"|trans|striptags }}">
  304.             </a>
  305.         {% endblock %}
  306.     {% endif %}
  308. {% endblock %}