orange_ecom_starter-2.0.x-dev/templates/commerce/commerce-product--summary.html.twig

{#
/**
 * @file
 *
 * Product Order Summary 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
 */
#}

{% extends "commerce-product.html.twig" %}

{% block content %}
  <a href="{{ product_path }}" class="product-thumbnail product-thumbnail--teaser">
    <div class="product-thumbnail__content">
      {% if product_variation_images %}
        {% for product_variation_image in product_variation_images %}
          {# Use first image of the first variation. #}
          {% if loop.first %}
            <img src="{{ product_variation_image.images.0.entity.uri.value|image_style('product_thumbnail') }}" alt="{{ product_variation_image.images.0.alt }}" class="product-thumbnail__image" />
          {% endif %}
        {% endfor %}
      {% else %}
        <img src="{{ product_thumbnail_url }}" alt="{{ product_thumbnail_alt }}" />
      {% endif %}
    </div>
  </a>
{% endblock content %}