custom/plugins/RHWebVenue/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_inner_container %}
  3.     {% set activateContact = theme_config('rhweb-footer-activate-contact') %}
  4.     {% set activatePayment = theme_config('rhweb-footer-activate-payment') %}
  5.     {% set activateShipping = theme_config('rhweb-footer-activate-shipping') %}
  6.     {% set activateCertificates = theme_config('rhweb-footer-activate-certificates') %}
  7.     {% if activatePayment or activateShipping or activateCertificates %}
  8.         {% set additionalColumnSize = 0 %}
  9.     {% else %}
  10.         {% set additionalColumnSize = 1 %}
  11.     {% endif %}
  12.     {% if activatePayment %}
  13.         {% set additionalColumnSize = additionalColumnSize + 1 %}
  14.     {% endif %}
  15.     {% if activateShipping %}
  16.         {% set additionalColumnSize = additionalColumnSize + 1 %}
  17.     {% endif %}
  18.     {% if activateCertificates %}
  19.         {% set additionalColumnSize = additionalColumnSize + 1 %}
  20.     {% endif %}
  21.     {% set additionalColumn = 'col-md-6 col-lg-'~12/additionalColumnSize %}
  22.     {% set columnAmount = theme_config('rhweb-footer-column-amount') %}
  23.     {% set columnBootstrap = 12/columnAmount %}
  24.     {% block layout_footer_navigation %}
  25.         <div class="container">
  26.             <div id="footerColumns"
  27.                  class="row footer-columns"
  28.                  data-collapse-footer="true">
  29.                 {% block layout_footer_navigation_hotline %}
  30.                     {% if activateContact %}
  31.                         <div class="col-md-4 col-lg-{{ columnBootstrap }} footer-column js-footer-column">
  32.                             {% block layout_footer_navigation_hotline_headline %}
  33.                                 {{ parent() }}
  34.                             {% endblock %}
  35.                             {% block layout_footer_navigation_hotline_content %}
  36.                                 {{ parent() }}
  37.                             {% endblock %}
  38.                         </div>
  39.                     {% endif %}
  40.                 {% endblock %}
  41.                 {% block layout_footer_navigation_columns %}
  42.                     {% for root in page.footer.navigation.tree %}
  43.                         {% block layout_footer_navigation_column %}
  44.                             <div class="col-md-4 col-lg-{{ columnBootstrap }} footer-column js-footer-column">
  45.                                 {% block layout_footer_navigation_information_headline %}
  46.                                     <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger pb-md-4 pt-md-5"
  47.                                          data-target="#collapseFooter{{ loop.index }}"
  48.                                          aria-expanded="true"
  49.                                          aria-controls="collapseFooter{{ loop.index }}">
  50.                                         {{ root.category.translated.name }}
  51.                                         {% block layout_footer_navigation_information_icons %}
  52.                                             {{ parent() }}
  53.                                         {% endblock %}
  54.                                     </div>
  55.                                 {% endblock %}
  56.                                 {% block layout_footer_navigation_information_content %}
  57.                                     {{ parent() }}
  58.                                 {% endblock %}
  59.                             </div>
  60.                         {% endblock %}
  61.                     {% endfor %}
  62.                 {% endblock %}
  63.                 {% block layout_footer_navigation_columns_newsletter %}
  64.                     {% if theme_config('rhweb-footer-activate-newsletter') and theme_config('rhweb-newsletter-position') != 'above' %}
  65.                         <div class="col-md-4 col-lg-{{ columnBootstrap }} footer-column js-footer-column">
  66.                             <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger pb-md-4 pt-md-5"
  67.                                  data-target="#collapseFooterNewsletter"
  68.                                  aria-expanded="true"
  69.                                  aria-controls="collapseFooterNewsletter">
  70.                                 {{ "rhwebTheme.footer.newsletter.headline"|trans|sw_sanitize }}
  71.                                 <div class="footer-column-toggle">
  72.                                         <span class="footer-plus-icon">
  73.                                             {% sw_icon 'plus' %}
  74.                                         </span>
  75.                                     <span class="footer-minus-icon">
  76.                                             {% sw_icon 'minus' %}
  77.                                         </span>
  78.                                 </div>
  79.                             </div>
  80.                             <div id="collapseFooterNewsletter" class="footer-column-content collapse js-footer-column-content" aria-labelledby="collapseFooterNewsletterTitle">
  81.                                 <div class="footer-column-content-inner">
  82.                                     {% sw_include '@Storefront/storefront/rhweb-custom/snippets/footer/rhweb-newsletter.html.twig' with {
  83.                                         position: 'column-footer'
  84.                                     } %}
  85.                                 </div>
  86.                             </div>
  87.                         </div>
  88.                     {% endif %}
  89.                 {% endblock %}
  90.             </div>
  91.         </div>
  92.     {% endblock %}
  93.     <div class="container">
  94.         <div class="row rhweb-logo-row footer-columns pt-md-5" data-collapse-footer="true">
  95.             {% if activatePayment %}
  96.                 {% block rhweb_layout_footer_payment_logos %}
  97.                     <div class="{{ additionalColumn }} footer-column js-footer-column">
  98.                         {% block layout_footer_payment_logos_headline %}
  99.                             <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  100.                                  id="collapseFooterPaymentTitle"
  101.                                  data-target="#collapseFooterPayment"
  102.                                  aria-expanded="true"
  103.                                  aria-controls="collapseFooterPayment">
  104.                                 {{ 'rhwebTheme.footer.payment.headline'|trans }}
  105.                                 <div class="footer-column-toggle">
  106.                                     <span class="footer-plus-icon">
  107.                                         {% sw_icon 'plus' %}
  108.                                     </span>
  109.                                     <span class="footer-minus-icon">
  110.                                         {% sw_icon 'minus' %}
  111.                                     </span>
  112.                                 </div>
  113.                             </div>
  114.                         {% endblock %}
  115.                         <div id="collapseFooterPayment" class="footer-column-content collapse js-footer-column-content" aria-labelledby="collapseFooterPaymentTitle">
  116.                             <div class="footer-column-content-inner mt-md-3">
  117.                                 {% block layout_footer_payment_logos_content %}
  118.                                     <div class="logo-container">
  119.                                         {% for paymentMethod in page.salesChannelPaymentMethods %}
  120.                                             {% block layout_footer_payment_logo %}
  121.                                                 {% if paymentMethod.media %}
  122.                                                     <div class="footer-logo is-payment">
  123.                                                         {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  124.                                                             media: paymentMethod.media,
  125.                                                             sizes: {
  126.                                                                 'default': '100px'
  127.                                                             },
  128.                                                             attributes: {
  129.                                                                 'class': 'img-fluid footer-logo-image',
  130.                                                                 'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  131.                                                                 'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  132.                                                             }
  133.                                                         } %}
  134.                                                     </div>
  135.                                                 {% else %}
  136.                                                     <div class="logo-text">
  137.                                                         {{ paymentMethod.translated.name }}
  138.                                                     </div>
  139.                                                 {% endif %}
  140.                                             {% endblock %}
  141.                                         {% endfor %}
  142.                                     </div>
  143.                                 {% endblock %}
  144.                             </div>
  145.                         </div>
  146.                     </div>
  147.                 {% endblock %}
  148.             {% endif %}
  149.             {% if activateShipping %}
  150.                 {% block layout_footer_shipping_logos %}
  151.                     <div class="{{ additionalColumn }} footer-column js-footer-column">
  152.                         {% block layout_footer_shipping_logos_headline %}
  153.                             <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  154.                                  id="collapseFooterShippingTitle"
  155.                                  data-target="#collapseFooterShipping"
  156.                                  aria-expanded="true"
  157.                                  aria-controls="collapseFooterShipping">
  158.                                 {{ 'rhwebTheme.footer.shipping.headline'|trans }}
  159.                                 <div class="footer-column-toggle">
  160.                                     <span class="footer-plus-icon">
  161.                                         {% sw_icon 'plus' %}
  162.                                     </span>
  163.                                     <span class="footer-minus-icon">
  164.                                         {% sw_icon 'minus' %}
  165.                                     </span>
  166.                                 </div>
  167.                             </div>
  168.                         {% endblock %}
  169.                         <div id="collapseFooterShipping" class="footer-column-content collapse js-footer-column-content" aria-labelledby="collapseFooterShippingTitle">
  170.                             <div class="footer-column-content-inner mt-md-3">
  171.                                 <div class="logo-container">
  172.                                     {% block layout_footer_shipping_logos_content %}
  173.                                         {% for shippingMethod in page.salesChannelShippingMethods %}
  174.                                             {% block layout_footer_shipping_logo %}
  175.                                                 {% if shippingMethod.media %}
  176.                                                     <div class="footer-logo is-shipping">
  177.                                                         {% sw_thumbnails 'footer-shipping-image-thumbnails' with {
  178.                                                             media: shippingMethod.media,
  179.                                                             sizes: {
  180.                                                                 'default': '100px'
  181.                                                             },
  182.                                                             attributes: {
  183.                                                                 'class': 'img-fluid footer-logo-image',
  184.                                                                 'alt': (shippingMethod.media.translated.alt ?: shippingMethod.translated.name),
  185.                                                                 'title': (shippingMethod.media.translated.title ?: shippingMethod.translated.name)
  186.                                                             }
  187.                                                         } %}
  188.                                                     </div>
  189.                                                 {% else %}
  190.                                                     <div class="logo-text">
  191.                                                         {{ shippingMethod.translated.name }}
  192.                                                     </div>
  193.                                                 {% endif %}
  194.                                             {% endblock %}
  195.                                         {% endfor %}
  196.                                     {% endblock %}
  197.                                 </div>
  198.                             </div>
  199.                         </div>
  200.                     </div>
  201.                 {% endblock %}
  202.             {% endif %}
  203.             {% if activateCertificates %}
  204.                 {% block rhweb_footer_certificates %}
  205.                     <div class="{{ additionalColumn }} footer-column js-footer-column">
  206.                         {% block rhweb_footer_certificates_headline %}
  207.                             <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  208.                                  id="collapseFooterCertificatesTitle"
  209.                                  data-target="#collapseFooterCertificates"
  210.                                  aria-expanded="true"
  211.                                  aria-controls="collapseFooterCertificates">
  212.                                 {{ 'rhwebTheme.footer.certificates.headline'|trans }}
  213.                                 <div class="footer-column-toggle">
  214.                                     <span class="footer-plus-icon">
  215.                                         {% sw_icon 'plus' %}
  216.                                     </span>
  217.                                     <span class="footer-minus-icon">
  218.                                         {% sw_icon 'minus' %}
  219.                                     </span>
  220.                                 </div>
  221.                             </div>
  222.                         {% endblock %}
  223.                         {% block rhweb_footer_certificates_content %}
  224.                             <div id="collapseFooterCertificates" class="footer-column-content collapse js-footer-column-content" aria-labelledby="collapseFooterCertificatesTitle">
  225.                                 <div class="footer-column-content-inner mt-md-3">
  226.                                     <div class="footer-certificates">
  227.                                         {% if theme_config('rhweb-certificate-1') %}
  228.                                             {% if theme_config('rhweb-certificate-1-url') %}
  229.                                                 <a href="{{ theme_config('rhweb-certificate-1-url') }}" {% if theme_config('rhweb-certificate-1-url-new-tab') %}target="_blank"{% endif %}>
  230.                                                     <img alt="certificate" title="Certificate" src="{{ theme_config('rhweb-certificate-1') |sw_encode_url }}">
  231.                                                 </a>
  232.                                             {% else %}
  233.                                                 <img alt="certificate" title="Certificate" src="{{ theme_config('rhweb-certificate-1') |sw_encode_url }}">
  234.                                             {% endif %}
  235.                                         {% endif %}
  236.                                         {% if theme_config('rhweb-certificate-2') %}
  237.                                             {% if theme_config('rhweb-certificate-2-url') %}
  238.                                                 <a href="{{ theme_config('rhweb-certificate-2-url') }}" {% if theme_config('rhweb-certificate-2-url-new-tab') %}target="_blank"{% endif %}>
  239.                                                     <img alt="certificate" title="Certificate" src="{{ theme_config('rhweb-certificate-2') |sw_encode_url }}">
  240.                                                 </a>
  241.                                             {% else %}
  242.                                                 <img alt="certificate" title="Certificate" src="{{ theme_config('rhweb-certificate-2') |sw_encode_url }}">
  243.                                             {% endif %}
  244.                                         {% endif %}
  245.                                         {% if theme_config('rhweb-certificate-3') %}
  246.                                             {% if theme_config('rhweb-certificate-3-url') %}
  247.                                                 <a href="{{ theme_config('rhweb-certificate-3-url') }}" {% if theme_config('rhweb-certificate-3-url-new-tab') %}target="_blank"{% endif %}>
  248.                                                     <img alt="certificate" title="Certificate" src="{{ theme_config('rhweb-certificate-3') |sw_encode_url }}">
  249.                                                 </a>
  250.                                             {% else %}
  251.                                                 <img alt="certificate" title="Certificate" src="{{ theme_config('rhweb-certificate-3') |sw_encode_url }}">
  252.                                             {% endif %}
  253.                                         {% endif %}
  254.                                         {% if theme_config('rhweb-certificate-4') %}
  255.                                             {% if theme_config('rhweb-certificate-4-url') %}
  256.                                                 <a href="{{ theme_config('rhweb-certificate-4-url') }}" {% if theme_config('rhweb-certificate-4-url-new-tab') %}target="_blank"{% endif %}>
  257.                                                     <img alt="certificate" title="Certificate" src="{{ theme_config('rhweb-certificate-4') |sw_encode_url }}">
  258.                                                 </a>
  259.                                             {% else %}
  260.                                                 <img alt="certificate" title="Certificate" src="{{ theme_config('rhweb-certificate-4') |sw_encode_url }}">
  261.                                             {% endif %}
  262.                                         {% endif %}
  263.                                     </div>
  264.                                 </div>
  265.                             </div>
  266.                         {% endblock %}
  267.                     </div>
  268.                 {% endblock %}
  269.             {% endif %}
  270.         </div>
  271.     </div>
  272.     {% block layout_footer_bottom %}
  273.         <div class="container">
  274.             <div class="footer-bottom">
  275.                 {% block layout_footer_vat %}
  276.                     <div class="footer-vat">
  277.                         {% if context.taxState == "gross" %}
  278.                             <p>
  279.                                 {{ "footer.includeVat"|trans({
  280.                                     '%url%': path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') })
  281.                                 })|raw }}
  282.                             </p>
  283.                         {% else %}
  284.                             <p>
  285.                                 {{ "footer.excludeVat"|trans({
  286.                                     '%url%': path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') })
  287.                                 })|raw }}
  288.                             </p>
  289.                         {% endif %}
  290.                     </div>
  291.                 {% endblock %}
  292.                 {% block rhweb_layout_footer_copyright %}
  293.                     <div class="py-md-3">
  294.                         <div class="text-center">
  295.                             &#169; Copyright {{ 'now' | date('Y') }} | Shopware Theme by <a href="https://rh-webdesign.com" rel="noopener" target="_blank"><u>RH-Webdesign</u></a>
  296.                         </div>
  297.                     </div>
  298.                 {% endblock %}
  299.             </div>
  300.         </div>
  301.     {% endblock %}
  302. {% endblock %}