templates/includes/product/detail-sideInfo.html.twig line 1

Open in your IDE?
  1. {% set parentUrl = parentUrl|default('') %}
  2. {% set category = category|default(null) %}
  3. {% set contact = contact|default(null) %}
  4. {% set model = model|default('') %}
  5. {% set brand = brand|default('') %}
  6. {% set downloads = downloads|default(null) %}
  8. <div class="detail-info">
  9.     {% if parentUrl %}
  10.         <a href="{{ parentUrl }}" class="back-link">
  11.             <span aria-hidden="true" class="icon icon-arrow icon-arrow-left--secondary"></span>
  12.             <span>{{ 'product.detail.BackToOverview'|trans }}</span>
  13.         </a>
  14.     {% endif %}
  15.     <div class="detail-info__title-block">
  16.         {% if category %}
  17.             <div class="detail-info__category">
  18.                 <span class="text-gradient-primary">{{ category.getDisplayTitle(app.request.locale) }}</span>
  19.             </div>
  20.         {% endif %}
  22.         <span class="text-muted">{{ 'product.detail.Modell'|trans }}</span>
  23.         <h1 class="detail-info__title js-toc__title h2">{{ model }}</h1>
  25.         {% if brand %}
  26.             <div class="detail-info__brand">
  27.                 <span class="text-muted">{{ 'product.detail.Brand'|trans }}</span>
  28.                 <h3 class="detail-info__brand-text">{{ brand }}</h3>
  29.             </div>
  30.         {% endif %}
  31.     </div>
  32.     <div class="d-flex flex-column detail-info__contact">
  33.         <span class="{{ contact ? 'detail-info__subtitle' : 'text-muted' }}">{{ 'product.detail.Intrest?'|trans }}</span>
  34.         {% if contact %}
  35.             <div class="detail-info__contact-content">
  36.                 {{ 'product.detail.ContactUs'|trans }}
  37.             </div>
  38.             <div class="contact-container d-flex flex-column">
  39.                 <h3 class="detail-info__contact-text">
  40.                     {% if contact.gender %}
  41.                         {{ ('contact.gender.Abbreviation-' ~ contact.gender)|trans }}
  42.                     {% endif %}
  43.                     {{ contact.gender ? ' ' ~ contact.pretitle : contact.pretitle }}
  44.                     {{ ' ' ~ contact.firstname|default('') ~ " " ~ contact.name|default('') }}
  45.                     {{- contact.posttitle ? ', ' ~ contact.posttitle -}}
  46.                 </h3>
  47.                 <div class="d-flex align-items-center mt-2">
  48.                     {% if contact.image is not empty %}
  49.                         <div class="detail__contact-img  me-3">
  50.                             {{ contact.image.thumbnail('detail-contact-person').getHtml({
  51.                                 imgAttributes: {
  52.                                     class: 'js-lazy-img contact-person-img',
  53.                                 },
  54.                                 lowQualityPlaceholder: true,
  55.                             })|raw }}
  56.                         </div>
  57.                     {% endif %}
  58.                     <div>
  59.                         {% if contact.phone %}
  60.                             <a href="tel:{{ contact.phone }}"
  61.                                class="btn btn-lg btn-primary me-2 mb-1"
  62.                                data-event-tracking-event="product_contact"
  63.                                data-event-tracking-product_brand="{{ brand }}"
  64.                                data-event-tracking-product_variant="{{ model }}"
  65.                                data-event-tracking-product_category="{{ category }}"
  66.                                data-event-tracking-category="Telefon"
  67.                                data-event-tracking-click_item="{{ contact.phone }}"
  68.                                >
  69.                                 <span aria-hidden="true" class="icon icon-phone"></span>
  70.                                 {{ contact.phone }}
  71.                             </a>
  72.                         {% endif %}
  73.                         {% if contact.secondPhone %}
  74.                             <a href="tel:{{ contact.secondPhone }}"
  75.                                class="btn btn-lg btn-primary me-2 mb-1"
  76.                                data-event-tracking-event="product_contact"
  77.                                data-event-tracking-product_brand="{{ brand }}"
  78.                                data-event-tracking-product_variant="{{ model }}"
  79.                                data-event-tracking-product_category="{{ category }}"
  80.                                data-event-tracking-category="Telefon"
  81.                                data-event-tracking-click_item="{{ contact.secondPhone }}"
  82.                             >
  83.                                 <span aria-hidden="true" class="icon icon-phone"></span>
  84.                                 {{ contact.secondPhone }}
  85.                             </a>
  86.                         {% endif %}
  87.                         {% if contact.email %}
  88.                             {% if product is instanceof('\\Pimcore\\Model\\DataObject\\Product') %}
  89.                                 {% set name = product.title %}
  90.                             {% elseif product is instanceof('\\Pimcore\\Model\\DataObject\\MascusProduct') %}
  91.                                 {% set name = product.name %}
  92.                             {% elseif product is instanceof('\\Pimcore\\Model\\DataObject\\Forklift') %}
  93.                                 {% set name = product.model %}
  94.                             {% endif %}
  96.                                                         <a href="mailto:{{ contact.email }}?subject={{ 'product.detail.EmailSubject'|trans ~ ' ' ~ name }}
  97.                             &body={{ 'product.detail.EmailBody'|trans ~ ' ' ~  elements_host_url() ~ detailUrl ~ '%0D%0A %0D%0A' ~
  98.                                 'product.detail.EmailBody.Intro'|trans ~ '%0D%0A' ~
  99.                                 'product.detail.EmailBody.Intro2'|trans ~ '%0D%0A' ~
  100.                                 '%09' ~ 'product.detail.EmailBody.Firstname'|trans ~ ': %0D%0A' ~
  101.                                 '%09' ~ 'product.detail.EmailBody.Lastname'|trans ~ ': %0D%0A' ~
  102.                                 '%09' ~ 'product.detail.EmailBody.Company'|trans ~ ': %0D%0A' ~
  103.                                 '%09' ~ 'product.detail.EmailBody.Phone'|trans ~ ': %0D%0A'
  104.                             }}"
  105.                                class="btn btn-lg btn-primary mb-1"
  106.                                data-event-tracking-event="product_contact"
  107.                                data-event-tracking-product_brand="{{ brand }}"
  108.                                data-event-tracking-product_variant="{{ model }}"
  109.                                data-event-tracking-product_category="{{ category }}"
  110.                                data-event-tracking-category="Email"
  111.                                data-event-tracking-click_item="{{ contact.email }}">
  112.                                 <span aria-hidden="true" class="icon icon-mail"></span>
  113.                                 {{ contact.email }}
  114.                             </a>
  115.                         {% endif %}
  116.                     </div>
  117.                 </div>
  118.             </div>
  119.         {% else %}
  120.             <a href="{{ siteConfig().getContactOverview(app.request.locale) ~ '?resort=' ~ document.getProperty('resort') }}" class="btn btn-lg btn-primary mt-3">{{ 'product.detail.FindContact'|trans }}</a>
  121.         {% endif %}
  122.     </div>
  123.     {% if downloads %}
  124.         <div class="d-flex flex-column">
  125.             <span  class="detail-info__subtitle mb-2">{{ 'product.detail.Downloads'|trans }}</span>
  126.             <ul class="list-unstyled">
  127.                 {% for download in downloads %}
  128.                     {% if download %}
  129.                         <li>
  130.                             <a href="{{ download }}" target="_blank" class="download d-flex align-items-center">
  131.                                 <span class="download__icon icon icon-download text-secondary me-2" aria-hidden="true"></span>
  132.                                 <span class="text-secondary font-bold">{{ download.metadata('title')|default('product.detail.OpenBrochure'|trans) }}</span>
  133.                                 <span class="text-muted ms-2 text-nowrap">({{ download.getMimetype()|split('/')|last|upper }}, {{ (download.getFileSize('kb')) }})</span>
  134.                             </a>
  135.                         </li>
  136.                     {% endif %}
  137.                 {% endfor %}
  138.             </ul>
  139.         </div>
  140.     {% endif %}
  141. </div>