templates/snippets/newsletter-info.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2.     {{ include('layout/partials/css.html.twig') }}
  3. {%  endif %}
  4. {% embed 'includes/editmode-box.html.twig' %}
  5.     {% block editmodeSettings %}
  6.         {{ pimcore_relations('usps', {
  7.             'types' : [ 'object' ],
  8.             'subtypes' : { 'object' : [ 'object' ] },
  9.             'classes': ['USP'],
  10.             'title': '3 USP Objects',
  11.             'reload': true
  12.         }) }}
  13.         <br>
  14.         {{ pimcore_checkbox('hasBackgroundImg', {
  15.             'label': 'Show Background Image?',
  16.             'reload': true
  17.         }) }}
  18.         <br><br>
  19.         Link to Newsletter:
  20.         {{ pimcore_link('newsletterLink') }}
  21.     {% endblock %}
  22. {% endembed %}
  23. {% set siteConfig = getSiteConfig() %}
  24. {% set isPortal = app.request.get('isPortal') %}
  26. <section class="newsletter-info {{ isPortal|default(false) ? 'newsletter-info--has-bg' : '' }} {{ app.request.get('classNames')|default('') }}">
  27.     {% if isPortal|default(false) %}
  28.         <div class="bg-mountain-img-wrapper--relative">
  29.             {% if siteConfig.fallbackImage %}
  30.                 {{ siteConfig.fallbackImage.thumbnail('bg-mountain-img').getHtml({
  31.                     'imgAttributes': {
  32.                         'class': 'bg-mountain-img img-fluid js-lazy-img'
  33.                     },
  34.                     'lowQualityPlaceholder': true
  35.                 })|raw }}
  36.             {% endif %}
  38.             {% if siteConfig.clouds %}
  39.                 {{ siteConfig.clouds.thumbnail('citation-clouds').getHtml({
  40.                     'imgAttributes': {
  41.                         'class': 'js-lazy-img bg-mountain-img__clouds js-parallax',
  42.                         'data-parallax-y-value': '-400'
  43.                     },
  44.                     'lowQualityPlaceholder': true
  45.                 })|raw }}
  46.             {% endif %}
  47.         </div>
  48.     {% endif %}
  49.     <div class="newsletter-info__content js-parallax" data-parallax-y-value="200">
  50.         <div class="row gy-md-0 gy-80 gx-md-6">
  51.             <div class="col-md-6">
  52.                 {{ include('includes/title-blocks/title-block.html.twig', {'prefix': 'newsletterInfo' }, with_context = false) }}
  54.                 {% if not pimcore_link('newsletterLink').empty %}
  55.                     {% set trackingKey = 'click-newsletter-subscription' %}
  56.                     {% set trackingData = {
  57.                         "trigger": "click",
  58.                         "datalayer": {
  59.                             "event": "click_newsletter_subscribe",
  60.                         }
  61.                     } %}
  63.                     {% do jsConfig('_trackingData').add({
  64.                         (trackingKey): trackingData
  65.                     }) %}
  68.                     <a href="{{ pimcore_link('newsletterLink').href }}" class="cursor-pointer" target="{{ pimcore_link('newsletterLink').target }}" data-event-tracking-key="{{ trackingKey }}">
  69.                         {{ include('includes/form/newsletter-registration-input.html.twig',{
  70.                             'label': 'newsletter.register.email.label'|trans,
  71.                             'placeholder': 'newsletter.register.email'|trans,
  72.                             'inputAttributes': { 'readonly': 'readonly' },
  73.                         }, with_context = false) }}
  74.                     </a>
  75.                 {% endif %}
  76.             </div>
  77.             <div class="col-md-6">
  78.                 {{ include('includes/title-blocks/title-block.html.twig', {'prefix': 'upsTitle' }, with_context = false) }}
  79.                 <ul class="list-unstyled row usp-list gx-3 gy-md-3 gy-2 mt-4">
  80.                     {% for usp in pimcore_relations('usps')|slice(0, 3) %}
  81.                         <li class="usp-item col-md-auto">
  82.                             <div class="circle-icon">
  83.                                 <span class="icon icon-{{ usp.icon }} circle-icon__icon" aria-hidden="true"></span>
  84.                             </div>
  85.                             <div class="usp-item__text">
  86.                                 {% if usp.textBold == 'subtitle' %}
  87.                                     {{ usp.title|raw }} <strong>{{ usp.subTitle|raw }}</strong>
  88.                                 {% else %}
  89.                                     <strong>{{ usp.title|raw }}</strong> {{ usp.subTitle|raw }}
  90.                                 {% endif %}
  91.                             </div>
  92.                         </li>
  93.                     {% endfor %}
  94.                 </ul>
  95.                 {{ include('includes/content/button.html.twig', { 'buttonModifier': 'mt-4', 'trackingKey': 'click-buy-tickets-teaser' }, with_context = false) }}
  96.             </div>
  97.         </div>
  98.     </div>
  99. </section>