<div
  class="product-item-info"
  data-container="product-grid"
  layout="column"
  layout-align="space-between">
  <a
    ng-href="/catalog/product/view/id/{{ctrl.product.id}}/"
    ng-click="ctrl.gotoProduct()"
    tabindex="-1">
                    
    <div class="container-image image-contain">
      <img
        class="product-image-photo lazyload"
        ng-attr-data-src="{{ ctrl.API_URL }}/media/catalog/product{{ctrl.getAttribute('image')}}"
        width="240"
        height="300"
        ng-attr-alt="{{ctrl.product.name}}">
    </div>
  </a>
  <div class="product details product-item-details">
    <div class="product name product-item-name">
      <a
        class="product-item-link h6"
        ng-href="/catalog/product/view/id/{{ctrl.product.id}}/"
        ng-click="ctrl.gotoProduct()">
        {{ctrl.product.name}}
      </a>
    </div>
    <div
      class="product description product-item-description p5"
      ng-bind-html="ctrl.getAttribute('description') | trustedHtml">
    </div>
    <a
      ng-href="/catalog/product/view/id/{{ctrl.product.id}}/"
      ng-click="ctrl.gotoProduct()"
      class="product-item-footer-default h6"
      layout="row"
      layout-align="end center">
      <div>
        <beyer-icon
          medium
          iconset="material"
          name="chevron-right">
        </beyer-icon>
      </div>
    </a>
  </div>
</div>