src/AppBundle/Resources/views/AreaIncludes/products/product-card.html.twig line 1

Open in your IDE?
  1. <a class="card border-secondary card-w-image"
  2.     href="{{ pimcore_url({object: product.productObject, document: document}) }}">
  3.     {% if product.image is not null %}
  4.         <div class="overflow-zoom bg-gray2">
  5.             {{ product.image.getThumbnail('product-teaser-image').getHtml({imgAttributes:{class:'card-img-top img-fluid product-teaser-image'}})|raw }}
  6.         </div>
  7.     {% else %}
  8.         <div class="card-img-top bg-gray2">
  9.             <div class="embed-responsive embed-responsive-16by9">
  10.                 <img src="/_gfx/placeholder-camera-16by9.png" class="embed-responsive-item img-fluid mt-0" alt="no-image">
  11.             </div>
  12.         </div>
  13.     {% endif %}
  14.     <div class="card-body">
  15.         {% if product.technology is not empty %}
  16.             <div class="text-uppercase text-right clearfix">
  17.                 <span
  18.                     class="mark text-white float-left">{{ product.technology | upper }}
  19.                 </span>
  20.                 <small></small>
  21.             </div>
  22.         {% endif %}
  23.         <h3 class="card-title">
  24.             {{ product.name }}
  25.         </h3>
  26.         <div
  27.             class="wysiwyg check-list">
  28.             <ul>
  29.                 {% for item in product.details %}
  30.                     <li class="pr-3">{{ item }}</li>
  31.                 {% endfor %}
  32.             </ul>
  33.         </div>
  34.     </div>
  35.     <div class="card-footer card-text">
  36.         <span class="lorch-icon-next lorch-icon">
  37.             {{ 'product-details.products.read-more' | trans }}
  38.         </span>
  39.     </div>
  40. </a>