custom/plugins/LogBchange/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' %}
  2. {% block layout_footer_navigation %}
  4.         <div class="col-12 col-lg-auto header-logo-col text-center font-56-72-normal-bold" style="letter-spacing: 1.4px; font-size: 56px;">
  5. {#            {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}#}
  6.             {{ 'footer.top.center.message'|trans|sw_sanitize }}
  7.         </div>
  8.         {{ parent() }}
  10. {% endblock %}
  11. {% block layout_footer_navigation_hotline %}
  12.     {% set footerCol = theme_config('log-footer-columns') %}
  14.     {% if theme_config('log-footer-service-enable') %}
  15.         <div class="col-md-{{ footerCol }} order-md-1 order-2 footer-column footer-social-column js-footer-column">
  16.             {% block layout_footer_navigation_service_headline %}
  17.                 <div class="footer-column-headline footer-headline js-footer-column-headline font-weight-bold">
  18.                     <span class="font-22-36-normal-bold">{{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}</span>
  20.                     {% block layout_footer_navigation_hotline_icons %}
  21.                         <div class="footer-column-toggle">
  23.                         </div>
  24.                     {% endblock %}
  25.                 </div>
  26.             {% endblock %}
  28.             {% block layout_footer_navigation_service_content %}
  29.                 <div id="collapseFooterHotline" class="footer-column-content  js-footer-column-content footer-contact"
  30.                      >
  31.                     <div class="footer-column-content-inner">
  32.                         <span class="footer-contact-hotline font-18-28-normal-normal" >
  33.                             {{ 'footer.serviceHotline'|trans|sw_sanitize }}
  34.                             <div class="icon-envelope-container" >
  35.                                 {% sw_icon 'envelope' style {'pack' : 'MeineIcons'} %}
  36.                                 <a   href="mailto:service@b-change.com">service@b-change.com</a>
  37.                             </div>
  38.                         </span>
  39.                     </div>
  40.                     {# <div class="footer-contact-form">
  41.                         {{ 'footer.serviceContactLink'|trans({
  42.                             '%url%': path('frontend.cms.page', { id: config('core.basicInformation.contactPage') })
  43.                         })|raw }}
  44.                     </div> #}
  45.                 </div>
  47.                 <div>
  48.                     <div class="d-inline-block d-md-block pr-3 pr-md-0 footer-column-headline footer-headline font-22-36-normal-bold"
  49.                          style="padding: 1rem 0 0; ">
  50.                         {{ 'footer.socialMediaHeadline'|trans|sw_sanitize }}
  51.                     </div>
  52.                     <div style="display:grid; grid-template-columns: 40px 40px; align-items: center;
  53.     justify-items: start;">
  54.                         <a  href="{{ 'footer.socialMediaFacebook'|trans|sw_sanitize }}" class="footer-social-item" target="_blank" rel="noopener" title="facebook">
  55.                             {# {% sw_icon 'facebook' %} #}
  56.                             {% sw_icon 'facebook' style {'pack' : 'MeineIcons'} %}
  57.                             {# <span class="d-none d-md-inline-block">{{ 'footer.socialMediaFacebookLabel'|trans|sw_sanitize }}</span> #}
  58.                         </a>
  59.                         <a
  60.                                 href="{{ 'footer.socialMediaInstagram'|trans|sw_sanitize }}" class="footer-social-item" target="_blank" rel="noopener" title="instagram">
  61.                             {# {% sw_icon 'instagram' %} #}
  62.                             {% sw_icon 'instagram' style {'pack' : 'MeineIcons'} %}
  63.                             {# <span class="d-none d-md-inline-block">{{ 'footer.socialMediaInstagramLabel'|trans|sw_sanitize }}</span> #}
  64.                         </a>
  65.                     </div>
  66.                 </div>
  67.             {% endblock %}
  68.         </div>
  69.     {% endif %}
  71.     {% if theme_config('log-social-media-enable') %}
  72.         <div class="col-md-{{ footerCol }} order-md-4 footer-column footer-social-column">
  73.             {% block layout_footer_navigation_hotline_headline %}
  74.                 <div class="d-inline-block d-md-block pr-3 pr-md-0 footer-column-headline footer-headline">
  75.                     {{ 'footer.socialMediaHeadline'|trans|sw_sanitize }}
  76.                 </div>
  77.             {% endblock %}
  79.             {% block layout_footer_navigation_hotline_content %}
  80.                 <div class="d-inline-block d-md-flex footer-column-content footer-social-content">
  81.                     <div class="footer-column-content-inner">
  82.                         {% if theme_config('log-social-media-facebook') %}
  83.                             <a
  84.                                 href="{{ 'footer.socialMediaFacebook'|trans|sw_sanitize }}" class="footer-social-item" target="_blank" rel="noopener" title="facebook">
  85.                                 {# {% sw_icon 'facebook' %} #}
  86.                                 {% sw_icon 'facebook' style {'pack' : 'MeineIcons'} %}
  87.                                 {# <span class="d-none d-md-inline-block">{{ 'footer.socialMediaFacebookLabel'|trans|sw_sanitize }}</span> #}
  88.                             </a>
  89.                         {% endif %}
  91.                         {% if theme_config('log-social-media-twitter') %}
  92.                             <a href="{{ 'footer.socialMediaTwitter'|trans|sw_sanitize }}" class="footer-social-item" target="_blank" rel="noopener" title="facebook">
  93.                                 {% sw_icon 'twitter' %}
  94.                                 <span class="d-none d-md-inline-block">{{ 'footer.socialMediaTwitterLabel'|trans|sw_sanitize }}</span>
  95.                             </a>
  96.                         {% endif %}
  98.                         {% if theme_config('log-social-media-pinterest') %}
  99.                             <a href="{{ 'footer.socialMediaPinterest'|trans|sw_sanitize }}" class="footer-social-item" target="_blank" rel="noopener" title="facebook">
  100.                                 {% sw_icon 'pinterest' %}
  101.                                 <span class="d-none d-md-inline-block">{{ 'footer.socialMediaPinterestLabel'|trans|sw_sanitize }}</span>
  102.                             </a>
  103.                         {% endif %}
  105.                         {% if theme_config('log-social-media-instagram') %}
  106.                             <a
  107.                                 href="{{ 'footer.socialMediaInstagram'|trans|sw_sanitize }}" class="footer-social-item" target="_blank" rel="noopener" title="facebook">
  108.                                 {# {% sw_icon 'instagram' %} #}
  109.                                 {% sw_icon 'instagram' style {'pack' : 'MeineIcons'} %}
  110.                                 {# <span class="d-none d-md-inline-block">{{ 'footer.socialMediaInstagramLabel'|trans|sw_sanitize }}</span> #}
  111.                             </a>
  112.                         {% endif %}
  114.                         {% if theme_config('log-social-media-youtube') %}
  115.                             <a href="{{ 'footer.socialMediaYoutube'|trans|sw_sanitize }}" class="footer-social-item" target="_blank" rel="noopener" title="facebook">
  116.                                 {% sw_icon 'youtube' %}
  117.                                 <span class="d-none d-md-inline-block">{{ 'footer.socialMediaYoutubeLabel'|trans|sw_sanitize }}</span>
  118.                             </a>
  119.                         {% endif %}
  120.                     </div>
  121.                 </div>
  122.             {% endblock %}
  123.         </div>
  124.     {% endif %}
  125. {% endblock %}
  127. {% block layout_footer_navigation_column %}
  128.     {% set footerCol = theme_config('log-footer-columns') %}
  130.     <div class="col-md-3 order-3 footer-column js-footer-column">
  131.         {% block layout_footer_navigation_information_headline %}
  132.             <div class="footer-column-headline footer-headline">
  134.                 {% if root.category.type == 'folder' %}
  135.                     <span style="font-weight: bold;" class="font-22-36-normal-bold">{{ root.category.translated.name }}</span>
  136.                 {% else %}
  137.                     <a href="{{ category_url(root.category) }}"
  138.                        {% if category_linknewtab(root.category) %}target="_blank"{% endif %}
  139.                        title="{{ root.category.translated.name }}">
  140.                         {{ root.category.translated.name }}
  141.                     </a>
  142.                 {% endif %}
  143.                 {% block layout_footer_navigation_information_icons %}
  144.                     <div class="footer-column-toggle">
  146.                     </div>
  147.                 {% endblock %}
  148.             </div>
  149.         {% endblock %}
  151.         {% block layout_footer_navigation_information_content %}
  152.             <div id="collapseFooter{{ loop.index }}"
  153.                  class="footer-column-content   js-footer-column-content">
  154.                 <div class="footer-column-content-inner">
  155.                     {% block layout_footer_navigation_information_links %}
  156.                         <ul class="list-unstyled">
  157.                             {% for treeItem in root.children %}
  158.                                 {% set category = treeItem.category %}
  159.                                 {% set name = category.translated.name %}
  161.                                 {# @deprecated tag:v6.5.0 - Use "category.translated.externalLink" directly or category_url function instead. #}
  162.                                 {% set externalLink = category.translated.externalLink %}
  164.                                 {% block layout_footer_navigation_information_link_item %}
  165.                                     <li class="footer-link-item">
  166.                                         {% block layout_footer_navigation_information_link %}
  167.                                             {% if category.type == 'folder' %}
  168.                                                 <div>{{ name }}</div>
  169.                                             {% else %}
  170.                                                 <a class="footer-link font-18-28-normal-normal"
  171.                                                    href="{{ category_url(category) }}"
  172.                                                    {% if category_linknewtab(category) %}target="_blank"{% endif %}
  173.                                                    title="{{ name }}">
  174.                                                     {{ name }}
  175.                                                 </a>
  176.                                             {% endif %}
  177.                                         {% endblock %}
  178.                                     </li>
  179.                                 {% endblock %}
  180.                             {% endfor %}
  181.                         </ul>
  182.                     {% endblock %}
  183.                 </div>
  184.             </div>
  185.         {% endblock %}
  186.     </div>
  188.     <div class="col-md-5 order-4 footer-column js-footer-column">
  189.         <div class="footer-column-grid-row-container" style="min-height: 100%;">
  190.             <div class="footer-column-grid-row-container-item footer-column-grid-column-container">
  191.                 <div class="footer-column-grid-column-container-item-logo">
  192.                     <img src="https://b-change.com/media/93/68/b5/1690631034/ssl.png"
  193.                          class="img-fluid " alt="SSL" title="SSL" style="max-width: 95px;">
  194.                 </div>
  195.                 <div class="footer-column-grid-column-container-item-text">
  196.                     {{ 'footer.ssl.text'|trans|sw_sanitize }}
  197.                 </div>
  198.             </div>
  199.             <div class="footer-column-grid-row-container-item footer-column-grid-column-container">
  200.                 <div class="footer-column-grid-column-container-item-logo">
  201.                     <img src="https://b-change.com/media/3d/fc/40/1690630832/8-elements-verified.png"
  202.                          style="max-width: 180px; height: 95px;"
  203.                          class="img-fluid " alt="Verification" title="Verification">
  204.                 </div>
  205.                 <div class="footer-column-grid-column-container-item-text">
  206.                     {{ 'footer.verification.text'|trans|sw_sanitize }}
  207.                 </div>
  208.             </div>
  209.         </div>
  210.     </div>
  211. {% endblock %}
  212. {% block layout_footer_payment_shipping_logos %}
  213.     {% if theme_config('log-shipping-logos-enable') or theme_config('log-payment-logos-enable') %}
  214.         <div id="footerColumnsLogos" class="row footer-columns">
  215.             {% if theme_config('log-shipping-logos-enable') %}
  216.                 {% block layout_footer_shipping_logos %}
  217.                     <div class="col-md-3 footer-column js-footer-column footer-shipping-column">
  218.                         <div class="footer-column-headline footer-headline js-footer-column-headline" id="collapseFooterShippingTitle">
  219.                             {{ 'footer.shippingHeadline'|trans|sw_sanitize }}
  220.                             <div class="footer-column-toggle">
  222.                             </div>
  223.                         </div>
  224.                         <div id="collapseFooterShipping" class="footer-column-content  js-footer-column-content footer-shipping" >
  225.                             <div class="footer-column-content-inner">
  226.                                 {% for shippingMethod in page.salesChannelShippingMethods %}
  227.                                     {% block layout_footer_shipping_logo %}
  228.                                         {% if shippingMethod.media %}
  229.                                             <div class="footer-logo is-shipping">
  230.                                                 {% sw_thumbnails 'footer-shipping-image-thumbnails' with {
  231.                                                     media: shippingMethod.media,
  232.                                                     sizes: {
  233.                                                         'default': '100px'
  234.                                                     },
  235.                                                     attributes: {
  236.                                                         'class': 'img-fluid footer-logo-image',
  237.                                                         'alt': (shippingMethod.media.translated.alt ?: shippingMethod.translated.name),
  238.                                                         'title': (shippingMethod.media.translated.title ?: shippingMethod.translated.name)
  239.                                                     }
  240.                                                 } %}
  241.                                             </div>
  242.                                         {% endif %}
  243.                                     {% endblock %}
  244.                                 {% endfor %}
  245.                             </div>
  246.                         </div>
  247.                     </div>
  248.                 {% endblock %}
  249.             {% endif %}
  251.             {% if theme_config('log-payment-logos-enable') %}
  252.                 {% block layout_footer_payment_logos %}
  253.                     <div class="col-md-12 footer-column js-footer-column footer-payment-column">
  254.                         <div class="footer-column-headline footer-headline js-footer-column-headline font-weight-bold font-22-36-normal-bold"
  255.                              style="justify-content: center; " id="collapseFooterPaymentTitle">
  256.                             {{ 'footer.paymentHeadline'|trans|sw_sanitize }}
  257.                         </div>
  258.                         <div id="collapseFooterPayment" class="footer-column-content  js-footer-column-content footer-payment"
  259.                              style="display: flex; justify-content: center;" >
  260.                             <div class="footer-column-content-inner">
  261.                                 {% block layout_footer_payment_logo %}
  262.                                     <div class="footer-logo is-payment">
  263.                                         <img src="https://b-change.com/media/fd/d5/8d/1688563626/paypal.svg" class="img-fluid footer-logo-image" alt="PayPal" title="PayPal">
  264.                                         <img src="https://b-change.com/media/26/74/89/1688563626/visa.svg" class="img-fluid footer-logo-image" alt="Visa" title="Visa">
  265.                                         <img src="https://b-change.com/media/9f/4a/00/1688563620/mastercard.svg" class="img-fluid footer-logo-image" alt="Mastercard" title="Mastercard">
  266.                                         <img src="https://b-change.com/media/02/a0/bf/1688563626/sofort.svg" class="img-fluid footer-logo-image" alt="Sofort" title="Sofort">
  267.                                     </div>
  268.                                 {% endblock %}
  269.                             </div>
  270.                         </div>
  271.                     </div>
  272.                 {% endblock %}
  273.             {% endif %}
  274.         </div>
  275.     {% endif %}
  276. {% endblock %}
  278. {% block layout_footer_service_menu %}{% endblock %}
  279.  {% block layout_footer_vat %}
  280. <div class="footer-vat">
  281. </div>
  282.  {% endblock %}
  283. {% block layout_footer_copyright %}
  284.     <div class="footer-copyright">
  285.         {% sw_icon 'shopware' style {'size':'xs'} %}
  286.         {{ "footer.copyrightInfoLog"|trans|sw_sanitize }}
  287.     </div>
  288. {% endblock %}