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