{% if editmode %} {{ include('layout/includes/css.html.twig') }}{% endif %}{% set award = pimcore_snippet('footer-slider1') |default(null) %}{% set certificate = pimcore_snippet('footer-slider2') |default(null) %}{% set config = document.property('siteConfig') | default(null) %}<footer> {% embed 'global/editmode-settings.html.twig' %} {% block additionalInfo %} <div> <label> {{ pimcore_checkbox('show-newsletter') }} show newsletter registration? </label> </div> {% endblock %} {% endembed %} <div class="footer"> {% if award or certificate %} <div class="footer__slider"> <div class="row">{# when award & certificate is filled #} {% if award and certificate%} <div class="col-md-6 col-12 p-0"> {{ pimcore_snippet('footer-slider1') }} </div> <div class="col-md-6 col-12 p-0"> {{ pimcore_snippet('footer-slider2') }} </div>{# when award or certificate is empty only display one#} {% elseif award and not certificate%} <div class="col-12 p-0"> {{ pimcore_snippet('footer-slider1') }} </div> {% elseif not award and certificate %} <div class="col-12 p-0"> {{ pimcore_snippet('footer-slider2') }} </div> {% endif %} </div> </div> {% endif %} <div class="footer__main"> <div class="container"> <div class="row"> <div class="offset-lg-1 col-lg-7"> {% if config and config.newsletterDocument and pimcore_checkbox('show-newsletter').checked %} <div class="footer__form"> <div class="h4 text-center text-lg-start">{{ pimcore_input('newsletter-headline') }}</div> <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"> <div class="footer__form-group mx-auto mx-lg-0"> {{ include('includes/form/form-control.html.twig', { styleModifier:'w-50 w-lg-100 position-relative', inputModifier:'form-control--outline-white', label:'E-Mail', id:'email-newsletter', name:'email', type: 'email', placeholder:'E-Mail', required:false, floating:true, }) }} <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> </div> </form> </div> {% endif %} </div> <div class="col-lg-4"> <div class="footer__follow"> <div class="footer__follow-inner"> <div class="h4 text-center text-lg-start">{{ pimcore_input('social-footer-headline') }}</div> <ul class="sharing sharing--light justify-content-center"> {% for i in pimcore_block('socialBlock').iterator %} {% embed 'global/editmode-settings.html.twig' %} {% block additionalInfo %} <div> <label> Icon {{ pimcore_select('social-icon', { "store": [ ["facebook", "Facebook"], ["xing", "Xing"], ["youtube", "Youtube"], ["instagram", "Instagram"], ["vimeo", "Vimeo"], ["pinterest", "Pinterest"], ["linkedin", "Linkedin"], ], "defaultValue" : "facebook" }) }} </label> </div> <div>Social Link: {{ pimcore_link('social-link') }}</div> {% endblock %} {% endembed %} {% if not editmode %} <li> <a href="{{ pimcore_link('social-link').href }}" target="{{ pimcore_link('social-link').target }}" data-event-tracking-event="social_media_click" data-event-tracking-click_url="{{ pimcore_link('social-link').href }}" aria-label="{{ pimcore_select('social-icon').data }}" title="{{ pimcore_select('social-icon').data }}"> <span class="icon icon-{{ pimcore_select('social-icon').data }}" aria-hidden="true"></span> </a> </li> {% endif %} {% endfor %} </ul> </div> </div> </div> </div> </div> </div> <div class="footer__bar"> <div class="container"> <div class="d-lg-flex align-items-center"> <div class="footer__menu"> {% if editmode %} <div class="alert alert-info"> Left Side </div> {% endif %} <ul class="footer__list"> {% for i in pimcore_block('footerLinksBlock').iterator %} <li> {% if editmode %} {{ pimcore_link('footer-link', { class: 'footer__link' }) }} {% else %} <a href="{{ pimcore_link('footer-link').href }}" target="{{ pimcore_link('footer-link').target }}" class="footer__link"> <span class="footer__link-text">{{ pimcore_link('footer-link').text }}</span> </a> {% endif %} </li> {% endfor %} {% if not editmode %} {% set translations = getDocumentTranslations(app.request.get('mainDocId'), app.request, document.property('lngSwitchRequest') ?? null) %} {% if not translations is empty %} <li> <div class="dropup btn-group"> <button class="footer__link dropdown-toggle hide-arrow" type="button" id="dropdown-menu-select-language" data-bs-toggle="dropdown" aria-expanded="false"> <span class="footer__link-text">{{ 'footer.language'|trans }}: {{ ('global.language.' ~ app.request.locale)|trans }}</span> <div class="footer__link-icon"> <span class="icon icon-arrow-down-alt"></span> </div> </button> <ul class="dropdown-menu dropdown-menu-end right" aria-labelledby="dropdown-menu-select-language"> {% for link, lang in translations %} {% if lang != app.request.get('mainDocId') %} <li><a class="dropdown-item" href="{{ link }}">{{ lang.text }}</a></li> {% endif %} {% endfor %} </ul> </div> </li> {% endif %} {% endif %} </ul> </div> {% if editmode %} <div class="alert alert-info"> Right Side </div> {% endif %} <div class="footer__legal"> <ul class="footer__list"> {% for i in pimcore_block('footerLinksRightBlock').iterator %} <li> {% if editmode %} {{ pimcore_link('footer-link', { class: 'footer__link' }) }} {% else %} <a href="{{ pimcore_link('footer-link').href }}" target="{{ pimcore_link('footer-link').target }}" class="footer__link"> <span class="footer__link-text">{{ pimcore_link('footer-link').text }}</span> </a> {% endif %} </li> {% endfor %} </ul> </div> </div> </div> </div> </div></footer>