templates/includes/intro-blocks/live-intro-block.html.twig line 1

Open in your IDE?
  1. {% do elements_opengraph().addImage(getSiteConfig().fallbackImage) %}
  2. {% set block = pimcore_block('linkblock', { 'limit': 4, 'manual': true }).start() %}
  3. <section class="shop-portal-intro {{ className|default('content-block container') }}">
  4.     <div class="row gy-5 gy-md-0">
  5.         <div class="col-xl-5 col-md-7">
  6.             {{ include('includes/title-blocks/main-title-block.html.twig', with_context = false) }}
  7.             {{ breadcrumbHelper() }}
  8.         </div>
  9.         <div class="col-xl-4 col-md-5 mt-32 ms-auto js-scroll-buttons__group">
  10.             <ul class="list-unstyled link-list--live-intro row link-list gx-md-3 gy-md-3 g-0 js-scroll-buttons__scrollable-container">
  11.                 {% for element in block.iterator %}
  12.                     {% do block.blockConstruct() %}
  13.                     <li class="col-7 col-md-6">
  14.                         {% do block.blockStart() %}
  15.                             {% if editmode %}
  16.                                 {{ pimcore_link('link', { 'class': 'link-list-item' }) }}
  17.                             {% elseif not pimcore_link('link').empty %}
  18.                                 {% set trackingKey = pimcore_link('link').text|replace({' ': '_'})|lower %}
  19.                                 {% set trackingData = {
  20.                                     "trigger": "click",
  21.                                     'datalayer': {
  22.                                         'event': 'click_introbox_buttons',
  23.                                         'click_item': trackingKey,
  24.                                         'click_url': pimcore_link('link').href
  25.                                     }
  26.                                 } %}
  28.                                 {% do jsConfig('_trackingData').add({
  29.                                     (trackingKey): trackingData
  30.                                 }) %}
  32.                                 <a href="{{ pimcore_link('link').href }}" class="link-list-item" target="{{ pimcore_link('link').target }}" data-event-tracking-key="{{ trackingKey }}">
  33.                                     <span>
  34.                                         {{ pimcore_link('link').text }}
  35.                                     </span>
  36.                                     <span class="icon icon-arrow-right link-list-item__icon" aria-hidden="true"></span>
  37.                                 </a>
  38.                             {% endif %}
  39.                         {% do block.blockEnd() %}
  40.                     </li>
  41.                     {% do block.blockDestruct() %}
  42.                 {% endfor %}
  43.             </ul>
  45.             <div class="scroll-buttons pe-0 scroll-buttons--less-space js-scroll-buttons d-md-none">
  46.                 <button class="btn-no-styling scroll-buttons__button js-scroll-buttons--left" disabled aria-label="scroll left">
  47.                     <i class="icon icon-arrow-right icon-rotate-180"></i>
  48.                 </button>
  50.                 <button class="btn-no-styling scroll-buttons__button js-scroll-buttons--right" aria-label="scroll right">
  51.                     <i class="icon icon-arrow-right"></i>
  52.                 </button>
  53.             </div>
  54.         </div>
  55.         {% if editmode or not pimcore_wysiwyg('intro').empty %}
  56.             <div class="col-md-6 mt-48 mt-md-0">
  57.                 <div class="wysiwyg">
  58.                     {{ pimcore_wysiwyg('intro', { 'placeholder': 'Text' })|raw }}
  59.                 </div>
  60.                 {% for i in 1..2 %}
  61.                     {{ include('includes/content/button.html.twig', { 'buttonModifier': 'me-2 mt-4', 'prefix': i, 'noDiv': true }) }}
  62.                 {% endfor %}
  63.             </div>
  64.         {% endif %}
  65.     </div>
  66. </section>
  67. {% do block.end() %}