templates/products/product-teaser-block.html.twig line 1

Open in your IDE?
  1. {# <div class="panel" data-color="#000" data-firstline="Read" data-secondline="Story">
  2.     <div class="panel-content-wrapper">
  3.         <div class="panel-image">
  4.             <a class="ajax-link" href="/product#{{product.url}}" data-type="page-transition">
  5.                 {% if product.listingImage %}
  6.                     {{product.listingImage.thumbnail('641x641').getHtml({imgAttributes: {class: '',alt:product.listingImageAltTag}})|raw}}
  7.                 {% endif %}
  8.             </a>
  9.         </div>
  10.         <div class="panel-content">
  11.             <div class="entry-meta entry-categories">
  12.                 <ul class="post-categories">
  13.                     <li class="link">
  14.                         <a href="/product#{{product.url}}">
  15.                             <span data-hover="Insights">{{product.tagline}}</span>
  16.                         </a>
  17.                     </li>
  18.                 </ul>
  19.             </div>
  20.             <div class="news-panel-title">
  21.                 <span>{{product.name}}</span>
  22.             </div>
  23.             <p class="news-panel-desc" class="has-animation" data-delay="0">
  24.                 {{product.shortDescription}}
  25.             </p>
  26.         </div>
  27.     </div>
  28. </div> #}
  30. {% set device = pimcore_device('desktop') %}
  31. {% if device.isPhone() %}
  33. <div class="swiper-slide trigger-item" onclick="location.href='/product#{{product.url}}';" style="cursor: pointer;">
  34.                         <div class="img-mask">
  35.                             <div class="section-image">
  37.                             {% if product.listingImage %}
  38.                     {{product.listingImage.thumbnail('641x641').getHtml({imgAttributes: {class: 'item-image grid__item-img',alt:product.listingImageAltTag}})|raw}}
  39.                 {% endif %}
  40.                                 {# <img src="/products/listing%20images/960/image-thumb__960__641x641/safaintranet.jpg" class="item-image grid__item-img" alt=""> #}
  41.                             </div>
  42.                         </div>
  43.                         <div class="outer">
  44.                             <div class="inner">
  45.                                 <div class="slide-subtitle">
  46.                                     <span>{{product.tagline}}</span>
  47.                                     
  48.                                 </div>
  49.                                 <div class="slide-title-wrapper">
  50.                                     <div class="slide-title trigger-item-link" data-color="#95121e" data-firstline="View" data-secondline="Project">
  51.                                         
  52.                                         <span>{{product.name}}</span>
  53.                                         <p  class="homeSliderDesc-2">
  54.                                             {{product.shortDescription}}
  55.                                         </p>
  56.                                           
  57.                                     </div>
  58.                                     <a class="slide-link" data-type="page-transition" href="#"></a>
  59.                                 </div>
  60.                             </div>
  61.                         </div>
  62.                     </div>
  66. {% else %}
  67. <div class="col-lg-3" onclick="location.href='/product#{{product.url}}';" style="cursor: pointer;">
  68.                 <div class="swiperNewImages">
  69.                     {# <img src="./assets/images/04hero.png" alt="" class="img-fluid"> #}
  71.                     {% if product.listingImage %}
  72.                     {{product.listingImage.thumbnail('641x641').getHtml({imgAttributes: {class: 'img-fluid',alt:product.listingImageAltTag}})|raw}}
  73.                 {% endif %}
  74.                         <div class="outerNew">
  75.                             <div class="img-subtitle">
  76.                                 <span>{{product.tagline}}</span>
  77.                             </div>
  78.                             <div class="img-title">
  79.                                 <span>{{product.name}}</span>
  80.                             </div>
  81.                             <div class="img-Desc">
  82.                                 <p>{{product.shortDescription}}
  83.                                 </p>
  84.                             </div>
  85.                         </div>
  86.                     </div>
  87.             </div>
  89.             {% endif %}