custom/plugins/RHWebCleue/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 %}
  5.     {% set socials = [
  6.         {
  7.             'title': 'Facebook',
  8.             'icon': 'lab la-facebook-f',
  9.             'url': theme_config('rhweb-social-facebook')
  10.         },
  11.         {
  12.             'title': 'Twitter',
  13.             'icon': 'lab la-twitter',
  14.             'url': theme_config('rhweb-social-twitter')
  15.         },
  16.         {
  17.             'title': 'Instagram',
  18.             'icon': 'lab la-instagram',
  19.             'url': theme_config('rhweb-social-instagram')
  20.         },
  21.         {
  22.             'title': 'Youtube',
  23.             'icon': 'lab la-youtube',
  24.             'url': theme_config('rhweb-social-youtube')
  25.         },
  26.         {
  27.             'title': 'Pinterest',
  28.             'icon': 'lab la-pinterest-p',
  29.             'url': theme_config('rhweb-social-pinterest')
  30.         },
  31.         {
  32.             'title': 'Vimeo',
  33.             'icon': 'lab la-vimeo',
  34.             'url': theme_config('rhweb-social-vimeo')
  35.         },
  36.         {
  37.             'title': 'Google Plus +',
  38.             'icon': 'lab la-google-plus-g',
  39.             'url': theme_config('rhweb-social-googleplus')
  40.         },
  41.         {
  42.             'title': 'Tumblr',
  43.             'icon': 'lab la-tumblr',
  44.             'url': theme_config('rhweb-social-tumblr')
  45.         },
  46.         {
  47.             'title': 'Linked In',
  48.             'icon': 'lab la-linkedin',
  49.             'url': theme_config('rhweb-social-linkedin')
  50.         },
  51.         {
  52.             'title': 'Xing',
  53.             'icon': 'lab la-xing',
  54.             'url': theme_config('rhweb-social-xing')
  55.         },
  56.         {
  57.             'title': 'Skype',
  58.             'icon': 'lab la-skype',
  59.             'url': theme_config('rhweb-social-skype')
  60.         },
  61.         {
  62.             'title': 'Snapchat',
  63.             'icon': 'lab la-snapchat',
  64.             'url': theme_config('rhweb-social-snapchat')
  65.         },
  66.         {
  67.             'title': 'Amazon',
  68.             'icon': 'lab la-amazon',
  69.             'url': theme_config('rhweb-social-amazon')
  70.         },
  71.         {
  72.             'title': 'Ebay',
  73.             'icon': 'lab la-ebay',
  74.             'url': theme_config('rhweb-social-ebay')
  75.         },
  76.         {
  77.             'title': 'Etsy',
  78.             'icon': 'lab la-etsy',
  79.             'url': theme_config('rhweb-social-etsy')
  80.         },
  81.         {
  82.             'title': 'Appstore',
  83.             'icon': 'lab la-app-store',
  84.             'url': theme_config('rhweb-social-appstore')
  85.         },
  86.         {
  87.             'title': 'Google Play',
  88.             'icon': 'lab la-google-play',
  89.             'url': theme_config('rhweb-social-googleplay')
  90.         },
  91.         {
  92.             'title': 'Kickstarter',
  93.             'icon': 'lab la-kickstarter-k',
  94.             'url': theme_config('rhweb-social-kickstarter')
  95.         },
  96.     ] %}
  99.     {% set activateContact = theme_config('rhweb-footer-activate-contact') %}
  100.     {% set activateSocials = theme_config('rhweb-footer-activate-socials') %}
  101.     {% set activatePayment = theme_config('rhweb-footer-activate-payment') %}
  102.     {% set activateShipping = theme_config('rhweb-footer-activate-shipping') %}
  103.     {% set activateCertificates = theme_config('rhweb-footer-activate-certificates') %}
  105.     {% if activateSocials or activatePayment or activateShipping or activateCertificates %}
  106.         {% set additionalColumnSize = 0 %}
  107.     {% else %}
  108.         {% set additionalColumnSize = 1 %}
  109.     {% endif %}
  110.     {% if activatePayment %}
  111.         {% set additionalColumnSize = additionalColumnSize + 1 %}
  112.     {% endif %}
  113.     {% if activateShipping %}
  114.         {% set additionalColumnSize = additionalColumnSize + 1 %}
  115.     {% endif %}
  116.     {% if activateCertificates %}
  117.         {% set additionalColumnSize = additionalColumnSize + 1 %}
  118.     {% endif %}
  120. {#    {% set additionalColumn = 'col-md-6 col-lg-'~12/additionalColumnSize %}#}
  122.     {% set columnAmount = theme_config('rhweb-footer-column-amount') %}
  123.     {% set columnBootstrap = 12/columnAmount %}
  126.     {% block layout_footer_navigation %}
  127.         <div class="container">
  128.             <div id="footerColumns"
  129.                  class="row footer-columns"
  130.                  data-collapse-footer="true">
  131.                 {% block layout_footer_navigation_hotline %}
  132.                     {% if activateContact %}
  133.                         <div class="col-md-4 col-lg-{{ columnBootstrap }} footer-column js-footer-column">
  134.                             {% block layout_footer_navigation_hotline_headline %}
  135.                                 <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  136.                                      id="collapseFooterHotlineTitle"
  137.                                      data-target="#collapseFooterHotline"
  138.                                      aria-expanded="true"
  139.                                      aria-controls="collapseFooterHotline">
  140.                                     <div class="d-md-none">
  141.                                         {{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}
  142.                                     </div>
  143.                                     {% block layout_footer_navigation_hotline_icons %}
  144.                                         {{ parent() }}
  145.                                     {% endblock %}
  146.                                 </div>
  147.                             {% endblock %}
  149.                             {% block layout_footer_navigation_hotline_content %}
  150.                                 <div id="collapseFooterHotline"
  151.                                      class="footer-column-content collapse js-footer-column-content footer-contact"
  152.                                      aria-labelledby="collapseFooterHotlineTitle">
  153.                                     <div class="footer-column-content-inner">
  154.                                         {% if theme_config('rhweb-footer-activate-logo') %}
  155.                                             <img class="rhweb-footer-logo" src="{{ theme_config('rhweb-logo-footer') }}" alt="Footer Logo">
  156.                                         {% endif %}
  157.                                         <div class="{% if theme_config('rhweb-footer-activate-logo') %}mt-4{% else %}mt-5{% endif %}">
  158.                                             {% if theme_config('rhweb-footer-activate-location') %}
  159.                                                 <div class="mb-2 address">
  160.                                                     <div class="d-inline-flex align-items-center">
  161.                                                         <i class="las la-map-marker" aria-hidden="true"></i>
  162.                                                         <p class="m-0">
  163.                                                             {{ "capriceTheme.footer.location"|trans|sw_sanitize }}
  164.                                                         </p>
  165.                                                     </div>
  167.                                                 </div>
  168.                                             {% endif %}
  170.                                             {% if theme_config('rhweb-footer-activate-email') %}
  171.                                                 <div class="mb-2 address">
  172.                                                     <div class="d-inline-flex align-items-center">
  173.                                                         <i class="las la-envelope" aria-hidden="true"></i>
  174.                                                         <p class="m-0">
  175.                                                             <a href="mailto:{{ "capriceTheme.footer.email"|trans|sw_sanitize }}">{{ "capriceTheme.footer.email"|trans|sw_sanitize }}</a>
  176.                                                         </p>
  177.                                                     </div>
  178.                                                 </div>
  179.                                             {% endif %}
  181.                                             {% if theme_config('rhweb-footer-activate-phone') %}
  182.                                                 <div class="mb-2 address">
  183.                                                     <div class="d-inline-flex align-items-center">
  184.                                                         <i class="las la-mobile" aria-hidden="true"></i>
  185.                                                         <p class="m-0">
  186.                                                             {{ "capriceTheme.footer.phone"|trans|sw_sanitize }}
  187.                                                         </p>
  188.                                                     </div>
  189.                                                 </div>
  190.                                             {% endif %}
  192.                                             {% if activateSocials %}
  193.                                                 <div class="footer-socials mt-4">
  194.                                                     {% block layout_footer_socials_content %}
  195.                                                         {% for social in socials %}
  196.                                                             {% if social.url %}
  197.                                                                 <a class="footer-social-button" rel="noopener" aria-label="{{ social.title }} Page" target="_blank" href="{{ social.url }}" title="{{ social.title }}"><i aria-hidden="true" aria-label="{{ social.title }} Page" class="{{ social.icon }}"></i></a>
  198.                                                             {% endif %}
  199.                                                         {% endfor %}
  200.                                                     {% endblock %}
  201.                                                 </div>
  202.                                             {% endif %}
  203.                                         </div>
  204.                                     </div>
  205.                                 </div>
  206.                             {% endblock %}
  207.                         </div>
  208.                     {% endif %}
  209.                 {% endblock %}
  211.                 {% block layout_footer_navigation_columns %}
  212.                     {% for root in page.footer.navigation.tree %}
  213.                         {% block layout_footer_navigation_column %}
  214.                             <div class="col-md-4 col-lg-{{ columnBootstrap }} footer-column js-footer-column">
  215.                                 {% block layout_footer_navigation_information_headline %}
  216.                                     {{ parent() }}
  217.                                 {% endblock %}
  219.                                 {% block layout_footer_navigation_information_content %}
  220.                                     {{ parent() }}
  221.                                 {% endblock %}
  222.                             </div>
  223.                         {% endblock %}
  224.                     {% endfor %}
  225.                 {% endblock %}
  226.             </div>
  227.         </div>
  229.     {% endblock %}
  231.     <div class="container">
  232.         <div class="row rhweb-logo-row footer-columns" data-collapse-footer="true">
  233.             {% if activatePayment %}
  234.                 {% block rhweb_layout_footer_payment_logos %}
  235.                     <div class="{{ additionalColumn }} footer-column js-footer-column">
  236.                         {% block layout_footer_payment_logos_headline %}
  237.                             <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  238.                                  id="collapseFooterPaymentTitle"
  239.                                  data-target="#collapseFooterPayment"
  240.                                  aria-expanded="true"
  241.                                  aria-controls="collapseFooterPayment">
  242.                                 {{ 'rhwebTheme.footer.payment.headline'|trans }}
  243.                                 <div class="footer-column-toggle">
  244.                                     <span class="footer-plus-icon">
  245.                                         {% sw_icon 'plus' %}
  246.                                     </span>
  247.                                     <span class="footer-minus-icon">
  248.                                         {% sw_icon 'minus' %}
  249.                                     </span>
  250.                                 </div>
  251.                             </div>
  252.                         {% endblock %}
  255.                         <div id="collapseFooterPayment" class="footer-column-content collapse js-footer-column-content" aria-labelledby="collapseFooterPaymentTitle">
  256.                             <div class="footer-column-content-inner mt-md-3">
  257.                                 {% block layout_footer_payment_logos_content %}
  258.                                     <div class="logo-container">
  259.                                         {% for paymentMethod in page.salesChannelPaymentMethods %}
  260.                                             {% block layout_footer_payment_logo %}
  261.                                                 {% if paymentMethod.media %}
  262.                                                     <div class="footer-logo is-payment">
  263.                                                         {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  264.                                                             media: paymentMethod.media,
  265.                                                             sizes: {
  266.                                                                 'default': '100px'
  267.                                                             },
  268.                                                             attributes: {
  269.                                                                 'class': 'img-fluid footer-logo-image',
  270.                                                                 'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  271.                                                                 'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  272.                                                             }
  273.                                                         } %}
  274.                                                     </div>
  275.                                                 {% else %}
  276.                                                     <div class="logo-text">
  277.                                                         {{ paymentMethod.translated.name }}
  278.                                                     </div>
  279.                                                 {% endif %}
  280.                                             {% endblock %}
  281.                                         {% endfor %}
  282.                                     </div>
  283.                                 {% endblock %}
  284.                             </div>
  285.                         </div>
  286.                     </div>
  287.                 {% endblock %}
  288.             {% endif %}
  291.             {% if activateShipping %}
  292.                 {% block layout_footer_shipping_logos %}
  293.                     <div class="{{ additionalColumn }} footer-column js-footer-column">
  294.                         {% block layout_footer_shipping_logos_headline %}
  295.                             <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  296.                                  id="collapseFooterShippingTitle"
  297.                                  data-target="#collapseFooterShipping"
  298.                                  aria-expanded="true"
  299.                                  aria-controls="collapseFooterShipping">
  300.                                 {{ 'rhwebTheme.footer.shipping.headline'|trans }}
  301.                                 <div class="footer-column-toggle">
  302.                                     <span class="footer-plus-icon">
  303.                                         {% sw_icon 'plus' %}
  304.                                     </span>
  305.                                     <span class="footer-minus-icon">
  306.                                         {% sw_icon 'minus' %}
  307.                                     </span>
  308.                                 </div>
  309.                             </div>
  310.                         {% endblock %}
  313.                         <div id="collapseFooterShipping" class="footer-column-content collapse js-footer-column-content" aria-labelledby="collapseFooterShippingTitle">
  314.                             <div class="footer-column-content-inner mt-md-3">
  315.                                 <div class="logo-container">
  316.                                     {% block layout_footer_shipping_logos_content %}
  317.                                         {% for shippingMethod in page.salesChannelShippingMethods %}
  318.                                             {% block layout_footer_shipping_logo %}
  319.                                                 {% if shippingMethod.media %}
  320.                                                     <div class="footer-logo is-shipping">
  321.                                                         {% sw_thumbnails 'footer-shipping-image-thumbnails' with {
  322.                                                             media: shippingMethod.media,
  323.                                                             sizes: {
  324.                                                                 'default': '100px'
  325.                                                             },
  326.                                                             attributes: {
  327.                                                                 'class': 'img-fluid footer-logo-image',
  328.                                                                 'alt': (shippingMethod.media.translated.alt ?: shippingMethod.translated.name),
  329.                                                                 'title': (shippingMethod.media.translated.title ?: shippingMethod.translated.name)
  330.                                                             }
  331.                                                         } %}
  332.                                                     </div>
  333.                                                 {% else %}
  334.                                                     <div class="logo-text">
  335.                                                         {{ shippingMethod.translated.name }}
  336.                                                     </div>
  337.                                                 {% endif %}
  338.                                             {% endblock %}
  339.                                         {% endfor %}
  340.                                     {% endblock %}
  341.                                 </div>
  342.                             </div>
  343.                         </div>
  344.                     </div>
  345.                 {% endblock %}
  346.             {% endif %}
  349.             {% if activateCertificates %}
  350.                 {% block rhweb_footer_certificates %}
  351.                     <div class="{{ additionalColumn }} footer-column js-footer-column">
  352.                         {% block rhweb_footer_certificates_headline %}
  353.                             <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  354.                                  id="collapseFooterCertificatesTitle"
  355.                                  data-target="#collapseFooterCertificates"
  356.                                  aria-expanded="true"
  357.                                  aria-controls="collapseFooterCertificates">
  358.                                 {{ 'rhwebTheme.footer.certificates.headline'|trans }}
  359.                                 <div class="footer-column-toggle">
  360.                                     <span class="footer-plus-icon">
  361.                                         {% sw_icon 'plus' %}
  362.                                     </span>
  363.                                     <span class="footer-minus-icon">
  364.                                         {% sw_icon 'minus' %}
  365.                                     </span>
  366.                                 </div>
  367.                             </div>
  368.                         {% endblock %}
  371.                         {% block rhweb_footer_certificates_content %}
  372.                             <div id="collapseFooterCertificates" class="footer-column-content collapse js-footer-column-content" aria-labelledby="collapseFooterCertificatesTitle">
  373.                                 <div class="footer-column-content-inner mt-md-3">
  374.                                     <div class="footer-certificates">
  375.                                         {% if theme_config('rhweb-certificate-1') %}
  376.                                             {% if theme_config('rhweb-certificate-1-url') %}
  377.                                                 <a href="{{ theme_config('rhweb-certificate-1-url') }}" {% if theme_config('rhweb-certificate-1-url-new-tab') %}target="_blank"{% endif %}>
  378.                                                     <img alt="certificate" title="Certificate" src="{{ theme_config('rhweb-certificate-1') |sw_encode_url }}">
  379.                                                 </a>
  380.                                             {% else %}
  381.                                                 <img alt="certificate" title="Certificate" src="{{ theme_config('rhweb-certificate-1') |sw_encode_url }}">
  382.                                             {% endif %}
  383.                                         {% endif %}
  384.                                         {% if theme_config('rhweb-certificate-2') %}
  385.                                             {% if theme_config('rhweb-certificate-2-url') %}
  386.                                                 <a href="{{ theme_config('rhweb-certificate-2-url') }}" {% if theme_config('rhweb-certificate-2-url-new-tab') %}target="_blank"{% endif %}>
  387.                                                     <img alt="certificate" title="Certificate" src="{{ theme_config('rhweb-certificate-2') |sw_encode_url }}">
  388.                                                 </a>
  389.                                             {% else %}
  390.                                                 <img alt="certificate" title="Certificate" src="{{ theme_config('rhweb-certificate-2') |sw_encode_url }}">
  391.                                             {% endif %}
  392.                                         {% endif %}
  393.                                         {% if theme_config('rhweb-certificate-3') %}
  394.                                             {% if theme_config('rhweb-certificate-3-url') %}
  395.                                                 <a href="{{ theme_config('rhweb-certificate-3-url') }}" {% if theme_config('rhweb-certificate-3-url-new-tab') %}target="_blank"{% endif %}>
  396.                                                     <img alt="certificate" title="Certificate" src="{{ theme_config('rhweb-certificate-3') |sw_encode_url }}">
  397.                                                 </a>
  398.                                             {% else %}
  399.                                                 <img alt="certificate" title="Certificate" src="{{ theme_config('rhweb-certificate-3') |sw_encode_url }}">
  400.                                             {% endif %}
  401.                                         {% endif %}
  402.                                         {% if theme_config('rhweb-certificate-4') %}
  403.                                             {% if theme_config('rhweb-certificate-4-url') %}
  404.                                                 <a href="{{ theme_config('rhweb-certificate-4-url') }}" {% if theme_config('rhweb-certificate-4-url-new-tab') %}target="_blank"{% endif %}>
  405.                                                     <img alt="certificate" title="Certificate" src="{{ theme_config('rhweb-certificate-4') |sw_encode_url }}">
  406.                                                 </a>
  407.                                             {% else %}
  408.                                                 <img alt="certificate" title="Certificate" src="{{ theme_config('rhweb-certificate-4') |sw_encode_url }}">
  409.                                             {% endif %}
  410.                                         {% endif %}
  411.                                     </div>
  412.                                 </div>
  413.                             </div>
  414.                         {% endblock %}
  415.                     </div>
  416.                 {% endblock %}
  417.             {% endif %}
  418.         </div>
  419.     </div>
  421.     {% block layout_footer_bottom %}
  422.         <div class="container py-4">
  423.             <div class="footer-bottom">
  424.                 {% block cleue_footer_servicenav %}
  425.                     <div class="d-none d-md-block text-center mb-5">
  426.                         <ul class="list-unstyled list-inline rhweb-footer-service-nav">
  427.                             {% for category in page.header.serviceMenu %}
  428.                                 {% set externalLink = category.translated.externalLink %}
  429.                                 <li class="list-inline-item">
  430.                                     <a class="top-bar-list-item dropdown-item"
  431.                                        href="{% if externalLink %}{{ externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: category.id }) }}{% endif %}"
  432.                                        title="{{ category.translated.name }}">{{ category.translated.name }}</a>
  433.                                 </li>
  434.                             {% endfor %}
  435.                         </ul>
  436.                     </div>
  437.                 {% endblock %}
  439.                 {% block layout_footer_vat %}
  440.                     <div class="text-center">
  441.                         {{ parent() }}
  442.                     </div>
  443.                 {% endblock %}
  445.                 {% block rhweb_layout_footer_copyright %}
  446.                     <div class="py-md-3">
  447.                         <div class="text-center">
  448.                             {{ "capriceTheme.footer.credits"|trans|sw_sanitize }} | Theme by <a href="https://rh-webdesign.com" rel="noopener" target="_blank"><u>RH-Webdesign</u></a>
  449.                         </div>
  450.                     </div>
  451.                 {% endblock %}
  452.             </div>
  453.         </div>
  454.     {% endblock %}
  455. {% endblock %}