templates/snippets/partials/footer-main.html.twig line 1

Open in your IDE?
  1. {% set firstLinkList = pimcore_block('firstLinkBlock').indices > 0 %}
  2. <div class="footer-main">
  3.     <div class="container">
  4.         <div class="row">
  5.             {% if firstLinkList|default(false) %}
  6.                 <div class="col-md-4">
  7.                     <ul class="list-unstyled footer-main__link-list">
  8.                         {% for element in pimcore_block('firstLinkBlock').iterator %}
  10.                             {% set trackingKey = 'click-footer-' ~ pimcore_link('link').getText()|replace({' ': '_'})|lower | default %}
  11.                             {% set trackingData = {
  12.                                 "trigger": "click",
  13.                                 'datalayer': {
  14.                                     'event': 'click_footer',
  15.                                     'click_item': pimcore_link('link').getText()|default,
  16.                                     'click_url': pimcore_link('link').getHref()|default,
  17.                                     'category': 'footer_links',
  18.                                 }
  19.                             } %}
  21.                             {% do jsConfig('_trackingData').add({
  22.                                 (trackingKey): trackingData
  23.                             }) %}
  25.                             <li>
  26.                                 {{ pimcore_link('link', {
  27.                                     'class': 'footer-main__link-list-link',
  28.                                     'data-event-tracking-key': trackingKey,
  29.                                 }) }}
  30.                             </li>
  31.                         {% endfor %}
  32.                     </ul>
  33.                 </div>
  34.             {% endif %}
  35.             <div class="{{ firstLinkList ? 'col-md-4  d-flex align-items-center justify-content-center': 'col-md-6' }}">
  36.                 {% if editmode or not pimcore_image('logo').empty %}
  37.                     {{ pimcore_image('logo', {
  38.                         'thumbnail': 'footer-logo',
  39.                         'imgAttributes': {
  40.                             'class': 'js-lazy-img footer-main__logo img-fluid',
  41.                             'loading': 'lazy'
  42.                         },
  43.                         'disableWidthHeightAttributes': true,
  44.                         'lowQualityPlaceholder': true,
  45.                         'width': 220
  46.                     })|raw }}
  47.                 {% endif %}
  48.             </div>
  49.             <div class="{{ firstLinkList ? 'col-md-4': 'col-md-6' }} align-items-center d-md-flex justify-content-end">
  50.                 <ul class="list-unstyled footer-main__link-list asdfasdf">
  51.                     {% for element in pimcore_block('secondLinkBlock').iterator %}
  53.                         {% set trackingKey = 'click-footer-' ~ pimcore_link('link').getText()|replace({' ': '_'})|lower | default %}
  54.                         {% set trackingData = {
  55.                             "trigger": "click",
  56.                             'datalayer': {
  57.                                 'event': 'click_footer',
  58.                                 'click_item': pimcore_link('link').getText()|default,
  59.                                 'click_url': pimcore_link('link').getHref()|default,
  60.                                 'category': 'footer_links',
  61.                             }
  62.                         } %}
  64.                         {% do jsConfig('_trackingData').add({
  65.                             (trackingKey): trackingData
  66.                         }) %}
  69.                         <li>
  70.                             {{ pimcore_link('link', {
  71.                                 'class': 'footer-main__link-list-link',
  72.                                 'data-event-tracking-key': trackingKey,
  73.                             }) }}
  74.                         </li>
  75.                     {% endfor %}
  76.                 </ul>
  77.             </div>
  78.         </div>
  79.     </div>
  80. </div>