{#
/**
 * @file
 *
 * Default product template.
 *
 * Available variables:
 * - attributes: HTML attributes for the wrapper.
 * - product: The rendered product fields.
 *   Use 'product' to print them all, or print a subset such as
 *   'product.title'. Use the following code to exclude the
 *   printing of a given field:
 *   @code
 *   {{ product|without('title') }}
 *   @endcode
 * - product_entity: The product entity.
 * - product_url: The product URL.
 *
 * @ingroup themeable
 */
#}
<div{{ attributes.addClass('product-teaser') }}>
  <div class="content">
    <div class="product-item">
      <div class="product-header">
        <div class="product-images">
          {{ product['variation_field_image'] }}
        </div>
        <div class="product-overlay">
          <div class="add-to-cart">{{ product['variations'] }}</div>
          <div class="product-social">
            <a class="colorbox" href="{{ product_url }}"><i class="fa fa-search"></i></a>
            <a href="{{ product_url }}"><i class="fa fa-random"></i></a>
            <div class="flag-wishlist">{{ product['flag_wishlist'] }}</div>
          </div>
        </div>
      </div>
      <div class="product-meta">
        <div class="title"><a href="{{ product_url }}">{{ product['title'] }}</a></div>
        <div class="price">{{ product['variation_price'] }}</div>
      </div>
    </div>
  </div>
</div>