templates/snippets/footer.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2.     {{ include('layout/includes/css.html.twig') }}
  3. {% endif %}
  4. {% set award = pimcore_snippet('footer-slider1') |default(null) %}
  5. {% set certificate = pimcore_snippet('footer-slider2') |default(null) %}
  6. {% set config = document.property('siteConfig') | default(null) %}
  7. <footer>
  8.     {% embed 'global/editmode-settings.html.twig' %}
  9.         {% block additionalInfo %}
  10.             <div>
  11.                 <label>
  12.                     {{ pimcore_checkbox('show-newsletter') }} show newsletter registration?
  13.                 </label>
  14.             </div>
  15.         {% endblock %}
  16.     {% endembed %}
  17.     <div class="footer">
  18.         {% if award or certificate %}
  19.         <div class="footer__slider">
  20.             <div class="row">
  21. {#                 when award & certificate is filled #}
  22.                 {% if award and certificate%}
  23.                 <div class="col-md-6 col-12 p-0">
  24.                     {{ pimcore_snippet('footer-slider1') }}
  25.                 </div>
  26.                 <div class="col-md-6 col-12 p-0">
  27.                     {{ pimcore_snippet('footer-slider2') }}
  28.                 </div>
  29. {#                    when award or certificate is empty only display one#}
  30.                 {% elseif award and not certificate%}
  31.                 <div class="col-12 p-0">
  32.                     {{ pimcore_snippet('footer-slider1') }}
  33.                 </div>
  34.                 {% elseif not award and certificate %}
  35.                 <div class="col-12 p-0">
  36.                     {{ pimcore_snippet('footer-slider2') }}
  37.                 </div>
  38.                 {% endif %}
  39.             </div>
  40.         </div>
  41.         {% endif %}
  42.         <div class="footer__main">
  43.             <div class="container">
  44.                 <div class="row">
  45.                     <div class="offset-lg-1 col-lg-7">
  46.                         {% if config and config.newsletterDocument and pimcore_checkbox('show-newsletter').checked %}
  47.                             <div class="footer__form">
  48.                                 <div class="h4 text-center text-lg-start">{{ pimcore_input('newsletter-headline') }}</div>
  49.                                 <form class="js-form-validation js-action-changer row vertical-gutter gy-5" action="/404" data-action="{{ config.newsletterDocument }}" data-form-tracking="click_newsletter_footer">
  50.                                     <div class="footer__form-group mx-auto mx-lg-0">
  51.                                         {{ include('includes/form/form-control.html.twig', {
  52.                                             styleModifier:'w-50 w-lg-100 position-relative',
  53.                                             inputModifier:'form-control--outline-white',
  54.                                             label:'E-Mail',
  55.                                             id:'email-newsletter',
  56.                                             name:'email',
  57.                                             type: 'email',
  58.                                             placeholder:'E-Mail',
  59.                                             required:false,
  60.                                             floating:true,
  61.                                         }) }}
  62.                                         <button type="submit" class="btn btn-white btn--no-transition w-50 w-lg-auto"><span class="btn__text">{{ 'footer.register-now'|trans }}</span></button>
  63.                                     </div>
  64.                                 </form>
  65.                             </div>
  66.                         {% endif %}
  67.                     </div>
  68.                     <div class="col-lg-4">
  69.                         <div class="footer__follow">
  70.                             <div class="footer__follow-inner">
  71.                                 <div class="h4 text-center text-lg-start">{{ pimcore_input('social-footer-headline') }}</div>
  72.                                 <ul class="sharing sharing--light justify-content-center">
  73.                                     {% for i in pimcore_block('socialBlock').iterator %}
  74.                                         {% embed 'global/editmode-settings.html.twig' %}
  75.                                             {% block additionalInfo %}
  76.                                                 <div>
  77.                                                     <label>
  78.                                                         Icon
  79.                                                         {{ pimcore_select('social-icon', {
  80.                                                             "store": [
  81.                                                                 ["facebook", "Facebook"],
  82.                                                                 ["xing", "Xing"],
  83.                                                                 ["youtube", "Youtube"],
  84.                                                                 ["instagram", "Instagram"],
  85.                                                                 ["vimeo", "Vimeo"],
  86.                                                                 ["pinterest", "Pinterest"],
  87.                                                                 ["linkedin", "Linkedin"],
  88.                                                             ],
  89.                                                             "defaultValue" : "facebook"
  90.                                                         }) }}
  91.                                                     </label>
  92.                                                 </div>
  93.                                                 <div>Social Link: {{ pimcore_link('social-link') }}</div>
  94.                                             {% endblock %}
  95.                                         {% endembed %}
  96.                                         {% if not editmode %}
  97.                                             <li>
  98.                                                 <a href="{{ pimcore_link('social-link').href }}"
  99.                                                    target="{{ pimcore_link('social-link').target }}"
  100.                                                    data-event-tracking-event="social_media_click"
  101.                                                    data-event-tracking-click_url="{{ pimcore_link('social-link').href }}"
  102.                                                    aria-label="{{ pimcore_select('social-icon').data }}"
  103.                                                    title="{{ pimcore_select('social-icon').data }}">
  104.                                                     <span class="icon icon-{{ pimcore_select('social-icon').data }}" aria-hidden="true"></span>
  105.                                                 </a>
  106.                                             </li>
  107.                                         {% endif %}
  108.                                     {% endfor %}
  109.                                 </ul>
  110.                             </div>
  111.                         </div>
  112.                     </div>
  113.                 </div>
  114.             </div>
  115.         </div>
  116.         <div class="footer__bar">
  117.             <div class="container">
  118.                 <div class="d-lg-flex align-items-center">
  119.                     <div class="footer__menu">
  120.                         {% if editmode %}
  121.                             <div class="alert alert-info">
  122.                                 Left Side
  123.                             </div>
  124.                         {% endif %}
  125.                         <ul class="footer__list">
  126.                             {% for i in pimcore_block('footerLinksBlock').iterator %}
  127.                                 <li>
  128.                                     {% if editmode %}
  129.                                         {{ pimcore_link('footer-link', {
  130.                                             class: 'footer__link'
  131.                                         }) }}
  132.                                     {% else %}
  133.                                         <a href="{{ pimcore_link('footer-link').href }}" target="{{ pimcore_link('footer-link').target }}" class="footer__link">
  134.                                             <span class="footer__link-text">{{ pimcore_link('footer-link').text }}</span>
  135.                                         </a>
  136.                                     {% endif %}
  137.                                 </li>
  138.                             {% endfor %}
  139.                             {% if not editmode %}
  140.                                 {% set translations = getDocumentTranslations(app.request.get('mainDocId'), app.request, document.property('lngSwitchRequest') ?? null) %}
  141.                                 {% if not translations is empty  %}
  142.                                     <li>
  143.                                         <div class="dropup btn-group">
  144.                                             <button class="footer__link dropdown-toggle hide-arrow" type="button" id="dropdown-menu-select-language" data-bs-toggle="dropdown" aria-expanded="false">
  145.                                                 <span class="footer__link-text">{{ 'footer.language'|trans }}: {{ ('global.language.' ~ app.request.locale)|trans }}</span>
  146.                                                 <div class="footer__link-icon">
  147.                                                     <span class="icon icon-arrow-down-alt"></span>
  148.                                                 </div>
  149.                                             </button>
  150.                                             <ul class="dropdown-menu dropdown-menu-end right" aria-labelledby="dropdown-menu-select-language">
  151.                                                 {% for link, lang in translations %}
  152.                                                     {% if lang != app.request.get('mainDocId') %}
  153.                                                         <li><a class="dropdown-item" href="{{ link }}">{{ lang.text }}</a></li>
  154.                                                     {% endif %}
  155.                                                 {% endfor %}
  156.                                             </ul>
  157.                                         </div>
  158.                                     </li>
  159.                                 {% endif %}
  160.                             {% endif %}
  161.                         </ul>
  162.                     </div>
  163.                     {% if editmode %}
  164.                         <div class="alert alert-info">
  165.                             Right Side
  166.                         </div>
  167.                     {% endif %}
  168.                     <div class="footer__legal">
  169.                         <ul class="footer__list">
  170.                             {% for i in pimcore_block('footerLinksRightBlock').iterator %}
  171.                                 <li>
  172.                                     {% if editmode %}
  173.                                         {{ pimcore_link('footer-link', {
  174.                                             class: 'footer__link'
  175.                                         }) }}
  176.                                     {% else %}
  177.                                         <a href="{{ pimcore_link('footer-link').href }}" target="{{ pimcore_link('footer-link').target }}" class="footer__link">
  178.                                             <span class="footer__link-text">{{ pimcore_link('footer-link').text }}</span>
  179.                                         </a>
  180.                                     {% endif %}
  181.                                 </li>
  182.                             {% endfor %}
  183.                         </ul>
  184.                     </div>
  185.                 </div>
  186.             </div>
  187.         </div>
  188.     </div>
  189. </footer>