templates/snippets/footer.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2.     {{ include('layout/includes/css.html.twig') }}
  4.     <div class="ms-auto">
  5.         {% embed 'includes/editmode-settings.html.twig' %}
  6.             {% block settings %}
  7.                 {{ pimcore_relations('teaser-cards', {
  8.                     title: 'Use Footer-Card-Snippets',
  9.                     types: ['document'],
  10.                     subtypes: {
  11.                         'document': ['snippet'],
  12.                     },
  13.                 }) }}
  14.             {% endblock %}
  15.         {% endembed %}
  16.     </div>
  17. {% endif %}
  19. <footer class="footer container js-render-template">
  20.     {% if not editmode %}
  21.         <template class="js-render-template__template">
  22.     {% endif %}
  23.         <div class="row gy-4 footer-wrapper">
  24.             <div class="row footer-wrapper__boxes gy-1">
  25.                 {% for teaserCard in pimcore_relations('teaser-cards') %}
  26.                     {{ pimcore_inc(teaserCard) }}
  27.                 {% endfor %}
  28.                 <div class="col-md-3">
  29.                     <div class="footer-wrapper__logo footer__container-logo">
  30.                         <img src="/static/img/kuhn-logo.svg" alt="Kuhn Logo" class="footer-logo__img">
  31.                     </div>
  32.                 </div>
  33.             </div>
  34.             <div class="footer-wrapper__news-links">
  35.                 <div class="row wrapper-news-links">
  36.                     <div class="col-md-8 order-2 order-md-1">
  37.                         <div class="row">
  38.                             <div class="col-md-4 footer-vertical-gutter">
  39.                                 <div class="footer__title">{{ pimcore_input('footer-title-1', {placeholder: 'Title text'}) }}</div>
  40.                                 <p class="footer__text">{{ pimcore_wysiwyg('footer-wysiwyg')|raw }}</p>
  41.                                 {% if editmode or not pimcore_link('footer-link').isEmpty() %}
  42.                                     {{ pimcore_link('footer-link', {
  43.                                         class: 'btn btn-dark',
  44.                                     }) }}
  45.                                 {% elseif siteConfig().newsletterLink %}
  46.                                     <a class="btn btn-dark"
  47.                                        href="{{ siteConfig().newsletterLink.href }}"
  48.                                        target="{{ siteConfig().newsletterLink.target }}"
  49.                                        data-event-tracking-event="click_newsletter_sign_up"
  50.                                        data-event-tracking-click_item="Zum Newsletter anmelden"
  51.                                        data-event-tracking-link_url="{{ siteConfig().newsletterLink.href }}">
  52.                                         {{ 'global.newsletter.subscribe'|trans }}
  53.                                     </a>
  54.                                 {% endif %}
  55.                             </div>
  56.                             <div class="col-md-8">
  57.                                 <div class="row wrapper-links">
  58.                                     <div class="col-6 col-md-5 offset-md-1 wrapper-links__company">
  59.                                         <div class="footer__title">{{ pimcore_input('footer-title-2', {placeholder: 'Title text'}) }}</div>
  60.                                         <ul class="footer__mainlinks list-unstyled">
  61.                                             {% for i in pimcore_block('footer-block-2').iterator %}
  62.                                                 <li>
  63.                                                     <div class="{{ not editmode ? 'footer__main-link' }}">
  64.                                                         {{ pimcore_link('footer_link',{
  65.                                                             'data-event-tracking-event': 'click_footer_textlink',
  66.                                                             'data-event-tracking-link_url': 'https' in pimcore_link('footer_link').href ? pimcore_link('footer_link').href : elements_host_url() ~ pimcore_link('footer_link').href,
  67.                                                             'data-event-tracking-click_item': pimcore_link('footer_link').text
  68.                                                             })
  69.                                                         }}
  70.                                                     </div>
  71.                                                 </li>
  72.                                             {% endfor %}
  73.                                         </ul>
  74.                                     </div>
  75.                                     <div class="col-6 col-md-5 offset-md-1 wrapper-links__contact">
  76.                                         <div class="footer__title">{{ pimcore_input('footer-title-3', {placeholder: 'Title text'}) }}</div>
  77.                                         <ul class="footer__mainlinks list-unstyled">
  78.                                             {% for i in pimcore_block('footer-block-3').iterator %}
  79.                                                 <li>
  80.                                                     <div class="{{ not editmode ? 'footer__main-link' }}">
  81.                                                         {{ pimcore_link('footer_link',{
  82.                                                             'data-event-tracking-event': 'click_footer_textlink',
  83.                                                             'data-event-tracking-link_url': 'https' in pimcore_link('footer_link').href ? pimcore_link('footer_link').href : elements_host_url() ~ pimcore_link('footer_link').href,
  84.                                                             'data-event-tracking-click_item': pimcore_link('footer_link').text
  85.                                                             })
  86.                                                         }}
  87.                                                     </div>
  88.                                                 </li>
  89.                                             {% endfor %}
  90.                                         </ul>
  91.                                     </div>
  92.                                 </div>
  93.                             </div>
  94.                         </div>
  95.                     </div>
  96.                     <div class="col-md-4 order-1 order-md-2 footer-vertical-gutter">
  97.                         <div class="footer-wrapper__social-links">
  98.                             <div class="footer__title footer__social-title">{{ pimcore_input('footer-title-4', {placeholder: 'Follow us on ..'}) }}</div>
  99.                             {% if editmode %}
  100.                                 <div class="editmode-box editmode-box--info">
  101.                                     Social Links are set in siteConfig-Object.
  102.                                 </div>
  103.                             {% endif %}
  104.                             <ul class="footer__social-container list-unstyled list-inline">
  105.                                 {% if siteConfig().facebook %}
  106.                                     <li class="list-inline-item social-li-item">
  107.                                         <a href="{{ siteConfig().facebook.path }}"
  108.                                            class="footer__social-link"
  109.                                            aria-label="Facebook"
  110.                                            target="_blank"
  111.                                            data-event-tracking-event="click_footer_social_media"
  112.                                            data-event-tracking-click_item="Facebook"
  113.                                            data-event-tracking-link_url="{{ siteConfig().facebook.path }}">
  114.                                             <span class="icon icon-facebook" aria-hidden="true"></span>
  115.                                         </a>
  116.                                     </li>
  117.                                 {% endif %}
  118.                                 {% if siteConfig().instagram %}
  119.                                     <li class="list-inline-item social-li-item">
  120.                                         <a href="{{ siteConfig().instagram.path }}"
  121.                                            class="footer__social-link"
  122.                                            aria-label="Instagram"
  123.                                            target="_blank"
  124.                                            data-event-tracking-event="click_footer_social_media"
  125.                                            data-event-tracking-click_item="Instagram"
  126.                                            data-event-tracking-link_url="{{ siteConfig().instagram.path }}">
  127.                                             <span class="icon icon-instagram" aria-hidden="true"></span>
  128.                                         </a>
  129.                                     </li>
  130.                                 {% endif %}
  131.                                 {% if siteConfig().xing %}
  132.                                     <li class="list-inline-item social-li-item">
  133.                                         <a href="{{ siteConfig().xing.path }}"
  134.                                            class="footer__social-link"
  135.                                            aria-label="Xing"
  136.                                            target="_blank"
  137.                                            data-event-tracking-event="click_footer_social_media"
  138.                                            data-event-tracking-click_item="Xing"
  139.                                            data-event-tracking-link_url="{{ siteConfig().xing.path }}">
  140.                                             <span class="icon icon-xing" aria-hidden="true"></span>
  141.                                         </a>
  142.                                     </li>
  143.                                 {% endif %}
  144.                                 {% if siteConfig().linkedIn %}
  145.                                     <li class="list-inline-item social-li-item">
  146.                                         <a href="{{ siteConfig().linkedIn.path }}"
  147.                                            class="footer__social-link"
  148.                                            aria-label="LinkedIn"
  149.                                            target="_blank"
  150.                                            data-event-tracking-event="click_footer_social_media"
  151.                                            data-event-tracking-click_item="LinkedIn"
  152.                                            data-event-tracking-link_url="{{ siteConfig().linkedIn.path }}">
  153.                                             <span class="icon icon-linkedin" aria-hidden="true"></span>
  154.                                         </a>
  155.                                     </li>
  156.                                 {% endif %}
  157.                                 {% if siteConfig().youtube %}
  158.                                     <li class="list-inline-item social-li-item">
  159.                                         <a href="{{ siteConfig().youtube.path }}"
  160.                                            class="footer__social-link"
  161.                                            aria-label="YouTube"
  162.                                            target="_blank"
  163.                                            data-event-tracking-event="click_footer_social_media"
  164.                                            data-event-tracking-click_item="YouTube"
  165.                                            data-event-tracking-link_url="{{ siteConfig().youtube.path }}">
  166.                                             <span class="icon icon-youtube" aria-hidden="true"></span>
  167.                                         </a>
  168.                                     </li>
  169.                                 {% endif %}
  170.                             </ul>
  171.                         </div>
  172.                     </div>
  173.                 </div>
  174.                 <div class="row gy-4 footer__container-sublinks">
  175.                     <ul class="col-md-6 mt-md-0 footer__sublinks-info list-unstyled list-inline">
  176.                         <li class="list-inline-item">
  177.                             <strong>{{ pimcore_input('footer-copyright', {placeholder: 'Copyright'}) }}</strong>
  178.                         </li>
  179.                         <li class="list-inline-item">{{ pimcore_input('footer-copyright-2', {placeholder: 'Kuhn'}) }}</li>
  180.                     </ul>
  181.                     <ul class="col-md-6 mt-md-0 footer__sublinks-data list-unstyled list-inline">
  182.                         {% for i in pimcore_block('dsgvo').iterator %}
  183.                             <li class="list-inline-item">
  184.                                 {% if editmode %}
  185.                                     {{ pimcore_link('footer-dsgvo', {class: 'footer__sub-link'}) }}
  186.                                 {% elseif not pimcore_link('footer-dsgvo').isEmpty() %}
  187.                                     {{ pimcore_link('footer-dsgvo',{
  188.                                         'class': 'footer__sub-link',
  189.                                         'data-event-tracking-event': 'click_footer_textlink',
  190.                                         'data-event-tracking-link_url': 'https' in pimcore_link('footer-dsgvo').href ? pimcore_link('footer-dsgvo').href : elements_host_url() ~ pimcore_link('footer-dsgvo').href,
  191.                                         'data-event-tracking-click_item': pimcore_link('footer-dsgvo').text,
  192.                                     })
  193.                                     }}
  194.                                 {% endif %}
  195.                             </li>
  196.                         {% endfor %}
  197.                     </ul>
  198.                 </div>
  199.             </div>
  200.         </div>
  201.     {% if not editmode %}
  202.         </template>
  203.     {% endif %}
  204. </footer>